[hidden]{display:none!important}
:root{font-family:Poppins,Arial,sans-serif;color:#172a27;background:#f6f5f0;font-synthesis:none;--bg:#f6f5f0;--paper:#fff;--ink:#172a27;--muted:#687873;--border:#e2e6df;--accent:#b94f37;--accent-soft:#f8eae4;--green:#254b41;--green-soft:#e9f1e9;--sidebar:#173a32;--nav-text:#d2e4da;--shadow:0 18px 48px rgba(23,42,39,.06)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4a17a;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Poppins,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(2.1rem,3vw,3.4rem);line-height:1.14}h2{font-size:1.36rem;line-height:1.3}h3{font-size:1rem}p{line-height:1.55}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.18em;color:var(--accent)}.eyebrow.light{color:#f3a98b}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);background:#f6f5f0}.login-story{position:relative;overflow:hidden;background:#173a32;color:#fff;min-height:760px;padding:42px clamp(35px,5vw,88px);display:flex;flex-direction:column;justify-content:space-between}.login-story:before{content:'';position:absolute;width:850px;height:850px;border:1px solid rgba(239,234,208,.15);border-radius:50%;right:-410px;top:10%;box-shadow:0 0 0 100px rgba(239,234,208,.035),0 0 0 240px rgba(239,234,208,.025)}.login-story:after{content:'';position:absolute;width:260px;height:260px;background:#d47d57;border-radius:50%;right:8%;bottom:10%;filter:blur(90px);opacity:.22}.login-brand,.side-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand-mark{height:40px;width:40px;border-radius:13px 4px 13px 4px;display:grid;place-items:center;background:#eeb493;color:#173a32;font:800 1.55rem Poppins}.login-brand strong,.side-brand strong{font-family:Manrope;letter-spacing:.18em;font-size:.9rem}.login-brand small,.side-brand small{display:block;letter-spacing:.26em;font-size:.57rem;font-weight:800;margin-top:3px}.story-content{max-width:700px;position:relative;z-index:1;padding:80px 0}.story-content h1{font-size:clamp(3.8rem,6.5vw,7rem);line-height:1.02;margin:28px 0}.story-content h1 em{font-style:normal;color:#f3b79c}.story-content p{font-size:1.18rem;color:#d8e5dd;max-width:480px}.story-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:65px;color:#d8e5dd;font-size:.75rem;letter-spacing:.11em}.story-proof span{border-top:1px solid #799389;padding-top:14px;min-width:120px}.story-bottom{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:1;font-size:.65rem;font-weight:700;letter-spacing:.13em;color:#b7d0c5}.login-panel{display:grid;place-items:center;padding:35px}.login-panel-inner{width:min(100%,520px)}.login-panel h2{font-size:clamp(2.3rem,3vw,3.8rem);margin:13px 0 12px}.login-panel h2 span{color:var(--accent)}.login-panel p{color:var(--muted)}.demo-credentials{margin:25px 0;padding:18px 20px;background:#eeeae0;border:1px solid #e0dacc;border-radius:18px}.demo-credentials>strong{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;color:#34584e}.demo-credentials>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.demo-credentials span{font-size:.73rem;color:#6d766d}.demo-credentials b{display:block;color:#1d3c32;font-size:.84rem;margin-top:4px}.login-panel label{font-weight:800;font-size:.77rem;display:block;margin:15px 0 7px}.login-panel input{height:49px;width:100%;padding:0 14px;background:#fff;border:1px solid #cfd8d0;border-radius:10px;color:#172a27}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:8px;top:7px;border:0;background:transparent;color:#305b4e;padding:8px}.primary-button{width:100%;border:0;color:white;background:var(--green);height:52px;border-radius:11px;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 19px;margin-top:20px;box-shadow:0 14px 27px #254b4126}.primary-button:hover{background:#15382e}.form-error{color:#ad3d2e!important;font-weight:700;font-size:.84rem;margin:10px 0 0}.login-note{font-size:.72rem;margin-top:16px}.portal{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:250px;flex:0 0 250px;background:var(--sidebar);color:white;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:20;transition:width .22s,flex-basis .22s}.side-top{display:flex;justify-content:space-between;align-items:center;padding:25px 19px 32px}.side-brand .brand-mark{height:35px;width:35px;font-size:1.28rem}.side-brand strong{font-size:.76rem}.side-account{margin:0 13px 32px;padding:15px 10px;border:1px solid #4a6d60;border-radius:13px;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:11px;background:#e6b196;color:#173a32;font-size:.7rem;font-weight:800}.side-account b{font-size:.78rem}.side-account small{display:block;color:#bbd4c8;font-size:.67rem;margin-top:4px}.side-label{font-size:.57rem;font-weight:800;letter-spacing:.19em;color:#95b4a5;margin:0 25px 12px}.nav{display:grid;gap:4px;padding:0 10px}.nav button{background:transparent;color:var(--nav-text);border:0;border-radius:10px;text-align:left;padding:13px;display:flex;align-items:center;gap:13px;font-size:.82rem;font-weight:700}.nav button:hover,.nav button.active{background:#315c4e;color:white}.nav button.active:before{content:'';height:18px;width:3px;background:#efad8b;position:absolute;left:9px;border-radius:4px}.nav-icon{font-size:1.25rem;width:23px;text-align:center;line-height:1}.side-bottom{display:flex;gap:9px;align-items:flex-start;margin:auto 16px 23px;padding-top:19px;border-top:1px solid #426355;font-size:.69rem;line-height:1.5;color:#d5e9df}.side-bottom small{color:#a2baaf}.status-dot{width:7px;height:7px;background:#a9e2b0;border-radius:50%;margin-top:4px}.icon-button{border:0;background:transparent;color:inherit;font-size:1.18rem;display:grid;place-items:center;width:32px;height:32px;border-radius:8px}.icon-button:hover{background:#ffffff22}.sidebar-toggle{font-size:1rem;color:#d6e8db}.sidebar.collapsed{width:70px;flex-basis:70px}.sidebar.collapsed .brand-word,.sidebar.collapsed .side-account-text,.sidebar.collapsed .side-label,.sidebar.collapsed .nav-text,.sidebar.collapsed .side-bottom-text{display:none}.sidebar.collapsed .side-top{padding:25px 12px 32px;display:block}.sidebar.collapsed .sidebar-toggle{margin:15px auto 0}.sidebar.collapsed .side-account{justify-content:center;margin:0 8px 32px;padding:10px 0}.sidebar.collapsed .nav{padding:0 8px}.sidebar.collapsed .nav button{justify-content:center;padding:13px 7px}.sidebar.collapsed .side-bottom{justify-content:center}.workspace{min-width:0;flex:1}.topbar{height:72px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3vw,50px);border-bottom:1px solid var(--border)}.top-actions,.top-left{display:flex;align-items:center;gap:19px}.breadcrumb{font-size:.64rem;letter-spacing:.16em;color:#7b8981;font-weight:800}.breadcrumb span{margin:0 8px;color:#c1c8bd}.breadcrumb b{color:#244d41}.private-pill{background:#eaf3e8;color:#315e43;font-weight:800;font-size:.69rem;padding:9px 12px;border-radius:99px}.text-button{border:0;background:transparent;color:#34594e;font-size:.76rem;font-weight:800}.logout{color:#34594e}.mobile-menu{display:none}.main{max-width:1560px;margin:auto;padding:38px clamp(18px,3vw,50px) 20px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.page-head h1{max-width:760px;margin:9px 0 9px}.page-head p{color:var(--muted);margin:0;font-size:.9rem}.head-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.head-tools label{font-size:.72rem;font-weight:800;margin-left:9px}.head-tools select{border:1px solid var(--border);background:#fff;color:var(--ink);padding:9px 28px 9px 12px;border-radius:9px;font-size:.78rem;font-weight:700;max-width:180px}.page-footer{border-top:1px solid var(--border);color:#7c8880;font-size:.61rem;font-weight:800;letter-spacing:.13em;display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding:20px 0}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--border);border-radius:19px;padding:23px;box-shadow:var(--shadow);min-width:0}.card h2{margin-bottom:6px}.card p.muted,.muted{color:var(--muted)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-top p{font-size:.77rem;color:var(--muted);margin:0}.card-top h2{margin:4px 0 0}.tag{display:inline-flex;align-items:center;border-radius:99px;background:var(--green-soft);color:#305d44;padding:7px 10px;font-size:.64rem;font-weight:800;white-space:nowrap}.tag.warm{background:var(--accent-soft);color:var(--accent)}.tag.neutral{background:#f1f0e9;color:#607069}.hero-card{background:#214d3f;color:#fff;border:0;min-height:225px;position:relative;overflow:hidden}.hero-card:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff2b;border-radius:50%;right:-50px;top:-85px;box-shadow:0 0 0 70px #ffffff08,0 0 0 150px #ffffff05}.hero-card>*{position:relative;z-index:1}.hero-card .eyebrow{color:#f8c1a4}.hero-card h2{font-size:clamp(1.7rem,2.5vw,2.6rem);max-width:500px;margin:17px 0}.hero-card p{color:#d0e3d7;max-width:530px;font-size:.85rem}.hero-card .hero-stat{font-size:.75rem;letter-spacing:.12em;color:#e7c2a7;font-weight:800}.metric{font-family:Manrope;font-size:clamp(1.4rem,2.1vw,2.05rem);font-weight:800;letter-spacing:-.05em;margin:20px 0 3px}.metric-note{font-size:.71rem;color:var(--muted)}.delta{font-size:.7rem;color:#a54a39;font-weight:800}.delta.good{color:#317654}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px;gap:12px}.section-heading h2{font-size:1.35rem;margin:0}.section-heading p{font-size:.76rem;color:var(--muted);margin:0}.section-heading button,.inline-link{border:0;background:transparent;color:var(--accent);font-size:.75rem;font-weight:800;padding:4px}.mini-line{padding:17px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;align-items:center}.mini-line:last-child{border:0;padding-bottom:0}.line-name{font-weight:800;font-size:.83rem}.line-num{font-size:.72rem;color:var(--muted);margin-top:3px}.line-value{text-align:right;font-size:.8rem;font-weight:800}.line-value small{display:block;color:var(--muted);font-weight:500}.progress{height:7px;background:#e9eee9;border-radius:10px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;border-radius:10px;background:#87ad81}.progress i.warn{background:#dd9370}.chart{width:100%;height:220px;display:block;overflow:visible}.chart-label{font-size:10px;fill:#738078;font-family:Poppins}.chart-grid{stroke:#e8ece6;stroke-width:1}.chart-legend{display:flex;gap:17px;flex-wrap:wrap;font-size:.7rem;color:var(--muted);margin-top:5px}.chart-legend span:before{content:'';width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--accent);margin-right:6px}.chart-legend span:nth-child(2):before{background:#b8c9b2}.chart-legend span:nth-child(3):before{background:#b8c9b2}.insight{display:flex;gap:13px;align-items:flex-start;padding:17px;background:#f6f7f2;border-radius:12px;margin-top:15px}.insight .insight-icon{display:grid;place-items:center;border-radius:9px;background:#eadccf;width:32px;height:32px;flex:0 0 32px;color:#a04d37}.insight b{font-size:.79rem}.insight p{font-size:.72rem;color:var(--muted);margin:3px 0 0}.line-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.line-card:hover{transform:translateY(-3px);box-shadow:0 18px 35px #213d301a}.line-card .line-number{font-size:.74rem;color:var(--muted);margin:5px 0 20px}.line-card h3{font-size:1.16rem}.line-card .card-foot{border-top:1px solid var(--border);padding-top:15px;margin-top:18px;display:flex;justify-content:space-between;color:#35584a;font-size:.74rem;font-weight:800}.plan-stats{display:flex;justify-content:space-between;gap:12px;margin:15px 0;font-size:.73rem}.plan-stats strong{display:block;font:800 1.25rem Poppins;margin-bottom:3px}.data-table{width:100%;border-collapse:collapse;min-width:590px}.data-table th{text-align:left;font-size:.64rem;letter-spacing:.1em;color:#7a8b7e;padding:12px 10px;border-bottom:1px solid var(--border)}.data-table td{padding:14px 10px;border-bottom:1px solid var(--border);font-size:.78rem}.data-table tr:last-child td{border:0}.table-wrap{overflow:auto}.timeline{position:relative;margin:20px 0 0 6px;padding-left:25px;border-left:1px solid #d7ddd4}.timeline-item{position:relative;margin-bottom:18px}.timeline-item:before{content:'';position:absolute;left:-31px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:3px solid #f8e8dc}.timeline-item:last-child{margin-bottom:0}.timeline-date{font-size:.68rem;color:var(--muted);font-weight:800;letter-spacing:.07em}.timeline h3{margin:5px 0 3px}.timeline p{font-size:.74rem;color:var(--muted);margin:0}.timeline-metas{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.timeline-metas span{background:#f1f4ee;border-radius:7px;padding:6px 8px;font-size:.68rem;font-weight:700}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;font-size:1rem;color:var(--ink);margin-bottom:6px}.filter-notice{font-size:.7rem;color:#728078;margin:10px 0 0}.mobile-shade{display:none}.compact-mode{--bg:#141f1b;--paper:#1e3028;--ink:#eef3e9;--muted:#b0c3b4;--border:#375044;--accent:#f2aa7c;--accent-soft:#4c382f;--green:#e7b389;--green-soft:#34503d;--sidebar:#0d1713;--nav-text:#c0d2c2;--shadow:none}.compact-mode .topbar{background:#1e3028}.compact-mode .head-tools select,.compact-mode .insight,.compact-mode .timeline-metas span{background:#294037;color:#ecf4e8}.compact-mode .hero-card{background:#465f46}.compact-mode .tag.neutral{background:#375044;color:#d6e7d6}.compact-mode .progress{background:#415549}.compact-mode .chart-grid{stroke:#3a5041}.compact-mode .chart-label{fill:#b0c3b4}.compact-mode .primary-button{color:#14251b}.compact-mode .page-head h1,.compact-mode h2,.compact-mode h3{color:var(--ink)}.compact-mode .private-pill{background:#314a3c;color:#d8efd6}.compact-mode .text-button,.compact-mode .breadcrumb b,.compact-mode .logout{color:#f0bd96}@media(max-width:1170px){.grid.four{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:900px){.sidebar{position:fixed;transform:translateX(-105%);box-shadow:20px 0 45px #0002}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:250px;flex-basis:250px}.sidebar.collapsed .brand-word,.sidebar.collapsed .side-account-text,.sidebar.collapsed .side-label,.sidebar.collapsed .nav-text,.sidebar.collapsed .side-bottom-text{display:block}.sidebar.collapsed .side-top{display:flex;padding:25px 19px 32px}.sidebar.collapsed .side-account{justify-content:flex-start;margin:0 13px 32px;padding:15px 10px}.sidebar.collapsed .nav{padding:0 10px}.sidebar.collapsed .nav button{justify-content:flex-start;padding:13px}.mobile-menu{display:grid;color:#36584a}.mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:#07150c99;z-index:19}.login-shell{grid-template-columns:1fr}.login-story{min-height:390px;padding:28px}.story-content{padding:30px 0}.story-content h1{font-size:clamp(3rem,7vw,4.6rem);margin:12px 0}.story-proof{margin-top:24px}.story-bottom{display:none}.login-panel{padding:40px 25px}}@media(max-width:650px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.main{padding:25px 16px}.topbar{height:61px;padding:0 16px}.top-actions{gap:6px}.private-pill{display:none}.breadcrumb{font-size:.6rem}.text-button{font-size:.7rem}.text-button #theme-name{display:none}.page-head h1{font-size:2.1rem}.head-tools{width:100%}.head-tools select{flex:1;min-width:0}.head-tools label:first-child{margin-left:0}.card{padding:18px}.page-footer{display:block;line-height:1.8}.page-footer span{display:block}.demo-credentials>div{grid-template-columns:1fr}.demo-credentials span{display:flex;justify-content:space-between}.login-story{min-height:350px}.story-proof{display:none}.login-panel h2{font-size:2.2rem}}


/* Paletas de evaluación visual: todas comparten la misma información y navegación. */
html[data-self-theme="cobalto"]{--bg:#f4f7fd;--paper:#fff;--ink:#182644;--muted:#64738d;--border:#dce4f1;--accent:#d65447;--accent-soft:#fbece8;--green:#3459c4;--green-soft:#e9efff;--sidebar:#172a5a;--nav-text:#d9e4ff;--shadow:0 14px 36px rgba(26,53,108,.06);--pie-1:#3559c7;--pie-2:#7290e7;--pie-3:#e6a278;--pie-4:#9bb2d9;--chart-prior:#b8c7db;--hero-highlight:#a9c3ff;--brand-mark:#adc5ff}
html[data-self-theme="violeta"]{--bg:#f7f4fa;--paper:#fff;--ink:#2e2340;--muted:#7b6b88;--border:#e7ddec;--accent:#b54a75;--accent-soft:#f9e8f0;--green:#704da4;--green-soft:#f0e9f8;--sidebar:#342348;--nav-text:#eadbf2;--shadow:0 14px 36px rgba(66,32,87,.07);--pie-1:#704da4;--pie-2:#ae7dc7;--pie-3:#d78b9f;--pie-4:#c4b6d7;--chart-prior:#c8b8d5;--hero-highlight:#e7b6df;--brand-mark:#e2bfe1}
html[data-self-theme="arena"]{--bg:#faf7f0;--paper:#fffefa;--ink:#382a23;--muted:#7e7066;--border:#e9dfd1;--accent:#a34f37;--accent-soft:#f8e9df;--green:#a46b32;--green-soft:#f5ead9;--sidebar:#3b2c26;--nav-text:#f2e4d5;--shadow:0 14px 36px rgba(88,59,31,.06);--pie-1:#a46b32;--pie-2:#d5a05b;--pie-3:#bc7164;--pie-4:#e0c49d;--chart-prior:#d9c9ae;--hero-highlight:#f3c999;--brand-mark:#f1c794}
html[data-self-theme="grafito"]{--bg:#151c28;--paper:#222d3c;--ink:#f1f4fa;--muted:#b3c1d1;--border:#394758;--accent:#73d7cf;--accent-soft:#264a50;--green:#64b6c8;--green-soft:#294751;--sidebar:#0d1520;--nav-text:#d1dfeb;--shadow:none;--pie-1:#69baca;--pie-2:#908bd9;--pie-3:#e0a577;--pie-4:#779eb0;--chart-prior:#718195;--hero-highlight:#a0e7e0;--brand-mark:#98dce2}
body{font-family:Poppins,Arial,sans-serif}h1,h2,h3,.metric,.brand-mark,.plan-stats strong{font-family:Poppins,Arial,sans-serif}.chart-label{font-family:Poppins,Arial,sans-serif}
.login-story{background:var(--sidebar)}.login-story:after{background:var(--accent)}.story-content h1 em{color:var(--hero-highlight)}.brand-mark{background:var(--brand-mark);color:var(--sidebar)}.story-content p,.story-proof{color:var(--nav-text)}.story-bottom{color:var(--nav-text)}
.login-shell,.login-panel{background:var(--bg)}.login-panel h2,.login-panel label{color:var(--ink)}.demo-credentials{background:var(--green-soft);border-color:var(--border)}.demo-credentials>strong,.demo-credentials b{color:var(--ink)}.demo-credentials span{color:var(--muted)}.login-panel input{background:var(--paper);border-color:var(--border);color:var(--ink)}.password-wrap button{color:var(--green)}.primary-button{background:var(--green);box-shadow:0 14px 27px color-mix(in srgb,var(--green) 23%,transparent)}.primary-button:hover{background:color-mix(in srgb,var(--green) 85%,#101625)}
.sidebar{background:var(--sidebar)}.side-account{border-color:color-mix(in srgb,var(--nav-text) 28%,transparent)}.side-account small,.side-label,.side-bottom small{color:var(--nav-text)}.avatar{background:var(--brand-mark);color:var(--sidebar)}.nav button:hover,.nav button.active{background:color-mix(in srgb,var(--green) 45%,var(--sidebar))}.nav button.active:before{background:var(--brand-mark)}.side-bottom{border-color:color-mix(in srgb,var(--nav-text) 25%,transparent);color:var(--nav-text)}.status-dot{background:var(--brand-mark)}
.topbar{background:var(--paper)}.breadcrumb b,.text-button,.logout{color:var(--green)}.private-pill{background:var(--green-soft);color:var(--green)}.head-tools select{background:var(--paper);color:var(--ink)}.tag{background:var(--green-soft);color:var(--green)}.tag.neutral{background:var(--green-soft);color:var(--muted)}.insight{background:var(--green-soft)}.insight .insight-icon{background:var(--accent-soft);color:var(--accent)}.progress{background:var(--green-soft)}.progress i{background:var(--pie-2)}.progress i.warn{background:var(--accent)}.timeline-metas span{background:var(--green-soft)}.chart-grid{stroke:var(--border)}.chart-label{fill:var(--muted)}.chart-legend span:before{background:var(--pie-1)}.chart-legend span:nth-child(2):before{background:var(--chart-prior)}
.theme-switcher{display:flex;align-items:center;gap:7px;font-size:.62rem;font-weight:800;color:var(--muted);letter-spacing:.11em}.theme-switcher select{font-size:.72rem;font-weight:700;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--paper);color:var(--ink);max-width:125px}
.page-head{margin-bottom:18px}.page-head h1{font-size:clamp(1.95rem,2.45vw,2.7rem)}.overview-intro{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px;border:1px solid var(--border);background:var(--paper);border-radius:12px}.overview-intro strong{font-size:.87rem}.overview-intro small{color:var(--muted);font-size:.73rem}.compact-stats{gap:11px}.compact-stats .card{padding:15px 17px;border-radius:14px}.compact-stats .eyebrow{font-size:.61rem}.compact-stats .metric{font-size:clamp(1.25rem,1.65vw,1.7rem);margin:8px 0 1px}.compact-stats .metric-note{font-size:.66rem}.section-heading{margin:21px 0 12px}.overview-visual-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr) minmax(380px,1.4fr);gap:12px}.overview-visual-grid .card{padding:18px;border-radius:14px}.overview-visual-grid .card h2{font-size:1rem}.donut-layout{display:flex;align-items:center;gap:13px;margin-top:18px}.donut-ring{width:135px;height:135px;flex:0 0 135px;border-radius:50%;position:relative;display:grid;place-items:center}.donut-ring:before{content:'';position:absolute;inset:23px;border-radius:50%;background:var(--paper)}.donut-center{position:relative;z-index:1;text-align:center;line-height:1.15;max-width:86px}.donut-center strong{display:block;font-size:.8rem;letter-spacing:-.035em;overflow-wrap:anywhere}.donut-center small{display:block;margin-top:4px;font-size:.57rem;color:var(--muted)}.donut-legend{flex:1;min-width:0}.donut-legend-row{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;column-gap:6px;padding:5px 0;font-size:.64rem;border-bottom:1px solid var(--border)}.donut-legend-row:last-child{border:0}.donut-legend-row i{width:8px;height:8px;border-radius:50%}.donut-legend-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.donut-legend-row b{grid-column:2;font-size:.7rem}.overview-trend .chart{height:160px;margin-top:8px}.overview-trend .chart-legend{margin-top:0}.compact-line-list{padding:8px 18px}.compact-line-list .mini-line{padding:11px 0}.compact-line-list .line-main{flex:1}.compact-line-list .progress{margin-top:7px}
@media(max-width:1350px){.overview-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-trend{grid-column:1/-1}.overview-trend .chart{height:185px}}
@media(max-width:650px){.overview-visual-grid{grid-template-columns:1fr}.overview-trend{grid-column:auto}.overview-intro{display:block}.overview-intro>*{display:block;margin:3px 0}.theme-switcher>span{display:none}.theme-switcher select{max-width:95px;font-size:.65rem}.donut-layout{justify-content:space-between}.donut-ring{width:126px;height:126px;flex-basis:126px}}

body{color:var(--ink);background:var(--bg)}.breadcrumb{color:var(--muted)}html[data-self-theme="grafito"] .primary-button{color:#10212a}

.login-palette{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;margin:13px 0 0;border:1px solid var(--border);border-radius:10px;background:var(--paper)}.login-palette label{margin:0;font-size:.65rem;letter-spacing:.12em;color:var(--muted)}.login-palette select{border:0;background:var(--paper);color:var(--green);font-size:.76rem;font-weight:800;padding:5px 8px}

/* Marca Gestión Telefonía en ingreso y navegación. */
.login-brand strong,.side-brand strong{font-family:Poppins,Arial,sans-serif;letter-spacing:.065em}.login-brand strong{font-size:.88rem}.side-brand strong{font-size:.7rem;white-space:nowrap}.brand-word{min-width:0}

/* Acceso personal con fotografía original y selector de empresas. */
.login-shell{grid-template-columns:minmax(0,50%) minmax(460px,50%)}.login-story{min-height:100vh;background:linear-gradient(90deg,rgba(9,34,35,.9),rgba(10,42,43,.6) 58%,rgba(10,40,42,.26)),url('images/telecom-personal.png') 90% center/cover no-repeat;padding:clamp(32px,4vw,70px)}.login-story:before,.login-story:after{display:none}.story-content{padding:0 0 4vh;margin-top:auto}.story-content h1{font-size:clamp(45px,4.6vw,78px);max-width:660px;line-height:1.06}.story-content p{max-width:560px;color:#e6f3f0}.story-proof{margin-top:40px;color:#e3f3ee}.story-proof span{border-top-color:rgba(255,255,255,.42)}.login-panel{background:color-mix(in srgb,var(--bg) 88%,#e5f1ec);padding:32px}.login-panel-inner{width:min(100%,545px);padding:clamp(26px,3vw,46px);background:var(--paper);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:24px;box-shadow:0 25px 75px rgba(10,37,32,.12)}.login-panel h2{font-size:clamp(31px,2.8vw,42px)}.login-palette{margin-top:13px}.demo-credentials{margin:15px 0 8px;padding:11px 16px}.demo-credentials>div{grid-template-columns:repeat(2,1fr);margin-top:7px}.login-panel label{margin:12px 0 6px}.login-panel input{height:50px}.login-panel .primary-button{margin-top:19px}.login-note{margin-bottom:0}.side-account-text #side-company-name{display:block;margin-top:8px;color:#fff;font-size:.65rem;line-height:1.3;font-weight:700}.top-user-name{color:var(--ink);font-size:.72rem;font-weight:750;white-space:nowrap}.company-switch{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:7px 27px 7px 11px;min-width:190px;max-width:230px;border:1px solid var(--border);border-radius:11px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer}.company-switch small{font-size:.52rem;letter-spacing:.11em;color:var(--muted);font-weight:800}.company-switch strong{font-size:.69rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.company-switch b{position:absolute;right:9px;top:13px;color:var(--accent)}.company-modal[hidden]{display:none!important}.company-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.company-modal-backdrop{position:absolute;inset:0;background:rgba(7,27,28,.78);backdrop-filter:blur(11px)}.company-dialog{position:relative;width:min(830px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px clamp(24px,4vw,48px) 32px;border:1px solid rgba(255,255,255,.5);border-radius:27px;background:linear-gradient(to bottom,rgba(10,37,37,.84),rgba(11,43,43,.88) 210px,var(--paper) 211px),url('images/telecom-personal.png') 50% 38%/cover no-repeat;color:#fff;box-shadow:0 36px 95px rgba(2,17,18,.4)}.company-dialog-top{display:flex;justify-content:space-between;align-items:center;position:relative}.company-dialog-monogram{width:45px;height:45px;border:1px solid rgba(255,255,255,.6);border-radius:13px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:800}.company-dialog-monogram span{color:#b5e3df}.company-dialog-top button{height:34px;width:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:23px;line-height:1;cursor:pointer}.company-dialog-kicker{display:block;margin-top:17px;letter-spacing:.17em;font-size:.62rem;font-weight:800;color:#c4f0e8}.company-dialog h2{font-size:clamp(30px,3.8vw,44px);letter-spacing:-.05em;margin:8px 0 2px}.company-dialog>p{max-width:560px;font-size:.8rem;line-height:1.55;margin:0 0 31px;color:#e0efeb}.company-dialog>p strong{color:#fff}.company-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px}.company-choice{display:flex;align-items:flex-start;gap:15px;position:relative;min-height:184px;padding:20px 18px;border:1px solid var(--border);border-radius:17px;background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.company-choice:hover,.company-choice:focus-visible{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 35px rgba(14,49,39,.16)}.company-choice-emblem{height:49px;width:49px;flex:0 0 49px;border-radius:13px;display:grid;place-items:center;background:#dff0ea;color:#1d5c4d;font-size:17px;font-weight:800}.company-choice-emblem.alternate{background:#f5e3da;color:#9b553b}.company-choice-info{display:flex;flex-direction:column;gap:5px;min-width:0}.company-choice-info small{font-size:.56rem;letter-spacing:.1em;color:var(--accent);font-weight:800}.company-choice-info strong{font-size:1rem;line-height:1.2}.company-choice-info em{font-size:.69rem;color:var(--muted);font-style:normal}.company-choice-info span{margin-top:17px;font-size:.67rem;color:var(--muted);font-weight:700}.company-choice>b{position:absolute;bottom:15px;right:16px;font-size:22px;color:var(--accent)}.company-dialog-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--border);font-size:.66rem;color:var(--muted)}.company-modal-open{overflow:hidden}
@media(max-width:1100px){.top-user-name,.private-pill{display:none}.company-switch{min-width:160px}.login-story{background-position:90% center}}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-story{min-height:370px;padding:30px;background-position:82% 38%}.story-content{margin-top:35px;padding:0}.story-content h1{font-size:clamp(37px,7vw,54px);margin:10px 0}.story-proof{margin-top:20px}.login-panel{padding:25px 16px}.company-choices{grid-template-columns:1fr}.company-choice{min-height:145px}.company-dialog{background:linear-gradient(to bottom,rgba(10,37,37,.88),rgba(11,43,43,.9) 210px,var(--paper) 211px),url('images/telecom-personal.png') 50% 38%/cover no-repeat}.company-switch{max-width:170px}}
@media(max-width:600px){.login-story{min-height:320px;padding:25px}.story-content p{font-size:.8rem}.login-panel{padding:16px 10px}.login-panel-inner{padding:23px;border-radius:18px}.login-panel h2{font-size:2rem}.company-dialog{padding:24px 20px}.company-choice{padding:16px;gap:10px}.company-choice-info strong{font-size:.91rem}.company-switch{min-width:0;max-width:145px;padding:5px 23px 5px 8px}.theme-switcher{display:none}}

@media(max-width:600px){.top-left .breadcrumb{display:none}.top-actions{gap:6px}.top-user-name{display:block;max-width:76px;overflow:hidden;text-overflow:ellipsis;font-size:.61rem}.company-switch{max-width:145px}.topbar{padding-left:10px;padding-right:10px}}

@media(max-width:600px){.login-story{min-height:245px;padding:20px 24px}.story-content{margin-top:10px}.story-content h1{font-size:2.05rem;line-height:1.05;margin:8px 0}.story-content p{display:none}.login-panel{padding:12px 10px}.login-panel-inner{padding:20px}.login-panel h2{font-size:1.9rem;margin:8px 0}.login-panel-inner>p{font-size:.75rem;line-height:1.4;margin-bottom:10px}.login-palette{margin:8px 0}.demo-credentials{display:none}.login-panel label{margin:10px 0 4px}.login-panel input{height:45px}.login-panel .primary-button{margin-top:15px}.login-note{font-size:.62rem;margin-top:11px}}

@media(max-width:600px){.company-dialog{background:linear-gradient(to bottom,rgba(10,37,37,.88),rgba(11,43,43,.92) 249px,var(--paper) 250px),url('images/telecom-personal.png') 50% 38%/cover no-repeat}.company-dialog>p{margin-bottom:34px}}

/* Escala del ingreso compartida con Administración; cada panel ocupa la mitad. */
@media (min-width:851px){.login-shell{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell>.login-story,.login-shell>.login-panel{min-width:0}.story-content h1{font-size:clamp(45px,4.3vw,72px)}.login-panel h2{font-size:clamp(32px,2.6vw,42px)}.login-panel input{height:52px}.login-panel .primary-button{height:52px}}
.login-brand .brand-mark{height:44px;width:44px;flex:0 0 44px;border-radius:10px 4px 10px 4px;font-size:27px}.side-brand .brand-mark{border-radius:9px 3px 9px 3px}
.password-wrap input{padding-right:54px}.password-wrap button{right:6px;top:6px;width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:8px;cursor:pointer}.icon-eye{width:20px;height:20px}.eye-slash{display:none}.password-wrap button.is-visible .eye-slash{display:block}.password-wrap button:hover,.password-wrap button:focus-visible{background:color-mix(in srgb,var(--green) 10%,transparent)}
.action-icon{width:19px;height:19px;flex:0 0 19px}.primary-button{gap:12px}.primary-button .action-icon{margin-left:auto}.company-choice>b .action-icon{width:21px;height:21px}