/* Diseno v2 (27/10/2026). Capa de mejoras sobre ms.css. Para volver al diseno anterior: opcion ms_design = v1 */
html{scroll-behavior:smooth}
::selection{background:#CFE3F3;color:#0F2A44}
p{text-wrap:pretty}

/* Titulares de seccion: tamano coherente y lineas equilibradas */
.e-con h2:not(.ms-prose h2):not(.ms-legal-main h2):not(.ms-pq-h){font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.e-con h3{text-wrap:balance}
.ms-vhead p,.ms-alone p,.ms-hx-sub{max-width:62ch}

/* Sin etiquetas sobre los titulos */
.ms-eyebrow{display:none!important}
.ms-card .ms-eyebrow{display:inline-block!important}
.ms-eyebrow+h2,.ms-eyebrow+br+h2{margin-top:0!important}

/* Secciones oscuras con luz suave */
.e-con.ms-noche,.e-con.ms-marino{background-image:radial-gradient(55% 60% at 88% 0%,rgba(44,125,184,.22) 0%,transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(205,184,146,.10) 0%,transparent 70%)!important}

/* Tarjetas: hover unificado y discreto */
.ms-checks li:hover,.ms-pain:hover,.ms-card:hover,.ms-fmt:hover,.ms-tool:hover .ms-device{border-color:#C9DCEC}
.ms-checks li:hover,.ms-pain:hover,.ms-fmt:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,42,68,.07)}
.ms-marino .ms-checks li:hover,.ms-noche .ms-checks li:hover{box-shadow:0 14px 30px rgba(0,0,0,.25)}
.ms-tool .ms-device{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}
.ms-tool:hover .ms-device{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,42,68,.08)}
.ms-dish .ms-slot,.ms-mosaic .ms-slot{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ms-dish:hover .ms-slot{transform:scale(1.02)}

/* Botones: estado de foco accesible y flecha animada */
.ms-btn-sm:focus-visible,a.ms-link-arrow:focus-visible,.ms-nav a:focus-visible{outline:2px solid var(--ms-medi);outline-offset:3px}
.ms-btn-sm{transition:transform .2s,box-shadow .2s,background-color .2s}
.ms-btn-sm:hover{background:#163A5C}
.ms-noche .ms-btn-sm:hover,.ms-marino .ms-btn-sm:hover{background:#F2F6FA}

/* Cifras con mas presencia */
.ms-hl b,.ms-case .big b,.ms-stat b{font-variant-numeric:tabular-nums}
.ms-stat{border-left-color:rgba(205,184,146,.6)}

/* Pasos del metodo: numero con anillo */
.ms-step .n{box-shadow:0 0 0 6px rgba(232,242,250,.6),0 4px 12px rgba(15,42,68,.06)}
.ms-noche .ms-step .n,.ms-marino .ms-step .n{box-shadow:0 0 0 6px rgba(255,255,255,.06)}

/* Cabecera: borde fino siempre visible al hacer scroll */
.ms-header.is-scrolled{box-shadow:0 1px 0 var(--ms-borde),0 10px 30px -20px rgba(15,42,68,.25)}

/* Pie: linea de acento superior */
.ms-footer{position:relative}
.ms-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(205,184,146,.55),transparent)}

/* Pills mas finas */
.ms-pill{letter-spacing:.01em}

@media(max-width:767px){
 .e-con h2:not(.ms-prose h2):not(.ms-legal-main h2):not(.ms-pq-h){font-size:clamp(28px,8vw,34px)}
 .ms-checks li:hover,.ms-pain:hover,.ms-fmt:hover,.ms-tool:hover .ms-device{transform:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ms-checks li,.ms-pain,.ms-fmt,.ms-tool .ms-device,.ms-dish .ms-slot{transition:none!important}}