/* =====================================================================
   GestorMina-X · pantallas de acceso (rediseño del 30-sep-2026)

   Acceso, registro, alta con Google, cambio de contraseña y el aviso de
   formulario caducado no cargan gmx.css: son páginas sueltas. Tenían otro
   estilo —tarjeta blanca sobre degradado azul— que no era el de la
   aplicación. Esta hoja les da el estilo que aprobó el cliente, y se carga
   DESPUÉS del <style> de cada una, así que manda sin reescribirlas.
   ===================================================================== */
@font-face{font-family:"Inter"; font-style:normal; font-weight:100 900;
  font-display:swap; src:url("/static/fonts/inter-var.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono"; font-style:normal; font-weight:400 600;
  font-display:swap; src:url("/static/fonts/jetbrains-mono-var.woff2") format("woff2")}

:root{
  --fondo:#090D16; --panel:#0F1724; --texto:#E7EDF8; --texto-2:#C5D2E5;
  --tenue:#95A2B9; --linea:rgba(171,193,225,.16); --acento:#59F3D0;
  --acento-rgb:89,243,208; --peligro:#FF8FA9; --exito:#59EDCF;
  color-scheme:dark;
}
body{
  font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  color:var(--texto);
  background:
    radial-gradient(ellipse at 0% 40%,rgba(255,184,45,.035),transparent 45%),
    radial-gradient(ellipse at 95% 10%,rgba(var(--acento-rgb),.06),transparent 45%),
    var(--fondo);
  padding:22px 16px;
}
.caja{
  background:rgba(15,23,36,.86); border:1px solid var(--linea);
  border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.45);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.marca .logo, .logo{height:40px; width:auto}
h1{color:var(--texto); font-weight:600; letter-spacing:-.3px}
p.sub, p{color:var(--tenue)}
label{color:var(--tenue); font-family:"JetBrains Mono",Consolas,monospace;
      font-size:10.5px; font-weight:500; letter-spacing:1.2px}
input, input[type=text], input[type=email], input[type=password]{
  background:#0B1220; border:1px solid var(--linea); color:var(--texto);
  border-radius:7px;
}
input::placeholder{color:#5F6E84}
input:focus{border-color:var(--acento); background:#0B1220;
            box-shadow:0 0 0 3px rgba(var(--acento-rgb),.16)}
button, .btn{
  background:var(--acento); color:#04211B; border:1px solid var(--acento);
  border-radius:7px; font-weight:650;
}
button:hover, .btn:hover{background:#8FF7DF; color:#04211B}
.ver-clave{background:transparent !important; color:var(--tenue) !important;
           border:0 !important}
.error{background:rgba(255,84,118,.10); color:#FFC7D3;
       border:1px solid rgba(255,143,169,.35)}
.exito, .nota{background:rgba(var(--acento-rgb),.08); color:#B4F7E8;
              border:1px solid rgba(var(--acento-rgb),.28)}
.ayuda, .pie, .cuenta small{color:var(--tenue)}
.pie a, .consentimiento a, a{color:var(--acento)}
.consentimiento, .cuenta{color:var(--texto-2)}
.cuenta{background:rgba(var(--acento-rgb),.06); border-color:var(--linea)}
.separador{color:var(--tenue)}
.separador::before, .separador::after{background:var(--linea)}
.glifo{background:linear-gradient(135deg,var(--acento),#2FB894); color:#04211B}
/* El botón de Google conserva su guía de marca: fondo blanco. */
.btn-google-oficial, .btn-google-oficial:hover{color:#1f1f1f; border-radius:7px}