:root{--black:#070707;--black-deep:#030303;--black-card:#0a0a0ad6;--vinotinto:#651b2b;--gold:#c9a227;--gold-light:#e5c45a;--gold-bright:#f0d36b;--white:#f4f3ef;--white-soft:#d5d2cc;--white-muted:#ffffff94;--border:#ffffff1c;--border-gold:#c9a2276b;--font-bahnschrift:"Bahnschrift", Arial, sans-serif;--font-sequel:"Sequel 100 Black", "Arial Black", Arial, sans-serif;--font-social:"Social Gothic", "Bahnschrift", Arial, sans-serif;--ease:.3s ease;--ease-slow:.6s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--black);min-height:100%}body{background:var(--black);min-width:320px;min-height:100svh;color:var(--white);font-family:var(--font-bahnschrift);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.login-background{z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#070707f0 0%,#070707c2 42%,#070707d1 100%),linear-gradient(#3a10192e 0%,#07070726 45%,#030303fa 100%),url(/images/hero/hero-cuerpo-tecnico.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:1.6s ease-out both loginBackgroundIn;position:fixed;inset:0;transform:scale(1.025)}@keyframes loginBackgroundIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.025)}}.login-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle at 75% 30%,#c9a22717,#0000 26%),radial-gradient(circle at 10% 80%,#651b2b24,#0000 32%);position:fixed;inset:0}.login-page{z-index:5;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 70px,1500px);min-height:100svh;margin:0 auto;padding:55px 0;display:flex;position:relative}.login-brand{margin-bottom:30px;animation:.8s .15s both loginBrandIn}@keyframes loginBrandIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.login-brand-link{justify-content:center;align-items:center;width:88px;height:88px;display:flex}.login-brand-logo{object-fit:contain;width:76px;height:76px;transition:transform var(--ease)}.login-brand-link:hover .login-brand-logo{transform:scale(1.05)}.login-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#0c0c0cf0,#070707e0);width:min(100%,520px);padding:32px;animation:.9s .2s both loginCardIn;box-shadow:0 35px 100px #0000007a}@keyframes loginCardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-card-top{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:30px;padding-bottom:15px;display:flex}.login-number{color:var(--gold);font-family:var(--font-social);letter-spacing:2px;font-size:9px;font-weight:900}.login-label{color:var(--white);font-family:var(--font-social);letter-spacing:2px;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.login-label:before{content:"";background:var(--gold);width:25px;height:1px}.login-kicker{color:var(--gold-light);font-family:var(--font-social);letter-spacing:2.6px;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:900;display:block}.login-heading h1{color:var(--white);font-family:var(--font-sequel);letter-spacing:-2px;text-transform:uppercase;font-size:clamp(48px,8vw,76px);font-weight:900;line-height:.82}.login-heading h1 span{color:var(--gold);display:block}.login-heading p{max-width:400px;color:var(--white-muted);margin-top:22px;font-size:13px;line-height:1.7}.login-form{margin-top:30px}.login-field{margin-bottom:20px}.login-field label{color:var(--gold-light);font-family:var(--font-social);letter-spacing:1.8px;text-transform:uppercase;margin-bottom:8px;font-size:8px;font-weight:900;display:block}.login-input-wrap{min-height:56px;transition:border-color var(--ease), background var(--ease), box-shadow var(--ease);background:#ffffff06;border:1px solid #ffffff21;align-items:center;display:flex;position:relative}.login-input-wrap:focus-within{border-color:var(--gold);background:#c9a2270b;box-shadow:0 0 0 3px #c9a22712}.login-input-index{color:#e5c45ab3;font-family:var(--font-social);letter-spacing:1px;border-right:1px solid #ffffff12;flex:0 0 45px;justify-content:center;align-items:center;font-size:8px;font-weight:900;display:flex}.login-input-wrap input{width:100%;min-width:0;height:54px;color:var(--white);font-family:var(--font-bahnschrift);background:0 0;border:0;outline:0;padding:0 16px;font-size:14px}.login-input-wrap input::placeholder{color:#ffffff47}.login-password-toggle{color:var(--gold);font-family:var(--font-social);letter-spacing:1.3px;transition:color var(--ease);flex:none;margin-right:12px;padding:8px;font-size:7px;font-weight:900}.login-password-toggle:hover{color:var(--gold-bright)}.login-message{color:#d6a7a7;min-height:18px;margin:2px 0 12px;font-size:11px;line-height:1.5}.login-message.success{color:var(--gold-light)}.login-submit{background:var(--gold);width:100%;min-height:56px;color:var(--black);font-family:var(--font-social);letter-spacing:1.5px;text-transform:uppercase;transition:background var(--ease), color var(--ease), transform var(--ease);justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;font-weight:900;display:flex}.login-submit:hover{background:var(--gold-light);transform:translateY(-2px)}.login-submit-arrow{font-size:18px;line-height:1}.login-card-footer{border-top:1px solid var(--border);color:#ffffff59;font-family:var(--font-social);letter-spacing:1.8px;justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;font-size:7px;font-weight:800;display:flex}.login-card-footer span:last-child{color:var(--gold)}.login-back{color:#ffffff7a;font-family:var(--font-social);letter-spacing:1.6px;transition:color var(--ease), transform var(--ease);margin-top:22px;font-size:8px;font-weight:800}.login-back:hover{color:var(--gold-light);transform:translate(-3px)}@media (width<=600px){.login-page{width:calc(100% - 30px);padding:35px 0}.login-brand{margin-bottom:20px}.login-brand-link{width:72px;height:72px}.login-brand-logo{width:62px;height:62px}.login-card{width:100%;padding:24px 20px}.login-card-top{margin-bottom:24px}.login-heading h1{font-size:49px}.login-heading p{font-size:12px}.login-field{margin-bottom:16px}.login-input-wrap{min-height:53px}.login-input-wrap input{height:51px;font-size:13px}.login-input-index{flex-basis:40px}}@media (width<=400px){.login-page{width:calc(100% - 20px)}.login-card{padding:20px 16px}.login-heading h1{font-size:43px}}