/* Navegación pública accesible y menos saturación en pantallas pequeñas. */
.site-header nav a:focus-visible,.faq summary:focus-visible{outline:3px solid #087f75;outline-offset:4px}
.site-header .button,.hero .button,.final-cta .button,.plan-detail .button{background:#08766b;color:#fff}
@media(max-width:760px){
 .site-header{display:flex;flex-wrap:wrap;padding:16px 16px 12px;gap:12px}
 .site-header .logo img{width:142px;height:auto}
 .site-header .header-contact-actions{gap:8px;flex:1;min-width:0;justify-content:flex-end}
 .site-header .header-contact-actions a{min-height:44px;font-size:12px;padding:9px 11px}
 .site-header nav{display:flex;order:3;width:100%;gap:8px;justify-content:flex-start;overflow-x:auto;padding:2px 0 4px}
 .site-header nav a{display:flex;align-items:center;justify-content:center;flex:1 0 auto;min-height:44px;padding:8px 12px;font-size:13px;color:#17374a;background:#fff;border:1px solid #d6e2e8;border-radius:12px;white-space:nowrap;text-decoration:none}
 .hero{padding-top:24px;padding-bottom:28px;gap:24px}
 .hero h1{font-size:clamp(32px,8.8vw,43px);line-height:1.12;margin-bottom:20px}
 .hero .eyebrow{margin-bottom:18px;line-height:1.5}
 .hero .lead{font-size:18px;line-height:1.5;margin:0 0 14px}
 .hero .support{font-size:14px;line-height:1.55;margin:0 0 20px}
 .hero .actions{gap:12px;margin-top:18px}
 .hero .actions .button{min-height:48px;padding:13px 18px;font-size:14px}
 .hero .text-link{min-height:44px;display:inline-flex;align-items:center}
 .hero .fine{line-height:1.5;margin-top:14px}
 .hero-scene .scene-photo{height:200px}
 .hero-scene .agenda-preview{padding:16px;margin-left:8px;margin-right:8px}
 .hero-scene{padding-bottom:8px}
 .sector-controls button{min-height:44px}
 .sector-controls-row{grid-template-columns:44px minmax(0,1fr) 44px}
 .platform,.industries{padding-block:36px}
 .section-heading{margin-bottom:22px}
 .section-heading h2,.dati-copy h2{font-size:28px;line-height:1.2}
 .section-heading>p{font-size:14px;line-height:1.6;margin-top:14px}
 .feature-grid{gap:12px}
 .feature-grid .feature,.feature-grid>.feature:not(.feature-large,.feature-dark){min-height:0;padding:22px}
 .feature-grid .feature h3{font-size:23px;margin-bottom:14px}
 .feature-grid .feature p{font-size:14px;line-height:1.6}
 .feature-grid .feature-number{margin-bottom:20px}
 .feature-grid .week-preview{margin:18px 0 0}
 .experience-context{gap:12px;padding-block:16px;line-height:1.5}
 .faq{padding-block:36px;gap:20px}
 .faq-items details{padding:14px 0}
 .faq-items summary{min-height:44px;align-items:center;font-size:15px;gap:12px;cursor:pointer}
 .faq-items p{margin:12px 0 4px;font-size:14px;line-height:1.65}
 .final-cta{padding:26px 22px;margin-bottom:32px}
 .final-cta h2{font-size:29px}
 .site-footer{padding-bottom:88px}
}
@media(max-width:400px){
 .site-header{justify-content:center}
 .site-header .header-contact-actions{flex-basis:100%;justify-content:center}
 .site-header nav a{font-size:12px;padding-inline:9px}
}