/*
 * Login y registro: piezas nuevas del 6/11/2026 (las enlaza views/partials/acceso_modales.php).
 * Mismo lenguaje que login-modal-dark.css: azul noche, bordes azules suaves, enlaces #60a5fa.
 * «Mantener la sesión iniciada», nombre y apellidos en una fila, textos de ayuda, «Continuar con Google»
 * y los botones de salida de un error del login.
 */

/* Recordar sesión + ¿Olvidaste tu contraseña? en una fila (dos filas si no caben) */
.login-forgot-row.acc-fila { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; margin: 2px 0 14px !important; text-align: left !important; }
.acc-recordar { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; cursor: pointer; color: #cbd5e1; font-size: .875rem; font-weight: 500; line-height: 1.3; }
.acc-recordar input { width: 20px; height: 20px; margin: 0; flex: 0 0 20px; accent-color: #3b82f6; cursor: pointer; }
.acc-recordar input:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 2px; }
.acc-fila .login-forgot-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; }

/* Nombre y apellidos lado a lado (uno bajo otro en pantallas muy estrechas) */
.acc-doble { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.acc-doble > .login-form-group { min-width: 0; }
@media (max-width: 340px) { .acc-doble { grid-template-columns: 1fr; } }

/* Texto de ayuda bajo un campo */
.acc-ayuda { margin: 6px 2px 0; font-size: .8125rem; line-height: 1.45; color: #94a3b8; text-align: left; }
.acc-ayuda--centro { text-align: center; margin: 2px 0 12px; }

/* Pie con suficiente contraste (antes #64748b sobre azul noche = 3,7:1) */
.login-modal-container .login-footer-text { color: #a8b5c8 !important; }

/* «Continuar con Google» */
.acc-google { margin: 0 0 4px; }
.acc-google__btn { display: flex; justify-content: center; min-height: 44px; }
.acc-google__btn > div { max-width: 100%; }
.acc-google__nota { margin: 8px 4px 0; font-size: .75rem; line-height: 1.45; color: #94a3b8; text-align: center; }
.acc-google__nota a { color: #93c5fd; text-decoration: underline; }
.acc-google[hidden] { display: none !important; }
.acc-sep { display: flex; align-items: center; gap: 12px; margin: 14px 0 12px; color: #94a3b8; font-size: .8125rem; }
.acc-sep::before, .acc-sep::after { content: ""; flex: 1; height: 1px; background: rgba(148, 197, 253, .18); }

/* Salidas de un error del login: «Recuperar contraseña», «Crear cuenta», «WhatsApp» */
.login-alert .acc-salidas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; width: 100%; }
.login-alert.active { flex-wrap: wrap; }
.acc-salida { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 14px; border-radius: 12px; font-size: .875rem; font-weight: 600; line-height: 1.2; text-decoration: none !important; cursor: pointer; border: 1px solid rgba(148, 197, 253, .35); background: rgba(15, 23, 42, .55); color: #e2e8f0 !important; font-family: inherit; }
.acc-salida:hover { background: rgba(30, 41, 59, .85); }
.acc-salida:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 2px; }
.acc-salida--wa { background: #15803d; border-color: #15803d; color: #fff !important; }
.acc-salida--wa:hover { background: #166534; }

/* El marco del botón de Google se pinta blanco si la página usa esquema oscuro: sin esto salía un recuadro
   blanco alrededor de la píldora. */
.acc-google__btn, .acc-google__btn iframe { color-scheme: light; }

/* Aviso informativo (p. ej. «Para terminar tu compra, inicia sesión…» en el pago) */
.login-alert.login-alert-info.active { background: rgba(59, 130, 246, .16) !important; border: 1px solid rgba(147, 197, 253, .45) !important; color: #dbeafe !important; font-weight: 600; }