/* Shared usability fixes, October 2026. */
:root { --green:#2e7033; --subtle:#607486; }
body { overflow-wrap:break-word; }
img { max-width:100%; height:auto; }
nav img, .foot-logo img { width:auto; }
main { min-width:0; }
[id] { scroll-margin-top:84px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid #c76900; outline-offset:4px; }
.mc-skip { position:fixed;left:12px;top:-100px;z-index:10001;background:#fff;color:#1b3a5c;padding:12px 18px;border:2px solid #1b3a5c;border-radius:8px; }
.mc-skip:focus { top:10px; }
.nav-in { gap:12px; }
.nav-in > a, .nav-logo, .nav-right { flex-shrink:0; }
.nav-links { min-width:0; }
.mc-menu { display:none; }
.mc-cookie-settings { appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;min-height:32px; }
.wa-fab { color:#0f2236; }
.wa-fab svg { fill:currentColor; }
footer, footer a, footer p, .foot-col a, .foot-bot-links a, .foot-tagline, .foot-col-h { color:#c5d0db; }
footer [style*="color:"] { color:#c5d0db !important; }
.hero-desc, .page-hero p, .breadcrumb, .breadcrumb a, .breadcrumb span, .cta-box p { color:#c5d0db; }
.hero-badge, .page-hero-tag, .hero h1 span { color:#80d487; }
.btn-cta-green:hover, .btn-nav:hover { background:#245b29; }
.btn-wa, .btn-whatsapp, .btn-wa-hero, .btn-wa-cta { color:#0f2236; }
a[style*="background:#25D366"] { color:#0f2236 !important; }
.step p, .ps-l, .pc-text span, .hero-trust { color:#c5d0db; }
.step-n, #como .tag, .panel-tag { color:#80d487 !important; }
main span[style*="color:rgba(255,255,255,.3)"] { color:#c5d0db !important; }
.foot-bot-links, .foot-legal { flex-wrap:wrap; }
.foot-top > *, .hero-inner > *, .hero-in > * { min-width:0; }
.sumi-layout > *, .sumi-tipo > *, .contact-layout > * { min-width:0; }
.form-layout > *, .info-item > *, .stats-row > *, .panel-stats > * { min-width:0; }
.info-item { overflow-wrap:anywhere; }
.sumi-tipos { grid-template-columns:repeat(2,minmax(0,1fr)); }
.faq-item .faq-body[hidden] { display:none; }
.faq-item.open .faq-body { max-height:none; }
.dropzone:focus-within { outline:3px solid #c76900;outline-offset:3px; }
@media(max-width:900px) {
 main [style*="grid-template-columns"] { grid-template-columns:minmax(0,1fr) !important;gap:28px !important; }
 main [style*="grid-template-columns"] > * { min-width:0; }
}
@media(max-width:1120px) {
 nav { padding-left:18px;padding-right:18px; }
 .mc-menu { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #526c83;border-radius:8px;background:#fff;color:#1b3a5c;font:inherit;font-size:14px;font-weight:700;cursor:pointer; }
 nav .nav-links { display:none;position:absolute;top:68px;left:0;right:0;padding:12px 18px;background:#fff;box-shadow:0 12px 24px #0f223629;max-height:calc(100dvh - 80px);overflow-y:auto; }
 nav .nav-links.mc-open { display:flex;flex-direction:column;gap:4px; }
 nav .nav-links a, nav.solid .nav-links a { color:#1b3a5c;display:block;padding:12px;border-radius:6px; }
 nav .nav-links a:hover, nav.solid .nav-links a:hover { color:#1b3a5c;background:#ebf2fa; }
 .nav-phone { display:none; }
}
@media(max-width:480px) {
 nav { padding-left:14px;padding-right:14px; }
 .nav-in { gap:8px; }
 .nav-right { gap:8px; }
 .btn-nav { padding:10px 12px;white-space:nowrap; }
 .hero { padding-left:20px;padding-right:20px; }
 .hero h1 { font-size:clamp(2rem,9vw,2.65rem);overflow-wrap:normal; }
 .hero-trust, .hero-checks, .hero-badges { flex-wrap:wrap; }
 .page-hero { padding:44px 20px; }
 .breadcrumb { flex-wrap:wrap; }
 .cta-box { padding:28px 20px; }
 .wa-fab { width:48px;height:48px;right:16px;bottom:16px; }
 .foot-contacts a { overflow-wrap:anywhere; }
 .hero-form, .mini-form-box { max-width:100%; }
  .sumi-tipos { grid-template-columns:minmax(0,1fr); }
  .stats-row, .panel-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none !important;transition:none !important;scroll-behavior:auto !important; } }
@media(max-width:400px) { .cg,.sumi-tipos-check,.sumi-checks { grid-template-columns:minmax(0,1fr); } }