:root { color-scheme: light; }
.static-body { min-height: 100svh; margin: 0; background: linear-gradient(145deg, #edf4ff, #f8fafc 55%, #e4efff); color: #172b45; font-family: Inter, Arial, sans-serif; }
.estado-pagina { display: grid; min-height: 100svh; place-items: center; padding: 28px; }
.estado-pagina__tarjeta { width: min(680px, 100%); padding: clamp(32px, 7vw, 68px); border: 1px solid rgba(28, 90, 177, .18); border-radius: 28px; background: rgba(255, 255, 255, .92); box-shadow: 0 24px 70px rgba(23, 43, 69, .14); text-align: center; }
.estado-pagina__logo { width: min(210px, 70%); margin: 0 auto 34px; }
.estado-pagina__eyebrow { margin: 0 0 12px; color: #0a66c2; font-size: .78rem; font-weight: 800; letter-spacing: .14em; }
.estado-pagina h1 { margin: 0; color: #172b45; font-size: clamp(2.1rem, 6vw, 4rem); line-height: 1.05; }
.estado-pagina__texto { max-width: 520px; margin: 22px auto 0; color: #52657a; font-size: 1.08rem; line-height: 1.65; }
.estado-pagina__acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 34px; }
.estado-pagina__boton { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid #172b45; border-radius: 10px; background: #172b45; color: #fff; font-weight: 800; text-decoration: none; transition: transform .2s, background .2s; }
.estado-pagina__boton--secundario { background: #fff; color: #172b45; }
.estado-pagina__boton:hover, .estado-pagina__boton:focus-visible { background: #0a66c2; border-color: #0a66c2; color: #fff; transform: translateY(-2px); }
.redes__lista { display: grid; gap: 12px; margin-top: 32px; text-align: left; }
.redes__enlace { display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 0 18px; border: 1px solid #d7e0ec; border-radius: 12px; background: #fff; color: #172b45; font-weight: 700; text-decoration: none; }
.redes__enlace:hover, .redes__enlace:focus-visible { border-color: #0a66c2; color: #0a66c2; }
.redes__enlace i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px; background: #e7f1ff; color: #0a66c2; font-size: 1.35rem; }
.redes__nota { margin: 26px 0 0; color: #65758a; font-size: .93rem; line-height: 1.5; }
.blog-mantenimiento { display: grid; min-height: 58vh; place-items: center; padding: clamp(50px, 9vw, 100px) 24px; background: #f6f9fd; }
.blog-mantenimiento .estado-pagina__tarjeta { max-width: 760px; }
@media (max-width: 420px) { .estado-pagina { padding: 14px; } .estado-pagina__tarjeta { border-radius: 20px; } .estado-pagina__acciones { display: grid; } }
.legal-pagina { width: min(920px, calc(100% - 32px)); margin: 0 auto; padding: clamp(36px, 7vw, 72px) 0; }
.legal-pagina__tarjeta { padding: clamp(28px, 5vw, 56px); border: 1px solid rgba(28, 90, 177, .18); border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(23, 43, 69, .1); }
.legal-pagina__logo { display: block; width: min(190px, 65%); margin: 0 0 34px; }
.legal-pagina h1 { margin: 0; color: #172b45; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.1; }
.legal-pagina h2 { margin: 32px 0 12px; color: #172b45; font-size: 1.25rem; }
.legal-pagina p, .legal-pagina li { color: #52657a; line-height: 1.7; }
.legal-pagina ul { padding-left: 22px; }
.legal-pagina a { color: #0a66c2; }
.legal-pagina__fecha { margin: 16px 0 30px; color: #65758a; }
.legal-pagina__volver { display: inline-flex; margin-top: 34px; font-weight: 800; }