/* To'lldo · estilo de la página (3 nov 2026). Los colores de cada sección van en el HTML, tal como en el diseño aprobado. */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: #FFFFFF; color: #0A1F44; font-family: 'Schibsted Grotesk', system-ui, sans-serif; overflow-x: hidden; }
a { color: #1D4ED8; }
a:hover { color: #163BA6; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid #F5A524; outline-offset: 2px; }
section[id] { scroll-margin-top: 16px; }

.error { font-size: 14px; font-weight: 500; line-height: 1.4; color: #8A5200; }
[aria-invalid="true"] { border-color: #B97A0B !important; }
.trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
button[disabled] { opacity: .6; cursor: wait !important; }

/* Páginas legales */
.cabecera-legal { background: #FFFFFF; border-bottom: 1px solid #DCE2EE; }
.cabecera-legal > div, .pie-legal > div { max-width: 1240px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.marca { display: inline-flex; align-items: center; gap: 10px; color: #0A1F44; text-decoration: none; font-weight: 900; font-size: 26px; letter-spacing: -1px; }
.marca:hover { color: #0A1F44; }
.boton-legal { background: #0A1F44; color: #FFFFFF; text-decoration: none; font-weight: 700; font-size: 15px; padding: 0 22px; border-radius: 999px; min-height: 44px; display: inline-flex; align-items: center; }
.boton-legal:hover { color: #FFFFFF; }
main.seccion { background: #F3F5FA; padding: 56px 24px 96px; }
.documento { max-width: 820px; margin: 0 auto; background: #FFFFFF; border-radius: 28px; padding: clamp(24px, 5vw, 56px); box-sizing: border-box; font-size: 17px; line-height: 1.6; color: #33445F; }
.documento .cursiva { font-family: 'DM Mono', monospace; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; color: #1D4ED8; }
.documento h1 { margin: 12px 0; font-weight: 900; font-size: clamp(36px, 5vw, 54px); line-height: 1; letter-spacing: -2px; color: #0A1F44; }
.documento h2 { margin: 36px 0 8px; font-weight: 800; font-size: 22px; letter-spacing: -.5px; color: #0A1F44; }
.documento .fecha { font-family: 'DM Mono', monospace; font-size: 13px; color: #4B5B76; }
.pie-legal { background: #0A1F44; color: #FFFFFF; font-size: 15px; }
.pie-legal a { color: #FFFFFF; }
.pie-legal .marca, .pie-legal .marca:hover { color: #FFFFFF; }
.pie-legal nav { display: flex; flex-wrap: wrap; gap: 20px; }