/*
Theme Name: Studio Odontoiatrico Lombardo
Description: Tema dedicato che conserva la grafica e gli indirizzi del sito Joomla.
Version: 1.1.0
Author: Studio Odontoiatrico Lombardo
License: GPL-2.0-or-later
Text Domain: lombardo
*/
.lombardo-contact-cta { max-width:560px; margin:24px auto; padding:40px 36px; background:linear-gradient(145deg,#f0faff,#fff); border:1px solid #d8edf7; border-radius:18px; box-shadow:0 12px 36px rgba(31,106,143,.08); text-align:left; }
.lombardo-eyebrow { display:block; margin-bottom:16px; color:#298cb9; font-size:12px; font-weight:700; letter-spacing:2px; }
.lombardo-contact-cta h3 { margin:0 0 16px; color:#225771; font-size:30px; line-height:1.2; font-weight:600; }
.lombardo-contact-cta p { color:#526875; line-height:1.7; margin:0 0 24px; }
.lombardo-contact-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:14px 24px; border-radius:8px; background:#2b96cc; color:#fff!important; font-weight:600; box-shadow:0 5px 15px rgba(43,150,204,.2); transition:background .2s,transform .2s; }
.lombardo-contact-button:hover { background:#187eaf; transform:translateY(-2px); }
.lombardo-contact-button:focus-visible, a:focus-visible { outline:3px solid #195c7e; outline-offset:4px; }
.lombardo-contact-inline { color:#42b8e3; font-weight:600; }
.article-list .article { border-radius:12px; overflow:hidden; transition:box-shadow .2s,transform .2s; }
.article-list .article:hover { box-shadow:0 10px 30px rgba(28,69,91,.1); transform:translateY(-3px); }
.sppb-btn, .readmore a { border-radius:7px; }
.article-details .article-full-image img { border-radius:10px; }
.pagination-wrapper .pagination { flex-wrap:wrap; row-gap:7px; }
@media(max-width:767px) {
 .sppb-addon-title { overflow-wrap:break-word; }
 #sppb-addon-1512068798151 .sppb-addon-title { font-size:clamp(36px,10.5vw,58px)!important; line-height:1.12!important; }
 #section-id-1511613808 { padding-top:85px!important; padding-bottom:85px!important; }
 .lombardo-contact-cta { padding:28px 24px; margin:20px 0; }
 .lombardo-contact-cta h3 { font-size:26px; }
 .lombardo-contact-button { width:100%; padding:14px 16px; }
 .pagination-wrapper { flex-wrap:wrap; gap:14px; }
}
@media(prefers-reduced-motion:reduce) { .lombardo-contact-button,.article-list .article { transition:none; } .lombardo-contact-button:hover,.article-list .article:hover { transform:none; } }