/* Registro CUC v2 – capa del producto sobre app.css (identidad CUC). Tokens en DESIGN.md. */
:root{--rev:#A3161A;--rev-cl:#FBE9E9;--ok:#2E7D4F;--ok-cl:#E7F5EC;--fondo:#F7F7F7;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px}
::selection{background:#F3C9CA;color:#1D1D1B}html{scrollbar-color:#C9C9C9 transparent;accent-color:var(--rojo)}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px;top:0;background:#1d1d1b;color:#fff;padding:8px 12px;z-index:200;border-radius:0 0 8px 0}.skip:focus{left:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{text-underline-offset:3px}.num,.stat .v,.bn,.doc,td{font-variant-numeric:tabular-nums}
code{background:#fff;border:1px solid var(--borde);border-radius:6px;padding:1px 6px;font-size:.88em;color:var(--tit)}
.main:focus{outline:none}.lead{max-width:75ch;margin:0 0 var(--s4)}
/* login */
.login{min-height:100vh;display:grid;grid-template-columns:minmax(280px,38%) 1fr;background:var(--fondo)}
.login-brand{background:var(--negro);color:#d8d8d8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s4);padding:var(--s6);border-right:6px solid var(--rojo)}
.login-brand img{width:min(220px,60%)}.login-brand p{margin:0;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}
.login-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--s6) var(--s4);gap:var(--s4)}
.login-card{background:#fff;border:1px solid var(--borde);border-radius:var(--r);box-shadow:var(--sh);padding:var(--s6);width:100%;max-width:420px}
.login-card h1{font-size:1.5rem;margin-bottom:.35em;text-wrap:balance}.login-card .btn.full{width:100%;margin-top:var(--s4)}
.pass{position:relative}.pass input{padding-right:46px}.eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;color:var(--gris2);cursor:pointer;border-radius:10px}.eye:hover{color:var(--tit)}
.form-err{color:var(--rojo-viv);font-weight:600;font-size:.9rem;margin:var(--s3) 0 0;min-height:0}.form-err:empty{display:none}
.demo{margin-top:var(--s5);padding:var(--s3) var(--s4);background:var(--amb-cl);border-radius:12px;font-size:.86rem;color:#5c4300;line-height:1.7}
.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--rojo);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:760px){.login{grid-template-columns:1fr;grid-template-rows:auto 1fr}.login-brand{flex-direction:row;padding:var(--s4);border-right:0;border-bottom:5px solid var(--rojo)}.login-brand img{width:120px}.login-brand p{font-size:.68rem}.login-card{padding:var(--s5)}}
/* shell */
.head-l{display:flex;gap:var(--s3);align-items:center}.side{display:flex;flex-direction:column}.side nav{flex:1}
.side-out{display:flex;gap:11px;align-items:center;background:none;border:1px solid #3a3a3a;color:#ddd;padding:9px 12px;border-radius:12px;font:inherit;font-size:.9rem;cursor:pointer;margin-top:var(--s4)}.side-out:hover{background:rgba(255,255,255,.07)}
.side nav a:focus-visible,.side-out:focus-visible{outline:3px solid #F3C9CA;outline-offset:1px}
.scrim{position:fixed;inset:0;background:rgba(20,10,10,.45);z-index:55}
@media(max-width:560px){.hide-sm{display:none}}
/* resumen */
.per{max-width:460px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s5)}
.stat{background:#fff;border:1px solid var(--borde);border-radius:var(--r);padding:var(--s4);display:flex;flex-direction:column;gap:2px}
.stat .l{font-size:.84rem;font-weight:700;color:var(--txt)}.stat .v{font-size:1.9rem;font-weight:900;color:var(--tit);line-height:1.15}.stat .d{font-size:.8rem;color:#6b6b6b}
.stat.red .v{color:var(--rojo-viv)}.stat.grn .v{color:var(--verde)}.stat.amb .v{color:var(--amb)}
.stat.hero{grid-column:span 2;grid-row:span 2;background:var(--negro);border-color:var(--negro);padding:var(--s5);justify-content:center}
.stat.hero .l{color:#e6e6e6;font-size:1rem}.stat.hero .v{color:#fff;font-size:clamp(2.8rem,6vw,4.2rem);letter-spacing:-.02em}.stat.hero .d{color:#cfcfcf;font-size:.95rem}
.meter{height:10px;background:#3b3b39;border-radius:6px;overflow:hidden;margin-top:var(--s4)}.meter i{display:block;height:100%;background:var(--rojo-viv)}
@media(max-width:980px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.stat.hero{grid-column:span 2;grid-row:auto}.stat .v{font-size:1.6rem}}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.charts .wide{grid-column:1/-1}.charts h2{margin-bottom:.2em}@media(max-width:900px){.charts{grid-template-columns:1fr}}
.legend{display:flex;gap:var(--s4);font-size:.8rem;margin:var(--s2) 0 var(--s3)}.legend span{display:inline-flex;gap:6px;align-items:center}.sw{width:12px;height:12px;border-radius:3px;display:inline-block}.sw.ok,.bt i.ok{background:var(--verde)}.sw.rev,.bt i.rev{background:var(--rojo)}
.bars{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:var(--s2)}.bars li{display:grid;grid-template-columns:64px 1fr 58px;gap:var(--s3);align-items:center;font-size:.85rem}
.bars.prog li{grid-template-columns:minmax(120px,190px) 1fr 44px}.bl{font-weight:600;color:var(--tit)}.bn{text-align:right;font-weight:700}
.bt{display:flex;height:18px;background:var(--gris);border-radius:5px;overflow:hidden}.bt i{display:block;height:100%}.bt i+i{box-shadow:inset 2px 0 0 #fff}
@media(max-width:480px){.bars.prog li{grid-template-columns:1fr 44px}.bars.prog .bt{grid-column:1/-1;grid-row:2}}
.dist{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}@media(max-width:640px){.dist{grid-template-columns:1fr}}
.hist{margin:0}.hist figcaption{font-weight:700;color:var(--tit);margin-bottom:var(--s2)}
.hb{position:relative;height:150px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #bdbdbd;margin-top:40px}
.hb span{flex:1;background:#BDBDBD;border-radius:4px 4px 0 0;position:relative;min-height:1px}.hb span.lo{background:var(--rojo)}
.hb em{position:absolute;top:-18px;left:0;right:0;text-align:center;font-style:normal;font-size:.72rem;font-weight:700;color:var(--txt)}
.thr{position:absolute;top:-40px;bottom:0;border-left:2px dashed var(--tit)}.thr small{position:absolute;top:-2px;left:4px;font-size:.7rem;white-space:nowrap;background:#fff;padding:0 3px;font-weight:700}
.hx{display:flex;justify-content:space-between;font-size:.72rem;color:#6b6b6b;margin-top:3px}
/* reporte */
.filters .grow{flex:2;min-width:220px}
.tbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s3)}.tbar p{margin:0}.tbar-b{display:flex;gap:var(--s2);flex-wrap:wrap}.t-rev{color:var(--rojo-viv)}
.card.flush{padding:0;overflow:hidden}
th.num,td.num{text-align:right}.th-u{display:block;text-transform:none;letter-spacing:0;font-weight:600;color:#6b6b6b}
tr.rev{background:#FDF3F3}tr.rev:hover{background:#FBEAEA}.doc{display:block;font-size:.8rem;color:#6b6b6b}
.b-rev{background:var(--rojo);color:#fff}.b-ok{background:var(--ok-cl);color:#1e6b2f}.why{display:block;font-size:.78rem;color:#7a1214;margin-top:4px;max-width:28ch}
td.bajo{color:var(--rojo-viv);font-weight:800}td.bajo i{margin-left:5px;font-size:.75em}
.pdf{display:inline-flex;gap:6px;align-items:center;font-weight:700;white-space:nowrap;padding:4px 0}
.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--txt)}.empty i{font-size:1.6rem;color:var(--gris2)}
@media(max-width:760px){#tbl thead{display:none}#tbl,#tbl tbody,#tbl tr,#tbl td{display:block;width:100%}#tbl tr{border-bottom:1px solid var(--borde);padding:var(--s3) var(--s2)}#tbl td{border:0;padding:3px 8px;text-align:left;display:flex;gap:var(--s3);justify-content:space-between}#tbl td[data-l]::before{content:attr(data-l);font-weight:700;color:#555;font-size:.8rem;flex:none}#tbl td:first-child{display:block}#tbl td:first-child::before{display:none}#tbl td[data-l=Estado]{flex-wrap:wrap}#tbl td[data-l=Estado]>span:first-of-type{margin-left:auto}.why{flex-basis:100%;text-align:right;max-width:none}}
/* configuración */
.cfg-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);max-width:900px}@media(max-width:760px){.cfg-items{grid-template-columns:1fr}}
.cfg-it{margin:0;border:1px solid var(--borde)}.cfg-it legend{font-weight:800;color:var(--tit);padding:0 6px;font-size:1.05rem}
.rng{display:grid;grid-template-columns:1fr 90px;gap:var(--s3);align-items:center}.rng input[type=range]{width:100%}
.cfg-act{display:flex;gap:var(--s3);flex-wrap:wrap;margin:var(--s5) 0 var(--s2)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}