/* Login: fotografía continua, identidad institucional y acceso despejado. */
.auth-page{grid-template-columns:47% 53%}
.auth-identity{background:#123b64;padding:52px clamp(32px,4vw,76px);align-items:flex-start;justify-content:space-between;min-height:100dvh}
.auth-identity::before{display:block;z-index:0;clip-path:none;background:linear-gradient(180deg,rgba(8,32,57,.68) 0%,rgba(8,32,57,.12) 36%,rgba(8,32,57,.18) 55%,rgba(8,32,57,.92) 100%)}
.auth-identity::after{display:none}
.auth-connectivity-visual{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;margin:0}
.auth-connectivity-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:16px;width:100%;margin:0}
.auth-brand .auth-seal{width:76px;height:68px;padding:7px;border-radius:8px;max-width:none;max-height:none}
.auth-brand .auth-wordmark{margin:0;text-align:left}
.auth-brand .auth-wordmark>span{font-size:36px;letter-spacing:0}
.auth-brand .auth-wordmark>strong{font-size:12px;letter-spacing:.04em;text-transform:none;margin-top:5px}
.auth-purpose{position:relative;z-index:1;text-align:left;width:100%;max-width:520px;margin-top:240px}
.auth-purpose h1{font-size:clamp(32px,3.1vw,48px);line-height:1.12;letter-spacing:-.025em;text-wrap:balance;color:#fff}
.auth-access{isolation:isolate;overflow:hidden;align-items:center;padding:40px 36px 60px}
.auth-form{position:relative;z-index:1;max-width:420px;background:#fff}
.auth-form h2{font-size:36px}
.auth-instructions{font-size:14px;line-height:1.5;margin-top:10px}
.auth-form form{margin-top:25px}
.auth-field{margin-bottom:20px}
.auth-field label{font-size:14px;margin-bottom:8px}
.auth-field input{height:48px;min-height:48px;font-size:16px;padding:12px 14px}
.auth-remember{font-size:13px;gap:10px;margin:18px 0 24px;min-height:30px}
.auth-remember input{width:18px;height:18px}
.auth-submit{height:48px;min-height:48px;font-size:16px}
.auth-support{font-size:12px;line-height:1.5;margin-top:20px}
/* Fotografías secundarias en los bordes, fuera de los campos. */
.auth-access::before,.auth-access::after{content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:cover}
.auth-access::before{top:0;right:0;width:36%;height:54%;background-image:url('/images/brand/telecom-antena-pexels-6628995.webp');background-position:55% 30%;opacity:.24;-webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 100% 0%,#000 20%,transparent 72%)}
.auth-access::after{bottom:0;left:0;width:40%;height:28%;background-image:url('/images/brand/telecom-fibra-pexels-2420212.webp');background-position:center;opacity:.2;-webkit-mask-image:radial-gradient(ellipse at 0% 100%,#000 20%,transparent 72%);mask-image:radial-gradient(ellipse at 0% 100%,#000 20%,transparent 72%)}
.auth-turnstile{width:100%;min-height:65px;margin:0 0 14px;display:flex;justify-content:center}
.auth-turnstile-status{font-size:12px;line-height:1.5;color:#a33936;margin:0 0 14px}
.auth-turnstile-status:empty{display:none}
@media(max-width:1000px){
 .auth-access::before,.auth-access::after{display:none}
 .auth-identity{padding:36px 30px}
 .auth-access{padding:36px 28px}
}
@media(max-width:760px){
 .auth-page{display:block}
 .auth-identity{min-height:0;flex-direction:row;justify-content:flex-start;background:#1d5a92;padding:18px 24px}
 .auth-identity::before,.auth-connectivity-visual,.auth-purpose{display:none}
 .auth-brand{gap:12px}
 .auth-brand .auth-seal{width:60px;height:54px;padding:5px}
 .auth-brand .auth-wordmark>span{font-size:29px}
 .auth-brand .auth-wordmark>strong{font-size:11px}
 .auth-access{display:block;padding:28px 24px;min-height:calc(100dvh - 90px)}
 .auth-form{margin:auto}
 .auth-form h2{font-size:32px}
 .auth-remember{margin:16px 0;min-height:44px}
 .auth-support{font-size:13px;margin-top:18px}
}
@media(max-height:700px) and (min-width:761px){
 .auth-identity{padding-top:28px;padding-bottom:32px}
 .auth-purpose h1{font-size:34px}
 .auth-access{padding-top:28px;padding-bottom:28px}
}
@media print{.auth-identity{display:none}.auth-access{padding:20px}}