/* Estilos de Iniciar sesión (Google + correo/contraseña + código de miembro). */

.caja{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px}
.puerta{
  width:min(440px,100%);text-align:center;
  background:linear-gradient(160deg,var(--tarjeta),#0a0906 70%);
  border:1px solid var(--borde);border-radius:26px;
  padding:clamp(36px,6vw,56px) clamp(28px,5vw,48px);
  box-shadow:0 40px 90px -50px rgba(180,150,72,.25);
}
.puerta img.iso{width:70px;margin-bottom:24px;animation:flota 7s ease-in-out infinite}
@keyframes flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.puerta h1{font-size:1.7rem;margin-bottom:8px}
.puerta .bajada{margin:0 auto 30px;font-size:.98rem}

.puerta input{
  width:100%;background:#000;border:1px solid var(--borde);border-radius:14px;
  color:var(--blanco);font-family:'Gilroy',sans-serif;font-weight:500;
  font-size:1rem;padding:15px 18px;margin-bottom:12px;outline:none;
  transition:border-color .2s var(--ease-entra), box-shadow .2s var(--ease-entra);
}
.puerta input:focus{border-color:var(--oro);box-shadow:0 0 0 3px rgba(180,150,72,.18)}
.puerta input::placeholder{color:#5a5a5a}
.puerta form .btn{width:100%;margin-top:6px}

/* Google + separador */
#boton-google{display:flex;justify-content:center;margin-bottom:6px}
.separador{display:flex;align-items:center;gap:14px;margin:18px 0;color:#5a5a5a;font-size:.8rem}
.separador::before,.separador::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}

/* enlace de recuperar / primera vez */
.olvide{margin-top:16px}
.olvide a{color:var(--gris);font-size:.85rem;text-decoration:underline;
  text-underline-offset:3px;transition:color .15s var(--ease-entra)}
.olvide a:hover{color:var(--oro)}

.error{
  display:none;color:#e0b4b4;background:rgba(120,40,40,.25);
  border:1px solid rgba(200,90,90,.3);border-radius:12px;
  padding:12px 16px;font-size:.88rem;margin-bottom:18px;text-align:left}
.error.ver{display:block}
.nota{margin-top:30px;color:var(--gris);font-size:.85rem;font-style:italic}
.nota a{color:var(--oro);text-decoration:none;font-weight:700}

.error.bien{color:#cfe8c8;background:rgba(50,110,50,.22);border-color:rgba(110,190,110,.35)}