/* Páginas de cuenta (login, registro, recuperar contraseña) — reskin: azul noche, tarjeta clara, serif en el título.
   Se carga DESPUÉS de welcome.css y del <style> propio de cada página; no toca su lógica. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/fraunces-var.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("../fonts/instrument-sans-var.woff2") format("woff2")}
body.sec-cuenta{background:#0a1b30;color:#e8edf5;font-family:"Instrument Sans","Public Sans",system-ui,sans-serif;min-height:100vh}
body.sec-cuenta .site-logo-bar{background:#0a1b30;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:none}
body.sec-cuenta .site-logo,body.sec-cuenta .site-logo-txt{color:#fff !important}
body.sec-cuenta .site-logo-txt{font-family:"Fraunces",Georgia,serif;font-weight:500}
body.sec-cuenta .site-logo-bar-inner{max-width:1120px}
/* Título */
body.sec-cuenta .cabecera{background:linear-gradient(180deg,rgba(10,27,48,.55),#0a1b30 96%),url("../images/portada/celebracion-3.webp") center 30%/cover no-repeat !important;
  text-align:left;padding:64px 22px 30px;min-height:0;border:0;display:block}
body.sec-cuenta .cabecera h1{max-width:560px;margin:0 auto 8px !important;font:400 clamp(2rem,6vw,2.8rem)/1.08 "Fraunces",Georgia,serif !important;color:#fff;letter-spacing:-.015em}
body.sec-cuenta .cabecera p{max-width:560px;margin:0 auto !important;font-size:1.02rem !important;color:#d3dbe8}
body.sec-cuenta .contenedor{max-width:560px !important;margin:0 auto;padding:6px 18px 56px !important}
/* Tarjeta del formulario */
body.sec-cuenta .form-card{background:#f6f9fd !important;border:0 !important;border-radius:28px !important;box-shadow:0 34px 70px -28px rgba(0,0,0,.65);padding:26px 24px 12px !important;margin:18px 0 0 !important;color:#0d1b2e}
body.sec-cuenta .campo label{font:600 .95rem "Instrument Sans","Public Sans",sans-serif !important;color:#0d1b2e !important;margin:0 0 6px}
body.sec-cuenta .campo input[type="text"],body.sec-cuenta .campo input[type="email"],body.sec-cuenta .campo input[type="password"]{min-height:50px;padding:11px 14px;font:500 1.02rem "Instrument Sans","Public Sans",sans-serif;color:#0d1b2e;background:#fff;border:2px solid #dde5f0 !important;border-radius:14px !important}
body.sec-cuenta .campo input:focus{outline:0;border-color:#1d3f63 !important;box-shadow:0 0 0 4px rgba(29,63,99,.15)}
body.sec-cuenta .campo input.invalido{border-color:#b3263a !important}
body.sec-cuenta .campo-error{font-size:.9rem;color:#8a1f2e}
body.sec-cuenta .campo-error svg{color:#b3263a}
body.sec-cuenta .campo-terminos span{font-size:.92rem;color:#33435c}
body.sec-cuenta .campo-terminos a{color:#7c1c2c}
body.sec-cuenta .btn-ojo{color:#6b7a92}
/* Botón principal de los formularios */
body.sec-cuenta .form-card button[type="submit"],body.sec-cuenta .form-card .boton-continuar,body.sec-cuenta .boton-principal{background:#7c1c2c !important;color:#fff !important;border:0 !important;border-radius:999px !important;min-height:54px;font:700 1rem "Instrument Sans","Public Sans",sans-serif;box-shadow:0 14px 28px -14px rgba(124,28,44,.9) !important;cursor:pointer}
/* Notas y resumen de compra */
body.sec-cuenta .nota-pago,body.sec-cuenta .resumen-compra{background:#eaf0f8 !important;border:0 !important;border-radius:16px !important;color:#1f2f46 !important;font-size:.95rem !important}
body.sec-cuenta .resumen-compra{border-left:4px solid #14253d !important;border-radius:0 16px 16px 0 !important}
body.sec-cuenta .resumen-compra .titulo{font-size:1.02rem !important;color:#0d1b2e !important}
body.sec-cuenta .resumen-compra .detalle{font-size:.9rem !important;color:#4a5a73 !important}
body.sec-cuenta .nota-pago a{color:#7c1c2c !important}
/* Pago */
body.sec-cuenta .btn-pago{min-height:54px;border-radius:999px !important;font-size:1rem !important;font-family:"Instrument Sans","Public Sans",sans-serif}
body.sec-cuenta .btn-pago--stripe{background:#7c1c2c !important;box-shadow:0 14px 28px -14px rgba(124,28,44,.9) !important}
body.sec-cuenta .btn-pago--paypal{background:#fff !important;color:#14253d !important;border:0 !important}
body.sec-cuenta .pago-nota{color:#9fb0c8 !important}
/* Acciones y textos sobre el fondo oscuro */
body.sec-cuenta .acciones .boton-continuar{background:transparent !important;border:1.5px solid rgba(255,255,255,.45) !important;color:#fff !important;border-radius:999px !important;box-shadow:none !important}
body.sec-cuenta .contenedor>p:not(.nota-pago){color:#c9d3e3 !important}
body.sec-cuenta .contenedor>p:not(.nota-pago) a{color:#fff !important;text-decoration:underline !important;text-underline-offset:3px}
body.sec-cuenta .nota-pago{color:#1f2f46 !important}
body.sec-cuenta .nota-pago strong{color:#0d1b2e}
body.sec-cuenta .aviso-linea{color:#9fb0c8}
body.sec-cuenta #resp-api{border-radius:16px !important}
/* Pie */
body.sec-cuenta .sitio-footer{background:#07131f !important;margin-top:0}
body.sec-cuenta .sitio-footer a{color:#fff}
body.sec-cuenta .sitio-footer-aviso{color:#9fb0c8}
/* Enlaces sueltos dentro de la tarjeta (¿olvidaste tu contraseña?, etc.) */
body.sec-cuenta .form-card a{color:#7c1c2c}
@media(max-width:560px){body.sec-cuenta .cabecera{padding:56px 18px 24px}body.sec-cuenta .form-card{padding:22px 18px 8px !important}}
/* Los mensajes de error solo aparecen cuando la página los muestra: el display:flex de cada página ganaba al atributo [hidden] */
body.sec-cuenta .campo-error[hidden],body.sec-cuenta [hidden]{display:none !important}
/* Enlace "Volver" suelto arriba */
body.sec-cuenta>a[aria-label="Volver al inicio"]{color:#c9d3e3 !important;margin:14px 0 0 18px !important}
/* Botón de idioma */
body.sec-cuenta #btn-idioma{background:#fff !important;color:#14253d !important;border:0 !important;border-radius:999px !important;font:700 .85rem "Instrument Sans",sans-serif}
body.sec-cuenta>a{color:#c9d3e3 !important}

body.sec-cuenta .site-logo-txt em{font-style:italic;font-weight:400;color:#d97c8c}
