/* Pantalla de acceso (para páginas con su propio estilo) */
:root{--rojo:#89211e;--panel:#fff;--linea:#e3d8d0;--linea-2:#cfc1b6;--gris:#76655f;--r:12px;--sombra:0 1px 2px rgba(60,30,25,.06),0 4px 14px rgba(60,30,25,.06)}
.kl-login { max-width: 420px; margin: 40px auto; background: var(--panel); border: 1px solid var(--linea); border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--sombra); }
.kl-login form { display: flex; gap: 8px; }
.kl-login input { flex: 1; }
.kl-login button { font: inherit; background: var(--rojo); color: #fff; border: none; border-radius: 8px; padding: 8px 14px; cursor: pointer; }
.kl-login-msg { font-size: 13.5px; color: var(--gris); }
.kl-login input{font:inherit;font-size:14px;border:1px solid var(--linea-2);border-radius:8px;padding:6px 10px}
.kl-login-tabs { display: flex; gap: 6px; }
.kl-login-tabs button { font: inherit; font-size: 13px; background: var(--panel); border: 1px solid var(--linea-2); color: var(--gris); border-radius: 999px; padding: 4px 12px; cursor: pointer; }
.kl-login-tabs button.activo { background: var(--rojo); color: #fff; border-color: var(--rojo); }
.kl-login form { flex-direction: column; }
.kl-login-ayuda { font-size: 13px; color: var(--gris); }
.kl-login-ayuda a { color: var(--rojo); }

/* Entrar con Google y pantallas táctiles (punto 5, 31-10-2026) */
.kl-login-o { text-align: center; color: var(--gris); font-size: 13px; margin: 2px 0 8px; }
.kl-login button.kl-login-google { width: 100%; background: #fff; color: #1f1f1f; border: 1px solid #dadce0; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 500; padding: 10px 14px; }
.kl-login button.kl-login-google:hover { background: #f7f8f8; }
@media (pointer: coarse) {
  /* dedo en vez de mouse: botones de al menos 44 px y letra de 16 px en los campos (así el iPhone no hace zoom al escribir) */
  .kl-login input, .kl-login button { min-height: 44px; }
  .kl-login input { font-size: 16px; }
  .kl-login-tabs button { min-height: 36px; }
}