/* INCIDENCIAS V3.13 · Login por capas visuales */
.page.login-page-v313{padding:0!important;min-height:100dvh!important;height:100dvh!important;max-width:none!important;margin:0!important;overflow:hidden!important;background:#06111b;color:#eef6fb}
.login-page-v313 *{box-sizing:border-box}
.login313-shell{height:100dvh;min-height:680px;display:grid;grid-template-columns:minmax(0,65%) minmax(430px,35%);overflow:hidden;background:#06111b}

/* ===== Panel visual ===== */
.login313-visual{position:relative;min-width:0;height:100%;overflow:hidden;background:#04111d}
.login313-map{position:absolute;inset:-1.5%;background:url('/static/img/login-v313/mapa-el-salvador.png') center 46%/auto 104% no-repeat;filter:saturate(.91) contrast(1.07) brightness(.84);transform:scale(1.018);transform-origin:center}
.login313-map:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,21,.97) 0%,rgba(3,14,24,.88) 20%,rgba(3,15,25,.48) 39%,rgba(2,13,22,.06) 66%,rgba(2,12,20,.22) 100%),linear-gradient(180deg,rgba(2,11,18,.16) 0%,transparent 22%,transparent 66%,rgba(2,11,18,.9) 100%)}
.login313-map-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(95,190,235,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(95,190,235,.075) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 0,#000 32%,#000 100%)}
.login313-vignette{position:absolute;inset:0;background:radial-gradient(circle at 66% 49%,rgba(22,163,221,.12),transparent 27%),linear-gradient(90deg,rgba(4,16,27,.20),transparent 45%,rgba(3,12,20,.12)),linear-gradient(180deg,rgba(0,0,0,.08),transparent 55%,rgba(0,5,10,.52));pointer-events:none}
.login313-visual-content{position:relative;z-index:3;height:100%;padding:30px clamp(34px,3.25vw,62px) 22px;display:flex;flex-direction:column}
.login313-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;min-height:136px}
.login313-kc-logo{display:block;width:clamp(190px,16vw,280px);filter:drop-shadow(0 10px 24px rgba(0,0,0,.28));transition:.18s ease}
.login313-kc-logo:hover{transform:translateY(-2px);filter:drop-shadow(0 13px 30px rgba(0,0,0,.38))}
.login313-kc-logo img{display:block;width:100%;height:auto}
.login313-principles{margin-top:10px;padding-left:20px;border-left:2px solid rgba(240,177,60,.8);display:grid;gap:8px;min-width:210px;color:#b7d0df;font-size:9px;font-weight:800;letter-spacing:.34em;text-align:left;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.login313-principles span:before{content:"+";color:#79d9ff;margin-right:9px}
.login313-hero{margin-top:clamp(8px,1.2vh,18px);max-width:590px}
.login313-eyebrow{display:flex;align-items:center;gap:11px;color:#75d9ff;font-size:11px;font-weight:900;letter-spacing:.26em}.login313-eyebrow i{width:35px;height:2px;background:linear-gradient(90deg,#eeb03d,#7bdcff);box-shadow:0 0 10px rgba(123,220,255,.28)}
.login313-hero h1{margin:15px 0 12px;color:#f7fbff;font-size:clamp(40px,4.05vw,68px);font-weight:850;letter-spacing:-.045em;line-height:.95;text-shadow:0 10px 28px rgba(0,0,0,.38)}
.login313-hero>p{margin:0 0 22px;max-width:510px;color:#c5d3dd;font-size:clamp(12px,.95vw,16px);line-height:1.45;text-shadow:0 2px 9px rgba(0,0,0,.45)}
.login313-capabilities{display:grid;gap:9px;width:min(410px,100%)}
.login313-capability{display:grid;grid-template-columns:43px 1fr;gap:12px;align-items:center;min-height:43px}.login313-cap-icon{width:42px;height:42px;border:1px solid rgba(65,177,228,.55);border-radius:9px;background:rgba(5,27,43,.7);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.16)}.login313-cap-icon svg{width:21px;height:21px;fill:#61c6f3}.login313-capability strong{display:block;color:#f2f7fa;font-size:13px;line-height:1.15}.login313-capability span{display:block;margin-top:3px;color:#8ea5b5;font-size:9px;line-height:1.2}

/* ===== Tarjetas inferiores ===== */
.login313-analytics{margin-top:auto;display:grid;grid-template-columns:1.28fr .95fr 1fr;gap:11px;align-items:stretch;max-width:1000px}
.login313-data-card{height:128px;border:1px solid rgba(104,187,225,.28);border-radius:9px;background:linear-gradient(180deg,rgba(5,25,39,.79),rgba(3,17,28,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.14);padding:12px 13px 10px;overflow:hidden;backdrop-filter:blur(2px)}
.login313-data-card header{display:flex;align-items:center;justify-content:space-between;height:auto;margin:0 0 8px;padding:0;border:0;background:none}.login313-data-card header span{color:#bdd0dc;font-size:8px;font-weight:900;letter-spacing:.14em}.login313-data-card header small{color:#5b7d91;font-size:7px;font-weight:800;letter-spacing:.1em}
.login313-bars{height:73px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:5px;padding:0 2px;border-bottom:1px solid rgba(124,194,225,.16);background:repeating-linear-gradient(to top,rgba(120,196,230,.055) 0 1px,transparent 1px 24px)}.login313-bars i{position:relative;display:block;height:var(--h);min-height:5px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#41bdf2,#116aa2 66%,rgba(17,106,162,.25));box-shadow:0 0 9px rgba(43,177,231,.16)}.login313-bars i b{position:absolute;left:50%;top:-12px;transform:translateX(-50%);font-size:6px;color:#91cce7;font-weight:700}.login313-bars i.future{height:2px!important;min-height:2px;background:rgba(107,150,171,.22);box-shadow:none}.login313-months{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:5px;text-align:center;color:#6f8d9e;font-size:5px;font-weight:800}
.login313-geo-body{display:flex;align-items:center;justify-content:center;gap:18px;height:84px}.login313-donut{position:relative;width:72px;height:72px;border-radius:50%;background:conic-gradient(#2baef1 0 80%,#e5ae41 80% 100%);box-shadow:0 0 18px rgba(43,174,241,.12)}.login313-donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#071a28;border:1px solid rgba(255,255,255,.06)}.login313-donut span{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900}.login313-donut span small{font-size:8px;margin-left:1px}.login313-geo-legend{display:grid;gap:8px;color:#9db0bc;font-size:8px}.login313-geo-legend span{display:grid;grid-template-columns:7px 20px 1fr;align-items:center;gap:5px}.login313-geo-legend i{width:7px;height:7px;border-radius:50%}.login313-geo-legend i.ok{background:#2baef1}.login313-geo-legend i.warn{background:#e5ae41}.login313-geo-legend i.all{background:#7c90a0}.login313-geo-legend b{color:#eef5f8;font-size:10px}
.login313-territory-body{height:83px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.login313-mini-map{display:block;width:100%;height:79px;overflow:visible}.login313-mini-map path{fill:url(#svFill313);stroke:#6bd7ff;stroke-width:2.1;filter:drop-shadow(0 0 7px rgba(55,186,237,.20))}.login313-mini-map circle{fill:#f0b13c;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px rgba(240,177,60,.5))}.login313-territory-stats{display:grid;gap:8px;color:#8099a9;font-size:7px;line-height:1.25}.login313-territory-stats b{display:block;color:#5ec8f5;font-size:16px;line-height:1}.login313-visual-footer{margin-top:10px;color:#7690a0;font-size:7px;font-weight:900;letter-spacing:.23em}

/* ===== Acceso ===== */
.login313-access{position:relative;height:100%;overflow:hidden;background:linear-gradient(180deg,#0b1824 0%,#08141f 57%,#06101a 100%);display:flex;align-items:center;justify-content:center;padding:44px clamp(30px,3vw,56px)}
.login313-access:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 17%,rgba(54,126,160,.14),transparent 29%),linear-gradient(145deg,transparent 0 54%,rgba(54,112,139,.035) 54% 55%,transparent 55%);z-index:1}.login313-satellite{position:absolute;right:-42px;top:-18px;width:min(78%,680px);height:auto;opacity:.22;mix-blend-mode:screen;filter:saturate(.7) contrast(1.1);z-index:0}.login313-earth{position:absolute;left:-3%;right:-18%;bottom:-4%;width:120%;height:auto;opacity:.52;filter:saturate(.76) brightness(.72);z-index:0}.login313-access-grid{position:absolute;inset:0;z-index:0;opacity:.09;background-image:linear-gradient(rgba(95,173,209,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(95,173,209,.11) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000 0,transparent 38%,transparent 72%,#000 100%)}
.login313-access-inner{position:relative;z-index:3;width:min(490px,100%);transform:translateY(-2.5vh)}
.login313-heading{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;margin-bottom:31px}.login313-lock{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#f7fbfe,#d7e7f0);display:grid;place-items:center;box-shadow:0 12px 32px rgba(0,0,0,.23)}.login313-lock svg{width:23px;height:23px;fill:#173e58}.login313-secure-label{margin-bottom:5px;color:#efb33f;font-size:8px;font-weight:900;letter-spacing:.27em}.login313-heading h2{margin:0;color:#f9fcfe;font-size:30px;line-height:1.03;letter-spacing:-.03em}.login313-heading p{margin:7px 0 0;color:#8ea2b1;font-size:11px}
.login313-alert{margin:-12px 0 17px;padding:10px 12px;border:1px solid rgba(223,91,91,.38);border-radius:8px;background:rgba(126,29,29,.16);display:flex;gap:9px;align-items:center;color:#ffb7b7;font-size:11px}.login313-alert svg{width:17px;height:17px;fill:#ff7474}
.login313-form{display:grid;gap:17px;margin:0}.login313-field{display:block;margin:0}.login313-field>span{display:block;margin:0 0 7px;color:#edf4f8;font-size:10px;font-weight:850}.login313-input-wrap{height:53px;border:1px solid rgba(135,168,189,.43);border-radius:8px;background:rgba(4,15,24,.75);display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;overflow:hidden;transition:.16s ease}.login313-input-wrap:focus-within{border-color:#40b4eb;box-shadow:0 0 0 3px rgba(64,180,235,.09),0 10px 28px rgba(0,0,0,.14)}.login313-input-wrap>svg{width:18px;height:18px;fill:#86a2b4;justify-self:center}.login313-input-wrap input{width:100%;height:100%;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;color:#eef7fc!important;padding:0 12px!important;margin:0!important;outline:0!important;box-shadow:none!important;font:600 13px/1.2 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;appearance:none}.login313-input-wrap input::placeholder{color:#607686}.login313-password-toggle{width:52px;height:51px;padding:0!important;margin:0!important;border:0!important;border-left:1px solid rgba(135,168,189,.2)!important;border-radius:0!important;background:rgba(255,255,255,.012)!important;color:#819bac!important;display:grid!important;place-items:center;cursor:pointer;box-shadow:none!important}.login313-password-toggle:hover{background:rgba(255,255,255,.045)!important}.login313-password-toggle svg{width:18px;height:18px;fill:currentColor}.login313-password-toggle .eye-closed{display:none}.login313-password-toggle.visible .eye-open{display:none}.login313-password-toggle.visible .eye-closed{display:block}
.login313-submit{width:100%;height:55px;margin:2px 0 0!important;padding:0 20px!important;border:1px solid rgba(93,199,246,.37)!important;border-radius:8px!important;background:linear-gradient(180deg,#2aa9ed,#0e76b8)!important;color:#fff!important;box-shadow:0 13px 34px rgba(0,103,165,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;display:flex!important;align-items:center;justify-content:center;gap:13px;cursor:pointer;font:850 13px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;transition:.16s ease;appearance:none}.login313-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 16px 38px rgba(0,103,165,.34),inset 0 1px 0 rgba(255,255,255,.2)!important}.login313-submit svg{width:18px;height:18px;fill:currentColor}
.login313-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:#768b99;font-size:8px;text-align:center}.login313-security-note>span{width:7px;height:7px;border-radius:50%;background:#34d17d;box-shadow:0 0 0 3px rgba(52,209,125,.10)}.login313-signature{margin-top:31px;padding-top:20px;border-top:1px solid rgba(152,178,194,.16);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#708491;font-size:9px}.login313-signature a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(240,177,60,.58);border-radius:7px;background:rgba(240,177,60,.025);color:#f0b13c;text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.055em;transition:.15s ease}.login313-signature a:hover{background:rgba(240,177,60,.09);border-color:#f0b13c;box-shadow:0 0 18px rgba(240,177,60,.08)}
.login313-access-footer{position:absolute;z-index:3;left:0;right:0;bottom:9.5%;text-align:center;color:#a0b2be;font-size:8px;font-weight:650;font-style:italic;line-height:1.7;letter-spacing:.25em;text-shadow:0 2px 9px #000}.login313-mobile-logo{display:none}

/* ===== Alturas de laptop ===== */
@media (max-height:820px) and (min-width:961px){.login313-visual-content{padding-top:22px;padding-bottom:15px}.login313-topline{min-height:102px}.login313-kc-logo{width:205px}.login313-principles{font-size:7px;gap:5px}.login313-hero{margin-top:0}.login313-hero h1{font-size:42px;margin:11px 0 8px}.login313-hero>p{font-size:11px;margin-bottom:13px}.login313-capabilities{gap:5px}.login313-capability{grid-template-columns:34px 1fr;min-height:34px;gap:9px}.login313-cap-icon{width:33px;height:33px}.login313-cap-icon svg{width:17px;height:17px}.login313-capability strong{font-size:10px}.login313-capability span{font-size:7px}.login313-data-card{height:101px;padding:9px 10px}.login313-bars{height:55px}.login313-geo-body,.login313-territory-body{height:61px}.login313-donut{width:54px;height:54px}.login313-donut:after{inset:10px}.login313-mini-map{height:59px}.login313-access{padding-top:28px;padding-bottom:28px}.login313-access-inner{transform:translateY(-1vh)}.login313-heading{margin-bottom:22px}.login313-heading h2{font-size:26px}.login313-form{gap:12px}.login313-input-wrap{height:47px}.login313-password-toggle{height:45px}.login313-submit{height:49px}.login313-signature{margin-top:21px;padding-top:16px}.login313-access-footer{bottom:5.5%;font-size:6px}}

/* ===== Responsivo ===== */
@media(max-width:1280px){.login313-shell{grid-template-columns:minmax(0,61%) minmax(420px,39%)}.login313-principles{display:none}.login313-visual-content{padding-left:38px;padding-right:30px}.login313-analytics{grid-template-columns:1.25fr 1fr}.login313-territory-card{display:none}.login313-map{background-position:55% 46%}.login313-hero h1{font-size:46px}.login313-kc-logo{width:210px}}
@media(max-width:960px){.page.login-page-v313{height:auto!important;min-height:100dvh!important;overflow:auto!important}.login313-shell{display:block;height:auto;min-height:100dvh}.login313-visual{display:none}.login313-access{min-height:100dvh;height:auto;padding:38px 24px}.login313-access-inner{width:min(480px,100%);transform:none}.login313-mobile-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:35px}.login313-mobile-logo a{display:block;width:215px}.login313-mobile-logo img{display:block;width:100%;height:auto}.login313-mobile-logo>span{color:#77d8ff;font-size:14px;font-weight:900;letter-spacing:.25em}.login313-satellite{width:96%;opacity:.14}.login313-earth{width:145%;left:-20%;bottom:-2%;opacity:.38}.login313-access-footer{display:none}}
@media(max-width:520px){.login313-access{padding:28px 18px}.login313-heading{grid-template-columns:52px 1fr;gap:13px}.login313-lock{width:50px;height:50px;border-radius:14px}.login313-heading h2{font-size:26px}.login313-signature{flex-direction:column;align-items:stretch;text-align:center}.login313-signature a{justify-content:center}.login313-security-note{line-height:1.45}}
@media print{.login313-shell{display:none!important}}