:root{--navy:#071c35;--navy2:#0c2e54;--blue:#0b6de3;--blue2:#0058bd;--cloud:#f4f7fb;--line:#dfe7f1;--text:#14233b;--muted:#60728a;--green:#07865c;--amber:#b36b00;--red:#bd2430;--shadow:0 10px 35px rgba(14,35,63,.1);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--cloud);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{display:grid;grid-template-columns:275px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,var(--navy),#092644 70%,#0b4070);color:#dbe8f7;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 22px;color:#fff}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#1b85f1,#0755ad);font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.25)}.brand strong{display:block;font-size:17px}.brand small{color:#9bb9d8;letter-spacing:.13em}.nav-label{margin:19px 10px 7px;color:#7596b8;font-size:10px;font-weight:800;letter-spacing:.15em}.nav-button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#cbd9e8;padding:11px 12px;text-align:left;font-size:13px}.nav-button:hover,.nav-button.active{background:rgba(255,255,255,.1);color:#fff}.nav-button.active{box-shadow:inset 3px 0 #4fa1ff}.main{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);padding:13px 28px;backdrop-filter:blur(12px)}.topbar h2{margin:0;font-size:16px}.topbar small{color:var(--muted)}.user-chip{display:flex;align-items:center;gap:10px}.avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#e5f1ff;color:var(--blue);font-weight:800}.icon-button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px;color:var(--muted)}.menu-button{display:none}.page{width:min(1600px,100%);margin:auto;padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:5px 0 0;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:10px 15px;font-weight:750;text-decoration:none}.btn:hover{background:var(--blue2)}.btn.secondary{border:1px solid var(--line);background:#fff;color:var(--text)}.btn.danger{background:var(--red)}.btn.success{background:var(--green)}.btn:disabled{cursor:not-allowed;opacity:.55}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:20px}.card,.panel{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 2px 7px rgba(14,35,63,.04)}.card{padding:18px}.metric-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric{margin:7px 0 3px;font-size:27px;font-weight:900}.metric-sub{color:var(--muted);font-size:12px}.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel{overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:17px 19px}.panel-head h3{margin:0}.panel-body{padding:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f7f9fc;color:var(--muted);font-size:10px;letter-spacing:.08em;text-align:left;text-transform:uppercase}th,td{border-bottom:1px solid #edf1f6;padding:12px 14px;vertical-align:middle}tbody tr:hover{background:#f8fbff}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#edf3fa;color:#36506f;padding:5px 9px;font-size:11px;font-weight:750}.badge.green{background:#e7f7f0;color:#08704e}.badge.amber{background:#fff3dc;color:#956000}.badge.red{background:#ffe9eb;color:#a61e2b}.badge.blue{background:#e5f1ff;color:#075cb8}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.link-button{border:0;background:none;color:var(--blue);padding:3px;font-weight:750}.empty{padding:40px;text-align:center;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}.input,form input,form select,form textarea{width:100%;min-height:43px;border:1px solid #cfd9e6;border-radius:9px;background:#fff;padding:10px 11px;color:var(--text)}form textarea{min-height:90px;resize:vertical}.input:focus,form input:focus,form select:focus,form textarea:focus{outline:3px solid rgba(11,109,227,.18);border-color:var(--blue)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field span{color:#405570;font-size:12px;font-weight:750}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;align-items:end;background:rgba(1,15,31,.62)}.modal{max-height:94vh;overflow-y:auto;border-radius:22px 22px 0 0;background:#fff;padding:22px}.modal.medium{width:min(720px,95vw);margin:auto}.modal-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h2{margin:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.login-page{display:grid;min-height:100vh;grid-template-columns:1.1fr .9fr}.login-hero{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#06182e,#0b3763 60%,#0b6de3);padding:50px;color:#fff}.login-copy{max-width:620px}.login-copy h1{margin:18px 0 14px;font-size:52px;line-height:1}.login-copy p{color:#c9daed;font-size:17px;line-height:1.65}.login-feature{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);padding:8px 12px;font-size:12px;font-weight:800}.login-panel{display:grid;place-items:center;padding:30px}.login-box{width:min(420px,100%);border:1px solid var(--line);border-radius:19px;background:#fff;padding:30px;box-shadow:var(--shadow)}.login-box h2{margin:0}.login-box p{color:var(--muted)}.login-box form{display:grid;gap:14px;margin-top:22px}.login-error{border-radius:9px;background:#ffe9eb;color:#a61e2b;padding:10px;font-size:13px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;max-width:420px;border-radius:12px;background:var(--navy);color:#fff;padding:13px 16px;box-shadow:var(--shadow)}.toast.error{background:#9d1c28}.pipeline{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:7px}.stage{border-top:4px solid var(--blue);border-radius:10px;background:#f7faff;padding:14px}.stage strong{display:block;margin-top:7px;font-size:22px}.progress{height:8px;overflow:hidden;border-radius:999px;background:#e7edf5}.progress>i{display:block;height:100%;background:var(--blue)}.mobile-tabs{display:none}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.offline-banner{position:fixed;left:50%;bottom:16px;z-index:150;transform:translateX(-50%);border-radius:999px;background:#8a5900;color:#fff;padding:8px 14px;font-size:12px;font-weight:800}.map-placeholder{display:grid;min-height:240px;place-items:center;border:1px dashed #aac0d8;border-radius:12px;background:linear-gradient(35deg,#e3f0e9,#f8f1df,#dcecf5);color:#526b84;text-align:center;padding:20px}.check-list{display:grid;gap:8px;max-height:330px;overflow-y:auto}.check-row{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px}.check-row input{width:auto;min-height:auto}.kpi-good{color:var(--green)}.kpi-warn{color:var(--amber)}.kpi-bad{color:var(--red)}
@media(min-width:700px){.modal-backdrop{align-items:center}.modal{border-radius:18px}}
@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.shell{display:block}.sidebar{position:fixed;z-index:70;width:min(310px,88vw);transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu-button{display:inline-flex}.topbar{padding:12px 15px}.page{padding:18px 13px 80px}.page-head{flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.mobile-tabs{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:rgba(255,255,255,.96);padding:5px 4px max(5px,env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(14,35,63,.08)}.mobile-tabs button{border:0;background:none;color:var(--muted);padding:8px 2px;font-size:10px}.mobile-tabs button.active{color:var(--blue);font-weight:800}.login-page{grid-template-columns:1fr}.login-hero{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:480px){.stats{grid-template-columns:1fr 1fr}.metric{font-size:23px}.page-head h1{font-size:24px}.user-chip>span{display:none}}
.visit-map{position:relative;min-height:270px;overflow:hidden;border:1px solid #b9cede;border-radius:13px;background-color:#e8f1ea;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:28px 28px}.map-point{position:absolute;width:16px;height:16px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 2px 9px rgba(0,0,0,.35)}.map-point.incident{background:var(--red)}.map-attribution{position:absolute;right:7px;bottom:7px;border-radius:7px;background:rgba(255,255,255,.9);padding:4px 7px;color:var(--muted);font-size:9px}.progress-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,3fr) 55px;align-items:center;gap:10px;margin:9px 0}.progress-row progress{width:100%;height:12px}.preline{white-space:pre-line}.training-content{display:grid;gap:10px;margin-bottom:18px}.question{margin:14px 0;border:1px solid var(--line);border-radius:12px;padding:12px}.question legend{padding:0 6px;font-weight:750}

/* Identidad Mustang: energía naranja + precisión cian */
:root{--navy:#052f42;--navy2:#07576d;--blue:#008ea6;--blue2:#006f86;--cyan:#00c9dc;--cyan-soft:#dffbfe;--orange:#ff7417;--orange2:#ff9a2f;--orange-soft:#fff0e4;--cloud:#f2fafb;--line:#cde8ec;--text:#0a3241;--muted:#56727c;--shadow:0 18px 48px rgba(3,72,91,.13)}
body{background:radial-gradient(circle at 92% 4%,rgba(0,201,220,.12),transparent 28rem),radial-gradient(circle at 18% 82%,rgba(255,116,23,.08),transparent 30rem),var(--cloud);font-size:16px;line-height:1.5}
.sidebar{border-right:1px solid rgba(0,201,220,.22);background:radial-gradient(circle at 18% 5%,rgba(0,201,220,.25),transparent 18rem),linear-gradient(165deg,#032936 0%,#06475b 52%,#063849 100%);box-shadow:12px 0 40px rgba(2,42,55,.14)}
.sidebar::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--orange),var(--orange2) 36%,var(--cyan) 70%,#29e5ee)}
.brand{margin-bottom:5px}.brand-mark{border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,var(--orange),var(--orange2) 45%,var(--cyan));box-shadow:0 10px 28px rgba(255,116,23,.28)}
.brand small{color:#a9e7ed}.nav-label{color:#84cbd3;font-size:12px}.nav-button{position:relative;overflow:hidden;color:#d8eff2;font-size:14px;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.nav-button::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--orange);transform:scaleY(0);transition:transform .2s ease}.nav-button:hover{transform:translateX(3px) scale(1.015);background:rgba(0,201,220,.12)}.nav-button.active{background:linear-gradient(100deg,rgba(255,116,23,.2),rgba(0,201,220,.14));box-shadow:inset 0 0 0 1px rgba(0,201,220,.18),0 8px 24px rgba(0,0,0,.12)}.nav-button.active::after{transform:scaleY(1)}
.topbar{border-bottom:1px solid rgba(0,142,166,.18);background:rgba(250,254,255,.9);box-shadow:0 8px 30px rgba(4,73,91,.06)}.topbar h2{color:var(--navy);font-size:18px}.avatar{border:2px solid #fff;background:linear-gradient(145deg,var(--cyan-soft),var(--orange-soft));color:var(--blue2);box-shadow:0 5px 16px rgba(0,142,166,.16)}
.page{padding-top:32px}.page-head{position:relative;align-items:center;border-bottom:1px solid rgba(0,142,166,.16);padding:0 0 20px}.page-head::after{content:"";position:absolute;left:0;bottom:-1px;width:86px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--cyan))}.page-head h1{color:var(--navy);font-size:30px;letter-spacing:-.03em}.page-head p{font-size:15px}.section-kicker{display:block;margin-bottom:4px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.card,.panel{border-color:rgba(0,142,166,.17);background:rgba(255,255,255,.94);box-shadow:0 8px 26px rgba(3,72,91,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-2px);border-color:rgba(0,201,220,.45);box-shadow:0 15px 35px rgba(3,72,91,.11)}.panel-head{border-color:rgba(0,142,166,.14);background:linear-gradient(90deg,rgba(0,201,220,.045),rgba(255,116,23,.035))}.panel-head h3{color:var(--navy)}.metric-label{color:var(--blue2);font-size:12px}.metric{color:var(--navy);letter-spacing:-.04em}.metric-sub{font-size:13px}.stage{border-top-color:var(--orange);background:linear-gradient(150deg,#fff,var(--cyan-soft))}.progress>i{background:linear-gradient(90deg,var(--orange),var(--cyan))}
table{font-size:14px}th{background:#ecf8fa;color:#356674;font-size:12px}th,td{border-bottom-color:#e2f0f2}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f0fcfd}.badge{background:#e7f8fa;color:#176374}.badge.blue{background:var(--cyan-soft);color:#006f86}.badge.amber{background:var(--orange-soft);color:#9b4a0c}
.input,form input,form select,form textarea{min-height:46px;border-color:#bcdde2;border-radius:11px;background:#fcffff;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input:hover,form input:hover,form select:hover,form textarea:hover{border-color:#72cbd5}.input:focus,form input:focus,form select:focus,form textarea:focus{border-color:var(--cyan);background:#fff;outline:0;box-shadow:0 0 0 4px rgba(0,201,220,.16),0 6px 18px rgba(0,142,166,.08)}.field span{color:#285967;font-size:14px}.check-row{border-color:#cce7ea;background:#fbfeff}
button,a.btn,.link-button{isolation:isolate;position:relative;overflow:visible;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,border-color .2s ease}button:not(:disabled):hover,a.btn:hover,.link-button:hover{transform:scale(1.045);filter:saturate(1.12)}button:not(:disabled):active,a.btn:active,.link-button:active{transform:scale(.975)}
.btn{min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(125deg,var(--orange),var(--orange2));box-shadow:0 8px 20px rgba(255,116,23,.23);font-size:14px}.btn:hover{background:linear-gradient(125deg,var(--cyan),var(--blue));box-shadow:0 12px 28px rgba(0,142,166,.3);color:#fff}.btn.secondary{border-color:#89d6dd;background:#fff;color:var(--blue2);box-shadow:0 6px 18px rgba(0,142,166,.1)}.btn.secondary:hover{border-color:var(--cyan);background:linear-gradient(125deg,var(--cyan-soft),#fff);color:var(--navy)}.btn.success{background:linear-gradient(125deg,#07865c,#00b782)}.btn.danger{background:linear-gradient(125deg,#bd2430,#ee535c)}.tutorial-button{border-color:rgba(0,201,220,.4);background:linear-gradient(125deg,var(--navy2),var(--blue),var(--cyan));box-shadow:0 9px 24px rgba(0,142,166,.24)}.tutorial-button:hover{background:linear-gradient(125deg,var(--orange),var(--orange2));box-shadow:0 12px 28px rgba(255,116,23,.28)}.icon-button{border-color:#bfe3e7;color:var(--blue2);box-shadow:0 4px 13px rgba(0,142,166,.08)}.icon-button:hover{border-color:var(--cyan);background:var(--cyan-soft);color:var(--navy)}.link-button{border-radius:8px;color:var(--blue);padding:5px 7px}.link-button:hover{background:var(--cyan-soft);color:var(--blue2)}
.button-spark{position:absolute;z-index:20;left:50%;top:50%;width:5px;height:5px;border-radius:50%;pointer-events:none;background:#fff7b2;box-shadow:0 0 7px 2px #fff,0 0 13px 4px var(--orange2);animation:spark-dust .72s cubic-bezier(.2,.7,.1,1) var(--spark-delay) both}.button-spark:nth-of-type(2n){width:4px;height:4px;background:#9cfcff;box-shadow:0 0 7px 2px #fff,0 0 14px 4px var(--cyan)}.button-spark:nth-of-type(3n){width:3px;height:3px}
@keyframes spark-dust{0%{opacity:0;transform:translate(-50%,-50%) scale(.1) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.5) rotate(160deg)}}
.global-loader{position:fixed;z-index:400;top:88px;right:24px;display:flex;align-items:center;gap:12px;max-width:330px;border:1px solid rgba(0,201,220,.42);border-radius:16px;background:rgba(4,47,66,.96);color:#fff;padding:12px 16px;opacity:0;pointer-events:none;transform:translateY(-16px) scale(.96);box-shadow:0 18px 45px rgba(2,42,55,.28);transition:opacity .2s ease,transform .2s ease}.global-loader.visible{opacity:1;transform:translateY(0) scale(1)}.global-loader strong,.global-loader small{display:block}.global-loader strong{font-size:14px}.global-loader small{color:#bcebf0;font-size:12px}.loader-orbit{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:conic-gradient(var(--orange),var(--cyan),transparent 76%);animation:loader-spin .8s linear infinite}.loader-orbit::after{content:"";width:22px;height:22px;border-radius:50%;background:var(--navy)}.loader-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--orange)}@keyframes loader-spin{to{transform:rotate(1turn)}}
.modal-backdrop{background:rgba(2,35,47,.72);backdrop-filter:blur(7px)}.modal{border:1px solid rgba(0,201,220,.24);background:linear-gradient(145deg,#fff 0%,#f7fdfe 100%);box-shadow:0 28px 80px rgba(1,31,42,.3)}.modal.wide{width:min(1120px,95vw);margin:auto}.modal-head{position:sticky;top:-22px;z-index:3;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);padding:16px 0 14px;backdrop-filter:blur(8px)}.modal-head h2{color:var(--navy)}
.tutorial-intro{position:relative;overflow:hidden;border:1px solid rgba(0,201,220,.28);border-radius:18px;background:linear-gradient(120deg,var(--navy),var(--navy2) 58%,var(--blue));color:#fff;padding:24px}.tutorial-intro::after{content:"";position:absolute;right:-50px;bottom:-80px;width:230px;height:230px;border:40px solid rgba(255,116,23,.22);border-radius:50%}.tutorial-intro p{position:relative;z-index:1;max-width:800px;margin:10px 0 0;color:#d8f6f8;font-size:17px}.tutorial-badge{position:relative;z-index:1;display:inline-flex;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,116,23,.22);padding:6px 10px;color:#fff2e7;font-size:12px;font-weight:850;letter-spacing:.12em}.tutorial-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.8fr);gap:22px;margin-top:22px}.tutorial-aside{display:grid;align-content:start;gap:14px}.tutorial-aside section{border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px}.tutorial-aside h3{margin:0 0 9px;color:var(--blue2);font-size:15px}.tutorial-aside ul{margin:0;padding-left:19px;color:var(--muted);font-size:14px}.tutorial-aside li+li{margin-top:7px}.tutorial-aside .tutorial-result{border-color:#ffc99e;background:var(--orange-soft)}.tutorial-result h3{color:#a64d0b}.tutorial-result p{margin:0;color:#744124;font-size:14px}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--navy);font-weight:850}.tutorial-heading small{border-radius:999px;background:var(--cyan-soft);padding:5px 9px;color:var(--blue2)}.tutorial-steps{display:grid;gap:10px}.tutorial-step{display:grid;grid-template-columns:42px 1fr;gap:13px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tutorial-step:hover{transform:translateX(4px);border-color:var(--cyan);box-shadow:0 10px 24px rgba(0,142,166,.09)}.tutorial-number{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--orange),var(--orange2));color:#fff;font-size:17px;font-weight:900;box-shadow:0 6px 14px rgba(255,116,23,.2)}.tutorial-step:nth-child(even) .tutorial-number{background:linear-gradient(145deg,var(--cyan),var(--blue))}.tutorial-step h3{margin:0;color:var(--navy);font-size:16px}.tutorial-step p{margin:4px 0 0;color:var(--muted);font-size:14px}.tutorial-finish{display:flex;align-items:center;gap:12px;margin-top:14px;border-radius:14px;background:linear-gradient(100deg,var(--cyan-soft),#fff,var(--orange-soft));padding:15px}.tutorial-finish>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-weight:900}.tutorial-finish strong,.tutorial-finish small{display:block}.tutorial-finish small{color:var(--muted)}
.login-page{background:radial-gradient(circle at 85% 12%,rgba(0,201,220,.16),transparent 25rem),#f7fcfd}.login-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 22% 18%,rgba(0,201,220,.3),transparent 20rem),linear-gradient(145deg,#032936 0%,#07576d 60%,#008ea6)}.login-hero::after{content:"";position:absolute;right:-100px;bottom:-140px;width:430px;height:430px;border:82px solid rgba(255,116,23,.3);border-radius:50%}.login-copy{position:relative;z-index:1}.login-copy h1{letter-spacing:-.055em;text-shadow:0 10px 30px rgba(0,0,0,.2)}.login-feature{border-color:rgba(255,154,47,.58);background:rgba(255,116,23,.18);color:#fff1e6}.login-box{border-color:rgba(0,142,166,.2);box-shadow:0 25px 70px rgba(3,72,91,.16)}
@media(max-width:850px){.page-head{align-items:flex-start}.page-head .actions{width:100%}.tutorial-button{order:-1}.global-loader{top:76px;right:12px;left:12px;max-width:none}.tutorial-layout{grid-template-columns:1fr}.modal.wide{width:min(96vw,1120px)}.section-kicker{font-size:11px}}
@media(max-width:520px){.page-head .actions>.btn{flex:1 1 auto}.tutorial-step{grid-template-columns:36px 1fr;padding:12px}.tutorial-number{width:34px;height:34px}.tutorial-intro{padding:19px}.tutorial-intro p{font-size:15px}.global-loader small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats{gap:9px}.card{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}button:not(:disabled):hover,a.btn:hover,.link-button:hover,.card:hover,.tutorial-step:hover{transform:none}}

/* Ajustes de marca, filtros y barra superior */
.brand-logo{display:grid;width:68px;height:58px;flex:0 0 68px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(0,0,0,.22)}.brand-logo img{display:block;width:96px;max-width:none;height:64px;object-fit:contain;transform:scale(1.5)}
.nav-button{overflow:visible}.filters{align-items:flex-end}.filters>.btn{height:46px;min-height:46px;align-self:flex-end;padding-block:0;white-space:nowrap}
@media(hover:hover) and (min-width:851px){.topbar{position:fixed;inset:0 0 auto 275px;transform:translateY(calc(-100% + 9px));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.topbar::after{content:"";position:absolute;inset:auto 0 0;height:9px;background:linear-gradient(90deg,var(--orange),var(--orange2) 32%,var(--cyan) 72%,var(--blue));box-shadow:0 4px 14px rgba(0,142,166,.16)}.topbar:hover,.topbar:focus-within{transform:translateY(0);box-shadow:0 16px 38px rgba(3,72,91,.16)}}
@media(max-width:850px){.brand-logo{width:60px;height:52px;flex-basis:60px}.brand-logo img{width:86px;height:58px}.filters>.btn{width:auto}}
.button-spark{position:fixed}
.brand-logo{width:66px;height:66px;flex:0 0 66px;overflow:visible;border:0;background:transparent;padding:0;box-shadow:none}.brand-logo img{display:block;width:66px;height:66px;max-width:none;object-fit:contain;transform:none;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.2)}

/* Acceso Mustang Digital: interfaz tecnológica y profesional */
.login-future{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);overflow:hidden;background:#020c17;color:#fff}
.login-future::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 16% 18%,rgba(0,201,220,.1),transparent 26rem),radial-gradient(circle at 82% 84%,rgba(255,116,23,.08),transparent 24rem);pointer-events:none}
.login-future .login-hero{position:relative;isolation:isolate;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#020b14 0%,#041928 52%,#052e3e 100%);padding:clamp(34px,5vw,84px)}
.login-future .login-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 63%,rgba(0,201,220,.06) 63% 63.3%,transparent 63.3%),linear-gradient(25deg,transparent 0 70%,rgba(255,116,23,.05) 70% 70.25%,transparent 70.25%)}
.login-future .login-hero::after{content:"";position:absolute;z-index:-1;right:-13rem;bottom:-18rem;width:38rem;height:38rem;border:1px solid rgba(0,201,220,.16);border-radius:50%;box-shadow:0 0 0 5rem rgba(0,142,166,.025),0 0 0 10rem rgba(0,142,166,.018)}
.login-grid,.login-panel-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(52,212,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,212,232,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 92%)}
.login-glow{position:absolute;z-index:-1;width:28rem;height:28rem;border-radius:50%;filter:blur(12px);opacity:.5;pointer-events:none}.login-glow-cyan{top:-13rem;left:-12rem;background:radial-gradient(circle,rgba(0,201,220,.22),transparent 68%)}.login-glow-orange{right:-12rem;bottom:-14rem;background:radial-gradient(circle,rgba(255,116,23,.17),transparent 68%)}
.login-future .login-copy{position:relative;z-index:1;width:min(690px,100%);max-width:none}
.login-feature{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(85,225,239,.3);background:rgba(0,201,220,.07);color:#c9faff;padding:8px 13px;font-size:11px;letter-spacing:.14em;box-shadow:inset 0 0 22px rgba(0,201,220,.04)}
.login-feature i{width:7px;height:7px;border-radius:50%;background:#36efff;box-shadow:0 0 0 4px rgba(54,239,255,.12),0 0 15px #00d7ea;animation:login-pulse 2s ease-in-out infinite}
.login-logo-stage{position:relative;display:grid;width:min(570px,92%);height:clamp(245px,34vw,370px);place-items:center;margin:14px 0 4px}
.login-logo-stage::before{content:"";position:absolute;width:76%;height:45%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,177,224,.22),transparent 68%);filter:blur(22px)}
.login-logo-stage img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 38px rgba(0,0,0,.42)) drop-shadow(0 0 20px rgba(0,174,232,.16));animation:login-float 6s ease-in-out infinite}
.logo-orbit{position:absolute;border:1px solid rgba(39,218,239,.16);border-radius:50%;transform:rotate(-13deg)}.logo-orbit-one{width:94%;height:62%;box-shadow:inset 0 0 40px rgba(0,201,220,.035)}.logo-orbit-two{width:74%;height:88%;border-color:rgba(255,135,52,.1);transform:rotate(61deg)}
.login-future .login-copy h1{margin:0;color:#f7fcff;font-size:clamp(42px,4.3vw,68px);line-height:.98;letter-spacing:-.055em;text-shadow:0 12px 38px rgba(0,0,0,.35)}
.login-future .login-copy h1 span{background:linear-gradient(92deg,#34e5f4 3%,#3aa3ff 52%,#ff9a3f 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.login-future .login-copy>p{max-width:610px;margin:22px 0 20px;color:#acc6d2;font-size:16px;line-height:1.7}
.login-capabilities{display:flex;flex-wrap:wrap;gap:9px}.login-capabilities span{border:1px solid rgba(149,219,227,.16);border-radius:999px;background:rgba(255,255,255,.035);color:#c9dbe2;padding:7px 11px;font-size:11px;font-weight:700;letter-spacing:.04em}
.login-future .login-panel{position:relative;isolation:isolate;display:grid;min-height:100vh;place-items:center;overflow:hidden;border-left:1px solid rgba(69,217,233,.12);background:linear-gradient(155deg,rgba(6,29,43,.98),rgba(2,13,24,.99));padding:clamp(26px,4vw,64px)}
.login-panel-grid{opacity:.46;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.login-future .login-box{position:relative;z-index:1;width:min(450px,100%);border:1px solid rgba(74,223,238,.22);border-radius:25px;background:linear-gradient(145deg,rgba(14,48,65,.84),rgba(5,23,35,.9));color:#fff;padding:clamp(27px,3vw,39px);box-shadow:0 32px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06),0 0 60px rgba(0,142,166,.08);backdrop-filter:blur(22px)}
.login-future .login-box::before{content:"";position:absolute;inset:0 24px auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent);opacity:.75}
.login-panel-brand{display:none;height:128px;margin:-14px 0 9px;text-align:center}.login-panel-brand img{width:230px;height:128px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.login-eyebrow{display:block;margin-bottom:11px;color:#51dbe8;font-size:11px;font-weight:850;letter-spacing:.16em}
.login-future .login-box h2{color:#f5fcff;font-size:clamp(28px,2.3vw,35px);letter-spacing:-.035em}
.login-future .login-box>p{margin:8px 0 0;color:#93acb7;font-size:14px}
.login-future .login-box form{gap:16px;margin-top:27px}
.login-future .field span{color:#bdd1d8;font-size:12px;letter-spacing:.025em}
.login-future form input{min-height:50px;border:1px solid rgba(113,197,208,.26);border-radius:12px;background:rgba(1,13,23,.58);color:#f4fbff;padding:12px 14px;box-shadow:inset 0 1px 6px rgba(0,0,0,.18)}
.login-future form input:hover{border-color:rgba(45,219,235,.46);background:rgba(3,20,31,.8)}
.login-future form input:focus{border-color:#25d9eb;background:rgba(3,20,31,.94);box-shadow:0 0 0 4px rgba(0,201,220,.12),0 0 25px rgba(0,201,220,.08)}
.login-future form input:-webkit-autofill{-webkit-text-fill-color:#f4fbff;-webkit-box-shadow:0 0 0 1000px #071d2a inset;transition:background-color 9999s ease-out}
.login-submit{width:100%;min-height:52px;justify-content:space-between;border-color:rgba(94,237,247,.32);border-radius:13px;background:linear-gradient(112deg,#007f9b,#00bdd2 58%,#22d7e6);padding-inline:18px;box-shadow:0 13px 32px rgba(0,175,199,.2);font-size:14px;letter-spacing:.01em}
.login-submit:hover{background:linear-gradient(112deg,#ff7116,#ff9638);box-shadow:0 14px 34px rgba(255,116,23,.25)}.login-submit b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(255,255,255,.15);font-size:18px}
.login-security{display:flex;align-items:center;gap:11px;margin-top:24px;border-top:1px solid rgba(110,194,205,.14);padding-top:19px}.login-security>i{position:relative;width:24px;height:27px;border:2px solid #55dbe7;border-radius:6px;background:rgba(0,201,220,.06)}.login-security>i::before{content:"";position:absolute;left:4px;top:-10px;width:12px;height:12px;border:2px solid #55dbe7;border-bottom:0;border-radius:8px 8px 0 0}.login-security strong,.login-security small{display:block}.login-security strong{color:#cde2e8;font-size:12px}.login-security small{margin-top:2px;color:#6f8d99;font-size:11px}
@keyframes login-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes login-pulse{0%,100%{opacity:.7;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:1050px){.login-future{grid-template-columns:minmax(0,1fr) minmax(400px,.85fr)}.login-future .login-hero{padding:38px}.login-logo-stage{height:300px}.login-capabilities{display:none}}
@media(max-width:850px){.login-future{display:block;min-height:100vh;background:radial-gradient(circle at 50% -5%,rgba(0,201,220,.16),transparent 24rem),linear-gradient(160deg,#041b2a,#020b14 72%)}.login-future .login-hero{display:none}.login-future .login-panel{min-height:100vh;border:0;background:transparent;padding:24px}.login-panel-brand{display:block}.login-future .login-box{width:min(470px,100%);padding:27px}.login-panel-grid{opacity:.65}}
@media(max-width:480px){.login-future .login-panel{align-items:center;padding:16px}.login-future .login-box{border-radius:21px;padding:22px}.login-panel-brand{height:112px;margin:-11px 0 7px}.login-panel-brand img{width:210px;height:112px}.login-future .login-box h2{font-size:28px}.login-future .login-box form{margin-top:22px}.login-security{margin-top:20px}}

/* Administración de usuarios y configuración */
.user-actions{flex-wrap:nowrap}.delete-link{color:var(--red)}.delete-link:hover{background:#ffe9eb;color:#981c27}.self-account{align-self:center;color:var(--muted);font-size:12px;font-weight:750}.form-help{margin:16px 0 0;border-radius:11px;background:var(--cyan-soft);color:#285967;padding:11px 13px;font-size:13px}.delete-warning{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;border:1px solid #ffc5ca;border-radius:15px;background:#fff4f5;padding:16px}.delete-warning>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:900}.delete-warning strong{color:#861c26}.delete-warning p{margin:5px 0 0;color:#6d4044;font-size:14px;line-height:1.55}
.settings-intro{display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;border:1px solid rgba(0,201,220,.25);border-radius:17px;background:linear-gradient(115deg,var(--navy),var(--navy2));color:#fff;padding:20px;box-shadow:0 12px 30px rgba(3,72,91,.12)}.settings-intro>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--orange),var(--orange2));font-size:20px}.settings-intro strong{font-size:17px}.settings-intro p{margin:5px 0 0;color:#c7e8ec;font-size:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card{display:flex;min-height:180px;justify-content:space-between;gap:20px;border:1px solid rgba(0,142,166,.18);border-radius:17px;background:rgba(255,255,255,.95);padding:20px;box-shadow:0 8px 24px rgba(3,72,91,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.setting-card:hover{transform:translateY(-2px);border-color:rgba(0,201,220,.48);box-shadow:0 15px 34px rgba(3,72,91,.1)}.setting-copy{min-width:0}.setting-category{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.12em}.setting-card h3{margin:7px 0 8px;color:var(--navy);font-size:17px;line-height:1.3}.setting-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.setting-control{display:flex;min-width:142px;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;border-left:1px solid var(--line);padding-left:18px;text-align:right}.setting-control>span{color:var(--muted);font-size:12px}.setting-control>strong{color:var(--navy);font-size:21px}.setting-control .btn{margin-top:5px}.setting-explanation{margin-bottom:18px;border-left:4px solid var(--cyan);border-radius:0 12px 12px 0;background:var(--cyan-soft);padding:13px 15px}.setting-explanation p{margin:0 0 6px;color:#285967}.setting-explanation small{color:#476c76}
@media(max-width:1050px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:620px){.setting-card{display:block}.setting-control{min-width:0;align-items:flex-start;margin-top:16px;border-top:1px solid var(--line);border-left:0;padding:14px 0 0;text-align:left}.setting-control .btn{width:100%}.user-actions{flex-wrap:wrap}}

/* Acciones de usuario ordenadas y consistentes */
.user-actions-heading,.user-actions-cell{min-width:300px}.user-actions{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;justify-content:start;gap:7px;min-width:270px}.user-action-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:6px;border:1px solid #b8dfe4;border-radius:9px;background:#f8feff;color:#086f84;padding:6px 10px;font-size:12px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 3px 9px rgba(3,72,91,.06)}.user-action-button>span{display:grid;width:17px;height:17px;place-items:center;border-radius:5px;background:rgba(0,142,166,.1);font-size:13px}.user-action-button:hover{border-color:var(--cyan);background:var(--cyan-soft);color:var(--navy);box-shadow:0 7px 16px rgba(0,142,166,.14)}.user-action-edit{border-color:#add5f0;background:#f4faff;color:#075f91}.user-action-edit>span{background:#dcefff;color:#075f91}.user-action-delete{border-color:#f2c1c6;background:#fff8f8;color:#aa2631}.user-action-delete>span{background:#ffe3e6;color:#a51e2a;font-size:18px}.user-action-delete:hover{border-color:#e46d77;background:#ffecee;color:#8e1721;box-shadow:0 7px 16px rgba(189,36,48,.13)}.user-action-status{border-color:#ffd1ad;background:#fff9f4;color:#a84f0c}.user-action-status>span{background:#ffe8d5;color:#a84f0c}.self-account{display:inline-flex;min-height:34px;align-items:center;gap:6px;border:1px solid #d5e7e9;border-radius:9px;background:#f7fbfc;color:#56727c;padding:6px 10px;font-size:12px;font-weight:750;white-space:nowrap}.self-account i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#def5ea;color:#08704e;font-size:10px;font-style:normal}
@media(max-width:720px){.user-actions-heading,.user-actions-cell{min-width:255px}.user-actions{grid-auto-flow:row;grid-template-columns:repeat(2,max-content);min-width:225px}}

/* Alineación final de acciones: editar, segmentos y eliminar */
.user-actions-heading{min-width:320px;padding-right:16px;text-align:right}.user-actions-cell{min-width:320px}.user-actions{width:100%;min-width:290px;grid-auto-flow:unset;grid-template-columns:82px 108px 94px;justify-content:end;gap:8px}.user-action-button{width:100%}.user-action-edit{grid-column:1}.user-action-segments{grid-column:2}.user-action-delete,.user-action-status,.self-account{grid-column:3}.self-account{width:100%;justify-content:center}
@media(max-width:720px){.user-actions-heading,.user-actions-cell{min-width:300px}.user-actions{min-width:280px;grid-template-columns:80px 104px 92px;justify-content:end}}