.login-page{--lg-rojo: #a61918;--lg-rojo-oscuro: #7f1713;--lg-azul: #192b44;--lg-dorado: #d99b2b;--lg-oliva: #768f1b;--lg-fondo: #f9f2e4;--lg-campo: #f5f1e9;--lg-texto: #273044;position:relative;display:grid;min-height:100svh;grid-template-columns:1fr 1fr;align-items:center;gap:8%;overflow:hidden;padding:48px 11%;background:var(--lg-fondo);color:var(--lg-texto);font-family:DM Sans,sans-serif}.login-page:before{content:"";position:absolute;top:8%;left:-145px;width:200px;height:200px;border:40px solid #ebdfbd;border-radius:50%}.login-copy{position:relative;text-align:center}.login-copy h1{margin:0 0 18px;color:var(--lg-azul);font-family:Manrope,sans-serif;font-size:clamp(46px,5vw,72px);font-weight:800;letter-spacing:-2px;line-height:1.05}.login-logo{display:block;width:100%;max-width:230px;height:auto;margin:0 auto 24px;mix-blend-mode:multiply}.login-plataforma span{color:var(--lg-rojo)}.login-plataforma{margin:10px 0 0;color:var(--lg-azul);font-family:Manrope,sans-serif;font-size:clamp(22px,2.4vw,32px);font-weight:800;letter-spacing:-.5px;line-height:1.2}.login-card{width:100%;max-width:440px;justify-self:center;overflow:hidden;border-radius:25px;background:#fff;box-shadow:0 28px 54px #6b4b281e}.login-art{position:relative;height:95px;background:linear-gradient(155deg,var(--lg-rojo) 38%,var(--lg-rojo-oscuro) 38% 57%,var(--lg-rojo) 57%)}.login-art:after{content:"";position:absolute;bottom:-60px;left:-2%;width:105%;height:80px;background:#fff;clip-path:polygon(0 55%,27% 6%,50% 27%,73% 6%,100% 55%,100% 100%,0 100%)}.login-avatar{position:absolute;top:13px;left:50%;z-index:2;display:grid;width:84px;height:84px;place-items:center;overflow:hidden;border:5px solid #fff;border-radius:50%;background:var(--lg-azul);transform:translate(-50%)}.login-avatar img{width:100%;height:100%;background:#fff;object-fit:cover;object-position:center 46%}.login-content{position:relative;z-index:2;padding:44px 42px 38px}.login-content h2{margin:0 0 14px;color:var(--lg-azul);font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:1px;text-align:center;text-transform:uppercase}.login-content label.login-label{display:block;margin:18px 0 7px;font-size:12px;font-weight:800}.login-field{display:flex;height:46px;align-items:center;overflow:hidden;border-radius:12px;background:var(--lg-campo)}.login-field>span{display:grid;width:45px;align-self:stretch;place-items:center;background:var(--lg-rojo);color:#fff}.login-field input{width:100%;min-width:0;border:0;outline:0;background:none;padding:0 13px;color:var(--lg-texto);font:14px DM Sans,sans-serif}.login-field input::placeholder{color:#8a877c}.login-field:focus-within{outline:2px solid var(--lg-dorado)}.login-field button{cursor:pointer;border:0;background:none;padding:0 13px;color:var(--lg-rojo);font-size:11px;font-weight:800}.login-error{margin:6px 0 0;color:#b3261e;font-size:12px}.login-recordar{display:flex;align-items:center;gap:7px;margin:21px 0 27px;font-size:12px}.login-recordar input{margin:0;accent-color:var(--lg-rojo)}.login-boton{display:flex;width:100%;min-height:46px;cursor:pointer;align-items:center;justify-content:center;gap:24px;border:0;border-radius:11px;background:var(--lg-rojo);color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.login-boton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #a619182b}.login-boton:disabled{cursor:wait;opacity:.7}.login-estado{margin-bottom:14px;color:var(--lg-oliva);font-size:13px;font-weight:600;text-align:center}@media (max-width: 850px){.login-page{grid-template-columns:1fr;gap:40px;padding:40px 7%}.login-logo{max-width:190px}}@media (max-width: 600px){.login-content{padding:44px 25px 28px}.login-copy h1{font-size:44px}}