.autenticacion{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 50%,#edf3f9 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px 20px;display:flex;position:relative;overflow:hidden}.autenticacion__fondo{pointer-events:none;border-radius:50%;position:absolute}.autenticacion__fondo--uno{background:#2563eb0f;width:500px;height:500px;top:-280px;right:-150px}.autenticacion__fondo--dos{background:#0f27470e;width:500px;height:500px;bottom:-300px;left:-170px}.autenticacion__tarjeta{z-index:2;background:var(--blanco);border:1px solid var(--borde-suave);border-radius:22px;grid-template-columns:.85fr 1.15fr;width:min(940px,100%);min-height:610px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 65px #0f274721}.autenticacion__marca{background:linear-gradient(145deg, var(--azul-noche) 0%, #102f57 58%, #123965 100%);flex-direction:column;justify-content:space-between;padding:35px;display:flex;position:relative;overflow:hidden}.autenticacion__marca:after{content:"";background:#2563eb2e;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-120px;right:-140px}.autenticacion__volver{z-index:2;color:#ffffffb8;width:fit-content;transition:color var(--transicion);align-items:center;gap:7px;font-size:13px;display:inline-flex;position:relative}.autenticacion__volver:hover{color:var(--texto-blanco)}.autenticacion__marca-contenido{z-index:2;position:relative}.autenticacion__marca-icono{color:#93c5fd;background:#ffffff14;border:1px solid #ffffff1c;border-radius:13px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:22px;display:flex}.autenticacion__marca-etiqueta{color:#93c5fd;letter-spacing:1.3px;margin-bottom:10px;font-size:11px;font-weight:750}.autenticacion__marca-titulo{color:var(--texto-blanco);letter-spacing:-1.2px;margin-bottom:17px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.08}.autenticacion__marca-descripcion{color:#ffffffad;font-size:14px;line-height:1.65}.autenticacion__marca-seguridad{z-index:2;color:#ffffff7a;border-top:1px solid #ffffff17;align-items:center;gap:7px;padding-top:17px;font-size:12px;display:flex;position:relative}.autenticacion__formulario-contenedor{justify-content:center;align-items:center;padding:50px;display:flex}.autenticacion__formulario{width:100%;max-width:410px}.autenticacion__encabezado{margin-bottom:28px}.autenticacion__icono{width:48px;height:48px;color:var(--azul-rey);background:var(--azul-rey-suave);border:1px solid var(--azul-claro);border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.autenticacion__etiqueta{color:var(--azul-rey);letter-spacing:1.2px;margin-bottom:6px;font-size:10px;font-weight:750}.autenticacion__encabezado h2{color:var(--azul-noche);letter-spacing:-.8px;margin-bottom:8px;font-size:2rem}.autenticacion__encabezado>p:last-child{color:var(--texto-secundario);font-size:14px;line-height:1.55}.autenticacion__campo{margin-bottom:19px}.autenticacion__campo label{color:var(--texto-principal);margin-bottom:7px;font-size:13px;font-weight:650;display:block}.autenticacion__campo-superior{justify-content:space-between;align-items:center;gap:12px;display:flex}.autenticacion__campo-superior label{margin-bottom:7px}.autenticacion__recuperar{color:var(--azul-rey);margin-bottom:7px;font-size:12px;font-weight:600}.autenticacion__recuperar:hover{text-decoration:underline}.autenticacion__input{background:var(--blanco);border:1px solid var(--borde);min-height:47px;transition:border-color var(--transicion), box-shadow var(--transicion);border-radius:8px;align-items:center;gap:10px;padding:0 13px;display:flex}.autenticacion__input:focus-within{border-color:var(--azul-rey);box-shadow:0 0 0 3px #2563eb1c}.autenticacion__input>svg{color:var(--texto-suave);flex-shrink:0}.autenticacion__input input{min-width:0;min-height:45px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.autenticacion__input input:hover,.autenticacion__input input:focus{box-shadow:none;border:0}.autenticacion__input--error{border-color:var(--error)}.autenticacion__mostrar-clave{color:var(--texto-suave);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex}.autenticacion__mostrar-clave:hover{color:var(--azul-noche)}.autenticacion__error-campo{color:var(--error);margin-top:6px;font-size:12px;display:block}.autenticacion__error-general{color:var(--error);background:var(--error-fondo);border:1px solid var(--error-borde);border-radius:8px;margin-bottom:20px;padding:11px 13px;font-size:13px}.autenticacion__boton{width:100%;min-height:49px;color:var(--texto-blanco);background:var(--azul-rey);cursor:pointer;transition:background var(--transicion), box-shadow var(--transicion), transform var(--transicion);border-radius:8px;justify-content:center;align-items:center;gap:9px;margin-top:7px;padding:11px 18px;font-weight:700;display:flex;box-shadow:0 7px 18px #2563eb2e}.autenticacion__boton:hover:not(:disabled){background:var(--azul-rey-hover);transform:translateY(-1px);box-shadow:0 10px 22px #2563eb3d}.autenticacion__boton:disabled{cursor:not-allowed;opacity:.7}.autenticacion__spinner{animation:.8s linear infinite autenticacion-girar}@keyframes autenticacion-girar{to{transform:rotate(360deg)}}.autenticacion__aviso{color:var(--texto-suave);background:var(--fondo-principal);border:1px solid var(--borde-suave);border-radius:8px;align-items:flex-start;gap:8px;margin-top:18px;padding:11px 12px;display:flex}.autenticacion__aviso svg{color:var(--azul-noche);flex-shrink:0;margin-top:1px}.autenticacion__aviso p{color:var(--texto-suave);font-size:12px;line-height:1.45}@media (max-width:800px){.autenticacion{align-items:flex-start;padding:18px}.autenticacion__tarjeta{grid-template-columns:1fr;max-width:620px;min-height:auto}.autenticacion__marca{min-height:320px;padding:28px}.autenticacion__marca-contenido{padding:40px 0 30px}.autenticacion__marca-titulo,.autenticacion__marca-descripcion{max-width:440px}.autenticacion__formulario-contenedor{padding:42px 28px}}@media (max-width:480px){.autenticacion{padding:10px}.autenticacion__tarjeta{border-radius:15px}.autenticacion__marca{min-height:280px;padding:23px 20px}.autenticacion__marca-contenido{padding:30px 0 20px}.autenticacion__marca-icono{width:48px;height:48px;margin-bottom:17px}.autenticacion__marca-titulo{font-size:2rem}.autenticacion__formulario-contenedor{padding:34px 20px}.autenticacion__encabezado h2{font-size:1.8rem}.autenticacion__campo-superior{flex-direction:column;align-items:flex-start;gap:0}}