:root{
  --papel:#F5F6F6; --carta:#FFFFFF; --tinte:#FAFBFB;
  --grafito:#16211F; --gris-2:#576664; --gris-3:#8A9997; --gris-4:#AEBAB8;
  --linea:#E4E8E7; --linea-2:#D2D8D7;
  --senal:#0D7377; --senal-10:#E6F0F0; --senal-25:#A9CBCC;
  --ambar:#A2701A; --ambar-10:#F7F0E2;
  --sello:#B03A2E; --sello-10:#F8EBE9; --sello-25:#E3B9B3;
  --sans:"IBM Plex Sans",-apple-system,system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --r:6px;
  --sombra:0 0 0 1px rgba(22,33,31,.055), 0 1px 2px -1px rgba(22,33,31,.06), 0 2px 5px rgba(22,33,31,.035);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--papel);color:var(--grafito);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.ms{font-family:"Material Symbols Outlined";font-size:18px;line-height:1;flex:none;font-variation-settings:'wght' 300}
.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}

.rail{padding:22px 0;display:flex;flex-direction:column;gap:26px;border-right:1px solid var(--linea)}
.marca{padding:0 20px;display:flex;align-items:center;gap:9px}
.marca .ms{font-size:20px;color:var(--senal)}
.marca b{font-size:14px;font-weight:600;letter-spacing:-.2px}
.cliente{margin:0 12px;padding:11px 13px;background:var(--carta);border-radius:var(--r);box-shadow:var(--sombra);cursor:pointer}
.cliente .l{font-family:var(--mono);font-size:10px;letter-spacing:.9px;color:var(--gris-3);text-transform:uppercase}
.cliente .v{display:flex;align-items:center;gap:8px;margin-top:3px;font-weight:500;font-size:13.5px}
.cliente .ms{font-size:16px;color:var(--gris-4);margin-left:auto}
nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}
nav button{all:unset;display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r);color:var(--gris-2);cursor:pointer;transition:background .13s,color .13s}
nav button .ms{font-size:19px;color:var(--gris-3)}
nav button:hover{background:var(--tinte);color:var(--grafito)}
nav button:hover .ms{color:var(--gris-2)}
nav button[aria-current="true"]{background:var(--senal-10);color:var(--senal);font-weight:500}
nav button[aria-current="true"] .ms{color:var(--senal)}
nav button:focus-visible{outline:2px solid var(--senal);outline-offset:-2px}
nav .n{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--gris-3);font-variant-numeric:tabular-nums}
nav button[aria-current="true"] .n{color:var(--senal)}
.pie{margin-top:auto;padding:0 20px}
.pie-c{border-top:1px solid var(--linea);padding-top:14px;display:flex;flex-direction:column;gap:8px;font-size:12px}
.pie-c div{display:flex;align-items:center;gap:7px;color:var(--gris-3)}
.pie-c .ms{font-size:15px}
.pie-c b{margin-left:auto;font-family:var(--mono);font-weight:400;color:var(--gris-2);font-variant-numeric:tabular-nums}

.barra{padding:22px 40px 0;display:flex;align-items:baseline;gap:14px}
.barra h1{font-size:21px;font-weight:600;letter-spacing:-.4px}
.barra p{font-size:13px;color:var(--gris-3)}
main{padding:24px 40px 56px;display:flex;flex-direction:column;gap:34px;max-width:1080px}
.vista[hidden]{display:none}
.carta{background:var(--carta);border-radius:9px;box-shadow:var(--sombra)}
.ch{padding:16px 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--linea)}
.ch h2{font-size:14px;font-weight:600}
.ch .ms{font-size:18px;color:var(--gris-3)}
.ch .d{margin-left:auto;font-size:12px;color:var(--gris-3);font-family:var(--mono)}
.cb{padding:22px}
.pie-nota{font-size:12.5px;color:var(--gris-3);line-height:1.7;max-width:74ch}

.destacado{display:grid;grid-template-columns:1.15fr 1fr;gap:0}
.hero{padding:28px 30px;border-right:1px solid var(--linea)}
.hero .et{font-family:var(--mono);font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--gris-3);display:flex;align-items:center;gap:8px}
.hero .num{font-family:var(--mono);font-size:58px;font-weight:500;letter-spacing:-3px;line-height:1;margin:14px 0 4px;font-variant-numeric:tabular-nums}
.hero .num small{font-size:26px;letter-spacing:-1px;color:var(--gris-3)}
.hero .glosa{font-size:14px;color:var(--gris-2);max-width:34ch}
.banda{margin-top:22px}
.banda .esc{height:26px;position:relative}
.banda .riel{position:absolute;top:11px;left:0;right:0;height:2px;background:var(--linea-2);border-radius:1px}
.banda .env{position:absolute;top:9px;height:6px;border-radius:3px;background:var(--senal-25);opacity:.5}
.banda .lec{position:absolute;top:6px;width:2px;height:12px;background:var(--senal-25);border-radius:1px}
.banda .med{position:absolute;top:2px;width:2px;height:20px;background:var(--senal);border-radius:1px}
.banda .med::after{content:"";position:absolute;left:-3px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--senal)}
.banda .pies{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--gris-3);font-variant-numeric:tabular-nums;margin-top:2px}
.banda.a .env,.banda.a .lec{background:#E0CBA0} .banda.a .med,.banda.a .med::after{background:var(--ambar)}
.banda.s .env,.banda.s .lec{background:var(--sello-25)} .banda.s .med,.banda.s .med::after{background:var(--sello)}

.secundarios{display:flex;flex-direction:column}
.sec{padding:17px 24px;border-bottom:1px solid var(--linea);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}
.sec:last-child{border-bottom:none}
.sec .n{font-size:12.5px;color:var(--gris-2);display:flex;align-items:center;gap:8px}
.sec .v{font-family:var(--mono);font-size:19px;font-weight:500;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
.sec .v small{font-size:12px;color:var(--gris-3)}
.sec .rango{grid-column:1/-1;margin-top:-4px}
.mini{height:9px;position:relative}
.mini .riel{position:absolute;top:4px;left:0;right:0;height:1px;background:var(--linea-2)}
.mini .env{position:absolute;top:3px;height:3px;border-radius:2px;background:var(--senal-25);opacity:.55}
.mini .med{position:absolute;top:0;width:2px;height:9px;background:var(--senal);border-radius:1px}
.mini.a .env{background:#E0CBA0} .mini.a .med{background:var(--ambar)}
.mini .txt{position:absolute;right:0;top:-1px;font-family:var(--mono);font-size:10.5px;color:var(--gris-4)}
.marca-c{font-family:var(--mono);font-size:10.5px;letter-spacing:.4px;padding:2px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:5px}
.marca-c.f{background:var(--senal-10);color:var(--senal)}
.marca-c.m{background:var(--ambar-10);color:var(--ambar)}
.marca-c.p{background:var(--sello-10);color:var(--sello)}

.rev{display:grid;grid-template-columns:1fr 320px}
.trz{padding:28px 32px;border-right:1px solid var(--linea)}
.orig{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;color:var(--gris-3);margin-bottom:20px;flex-wrap:wrap}
.orig .sep{width:3px;height:3px;border-radius:50%;background:var(--gris-4)}
.orig .ok{color:var(--senal);display:flex;align-items:center;gap:5px}
.orig .ok .ms{font-size:15px}
.texto{font-size:15px;line-height:1.85;color:var(--grafito);max-width:60ch}
.texto mark{background:transparent;font-weight:500;box-shadow:inset 0 -6px 0 var(--senal-10)}
.texto mark.propia{color:var(--senal);box-shadow:inset 0 -6px 0 var(--senal-10)}
.texto .sosp{background:var(--sello-10);color:var(--sello);border-radius:3px;padding:1px 4px;font-weight:500}
.panel{padding:26px 24px;display:flex;flex-direction:column;gap:24px}
.pt{font-family:var(--mono);font-size:10.5px;letter-spacing:1.1px;text-transform:uppercase;color:var(--gris-3);margin-bottom:10px}
.lista{display:flex;flex-direction:column;gap:9px}
.li{display:flex;align-items:center;gap:10px;font-size:13.5px}
.li .o{font-family:var(--mono);font-size:11px;color:var(--gris-4);width:12px}
.li .t{margin-left:auto;font-size:11.5px;color:var(--gris-3)}
.li.propia .nm{color:var(--senal);font-weight:500}
.aviso{border-radius:var(--r);background:var(--sello-10);padding:15px 16px}
.aviso .h{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:1.1px;text-transform:uppercase;color:var(--sello);margin-bottom:11px}
.aviso .h .ms{font-size:16px}
.cmp{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;font-size:13px}
.cmp dt{font-family:var(--mono);font-size:10.5px;color:var(--sello);opacity:.75;padding-top:2px}
.cmp dd{color:var(--grafito)}
.cmp dd.mal{color:var(--sello);text-decoration:line-through;text-decoration-thickness:1px}
.acc{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.b{all:unset;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:var(--r);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .13s,box-shadow .13s,transform .1s;box-shadow:inset 0 0 0 1px var(--linea-2)}
.b .ms{font-size:18px}
.b:hover{background:var(--tinte)}
.b:active{transform:scale(.985)}
.b:focus-visible{outline:2px solid var(--senal);outline-offset:2px}
.b.pri{background:var(--senal);color:#fff;box-shadow:none}
.b.pri:hover{background:#0A5F63}
.b kbd{font-family:var(--mono);font-size:10.5px;opacity:.65;margin-left:auto}
.avance{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11px;color:var(--gris-3);font-variant-numeric:tabular-nums}
.avance .pr{flex:1;height:3px;background:var(--linea);border-radius:2px;overflow:hidden}
.avance .pr i{display:block;height:100%;width:32%;background:var(--senal);border-radius:2px}

.cad{display:flex;flex-direction:column}
.cp{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:16px;padding:15px 0;position:relative}
.cp+.cp{border-top:1px solid var(--linea)}
.cp::before{content:"";position:absolute;left:13.5px;top:0;bottom:0;width:1px;background:var(--linea-2)}
.cp:first-child::before{top:50%} .cp:last-child::before{bottom:50%}
.cp .pt-n{width:28px;height:28px;border-radius:50%;background:var(--carta);box-shadow:inset 0 0 0 1px var(--linea-2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11.5px;color:var(--gris-3);position:relative;z-index:1}
.cp.rota .pt-n{background:var(--sello);box-shadow:none;color:#fff}
.cp.ok .pt-n{background:var(--senal-10);box-shadow:inset 0 0 0 1px var(--senal-25);color:var(--senal)}
.cp .nm{font-weight:500;font-size:14px}
.cp .ds{font-size:12.5px;color:var(--gris-3);margin-top:1px}
.cp.rota .ds{color:var(--gris-2)}
.hall{margin:6px 0 0 44px;padding:18px 20px;background:var(--sello-10);border-radius:var(--r)}
.hall p{font-size:13.5px;line-height:1.75;color:var(--grafito);max-width:64ch}
.hall p b{color:var(--sello)}
.hall .brecha{margin-top:14px;padding-top:13px;border-top:1px solid var(--sello-25)}
.hall .brecha .t{font-family:var(--mono);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--sello);opacity:.8;margin-bottom:8px}
.hall .brecha ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.hall .brecha li{font-family:var(--mono);font-size:11.5px;background:var(--carta);padding:4px 9px;border-radius:4px;color:var(--gris-2)}
.hall .brecha li b{color:var(--grafito);font-weight:500}

.cx{display:flex;flex-direction:column}
.cxr{display:grid;grid-template-columns:1fr 190px 132px auto;align-items:center;gap:18px;padding:15px 22px}
.cxr+.cxr{border-top:1px solid var(--linea)}
.cxr .p{display:flex;align-items:center;gap:11px}
.cxr .p .ms{font-size:19px;color:var(--gris-3)}
.cxr .p b{font-weight:500;font-size:13.5px;display:block}
.cxr .p em{font-style:normal;font-size:12px;color:var(--gris-3)}
.campo{font-family:var(--mono);font-size:12px;color:var(--gris-2);background:var(--tinte);box-shadow:inset 0 0 0 1px var(--linea);border-radius:5px;padding:7px 10px;letter-spacing:.3px}
.campo.vacio{color:var(--gris-4)}
.bs{all:unset;font-size:12.5px;color:var(--gris-2);box-shadow:inset 0 0 0 1px var(--linea-2);border-radius:5px;padding:6px 13px;cursor:pointer;transition:background .13s}
.bs:hover{background:var(--tinte);color:var(--grafito)}
.bs:focus-visible{outline:2px solid var(--senal);outline-offset:1px}

.conexion-cargada{overflow:hidden}
.conexion-detalle>summary{
  list-style:none;display:flex;align-items:center;gap:11px;min-height:58px;
  padding:14px 22px;cursor:pointer;user-select:none;
  transition:background .13s,box-shadow .13s
}
.conexion-detalle>summary::-webkit-details-marker{display:none}
.conexion-detalle>summary:hover{background:var(--tinte)}
.conexion-detalle>summary:focus-visible{outline:2px solid var(--senal);outline-offset:-2px}
.conexion-detalle>summary>.ms:first-child{font-size:19px;color:var(--gris-3)}
.conexion-titulo{display:flex;flex-direction:column;gap:2px;min-width:0}
.conexion-titulo b{font-size:13.5px;font-weight:600}
.conexion-titulo em{color:var(--gris-3);font-size:11.5px;font-style:normal}
.conexion-detalle .acc-ch{margin-left:auto}
.conexion-accion{color:var(--gris-3);font-family:var(--mono);font-size:10.5px;
  letter-spacing:.35px;text-transform:uppercase;white-space:nowrap}
.conexion-caret{color:var(--gris-3);font-size:20px;transition:transform .15s}
.conexion-detalle[open] .conexion-caret{transform:rotate(180deg)}
.conexion-cambio{border-top:1px solid var(--linea);display:flex;
  flex-direction:column;gap:14px}
.conexion-cambio-texto{margin:0;color:var(--gris-2);font-size:13px;line-height:1.55}
.conexion-cambio .nota{margin:0}
.conexion-cambio .forma{gap:14px}

@media (max-width:720px){
  .conexion-detalle>summary{padding:14px 16px}
  .conexion-detalle .acc-ch{margin-left:auto}
  .conexion-accion{display:none}
}

.logo{width:17px;height:17px;flex:none;color:var(--gris-2)}
.logo.g{width:15px;height:15px}
.mod{display:inline-flex;align-items:center;gap:7px;font-size:13px}
.mod b{font-weight:500}

.grafica{padding:26px 30px 20px}
.gk{display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:11px;color:var(--gris-3);margin-top:14px;flex-wrap:wrap}
.gk span{display:inline-flex;align-items:center;gap:6px}
.gk i{display:block;border-radius:2px}
.gk .l1{width:14px;height:2px;background:var(--senal)}
.gk .l2{width:14px;height:7px;background:var(--senal-25);opacity:.55}
.gk .l3{width:3px;height:9px;background:var(--senal-25)}

.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--linea)}
.mcard{background:var(--carta);padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.mcard .top{display:flex;align-items:center;gap:9px}
.mcard .top .logo{width:19px;height:19px}
.mcard .top b{font-weight:500;font-size:13.5px}
.mcard .cifra{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:-1.6px;line-height:1;font-variant-numeric:tabular-nums}
.mcard .cifra small{font-size:16px;color:var(--gris-3);letter-spacing:0}
.mcard.bajo .cifra{color:var(--sello)}
.aro{position:relative;width:100%;height:5px;border-radius:3px;background:var(--linea);overflow:hidden}
.aro i{display:block;height:100%;border-radius:3px;background:var(--senal)}
.mcard.bajo .aro i{background:var(--sello)}
.mcard .nota{font-size:12px;color:var(--gris-3);line-height:1.55}

.reparto{display:flex;height:34px;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--linea)}
.reparto div{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;color:#fff}
.reparto .r1{background:#8A9997} .reparto .r2{background:var(--senal)}
.reparto .r3{background:#B9C4C2;color:var(--grafito)} .reparto .r4{background:var(--linea-2);color:var(--gris-2)}
.rleg{display:flex;gap:22px;margin-top:14px;flex-wrap:wrap}
.rleg div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--gris-2)}
.rleg i{width:9px;height:9px;border-radius:2px;flex:none}
.rleg b{font-family:var(--mono);font-weight:400;color:var(--grafito);font-variant-numeric:tabular-nums}
.rleg .propia{color:var(--senal);font-weight:500}

.pos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;height:104px}
.pcol{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}
.pbar{width:100%;border-radius:4px 4px 0 0;background:var(--linea-2)}
.pcol.max .pbar{background:var(--senal)}
.pcol .pv{font-family:var(--mono);font-size:12px;color:var(--gris-2);font-variant-numeric:tabular-nums}
.pcol.max .pv{color:var(--senal);font-weight:500}
.pcol .pl{font-size:11.5px;color:var(--gris-3);display:flex;align-items:center;gap:4px}
.pcol .pl .ms{font-size:14px}

.nivel{display:flex;align-items:baseline;gap:12px;margin-bottom:-16px}
.nivel h3{font-size:12px;font-weight:600;letter-spacing:.3px}
.nivel .rot{font-family:var(--mono);font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--gris-4);padding:2px 7px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--linea-2)}
.nivel p{font-size:12.5px;color:var(--gris-3);margin-left:auto}

.titulares{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea)}
.tit{background:var(--carta);padding:20px 20px 18px;display:flex;flex-direction:column;gap:11px}
.tit .preg{font-size:11.5px;color:var(--gris-3);display:flex;align-items:center;gap:6px}
.tit .preg .ms{font-size:16px}
.tit .nom{font-size:12.5px;font-weight:500;color:var(--gris-2)}
.tit .cif{font-family:var(--mono);font-size:36px;font-weight:500;letter-spacing:-1.8px;line-height:1;font-variant-numeric:tabular-nums}
.tit .cif small{font-size:17px;color:var(--gris-3);letter-spacing:0}
.tit.riesgo .cif{color:var(--sello)}
.tit .frase{font-size:12px;color:var(--gris-3);line-height:1.5}

.expl{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linea)}
.ex{background:var(--carta);padding:14px 20px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px}
.ex .ms{font-size:17px;color:var(--gris-3)}
.ex .n{font-size:13px}
.ex .n em{font-style:normal;display:block;font-size:11.5px;color:var(--gris-4);margin-top:1px}
.ex .v{font-family:var(--mono);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.ex .v small{font-size:11px;color:var(--gris-3)}
.ex .rg{font-family:var(--mono);font-size:10.5px;color:var(--gris-4);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}

.filtros{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--linea);align-items:center}
.filtros .lb{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gris-4);margin-right:2px}
.chip{all:unset;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gris-2);padding:5px 11px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--linea-2);cursor:pointer;transition:background .13s,box-shadow .13s}
.chip:hover{background:var(--tinte)}
.chip[aria-pressed="true"]{background:var(--senal-10);color:var(--senal);box-shadow:inset 0 0 0 1px var(--senal-25)}
.chip:focus-visible{outline:2px solid var(--senal);outline-offset:1px}
.chip .logo{width:14px;height:14px}
.cat{width:100%;border-collapse:collapse;font-size:13px}
.cat thead th{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--gris-4);text-align:left;font-weight:400;padding:12px 16px;border-bottom:1px solid var(--linea)}
.cat tbody td{padding:11px 16px;border-bottom:1px solid var(--linea);vertical-align:middle}
.cat tbody tr:last-child td{border-bottom:none}
.cat tbody tr:hover{background:var(--tinte)}
.cat .gr td{background:var(--tinte);font-family:var(--mono);font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--gris-3);padding:9px 16px}
.cat .m{font-weight:500}
.cat .m em{font-style:normal;display:block;font-family:var(--mono);font-size:11px;color:var(--gris-4);margin-top:2px;text-transform:none;letter-spacing:0}
.cat .val{font-family:var(--mono);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.3px}
.cat .val small{font-size:11px;color:var(--gris-3)}
.cat .rango{font-family:var(--mono);font-size:11.5px;color:var(--gris-3);font-variant-numeric:tabular-nums;text-align:right}
.cat .den{font-family:var(--mono);font-size:11px;color:var(--gris-4)}
.cat .spark{width:74px}
.tag-n{font-family:var(--mono);font-size:9.5px;letter-spacing:.8px;padding:2px 6px;border-radius:3px;color:var(--gris-3);box-shadow:inset 0 0 0 1px var(--linea-2)}
.tag-n.t1{color:var(--senal);box-shadow:inset 0 0 0 1px var(--senal-25);background:var(--senal-10)}

@media (max-width:1100px){.titulares{grid-template-columns:repeat(2,1fr)}}
@media (max-width:940px){.app{grid-template-columns:1fr}.rail{display:none}.rev,.destacado{grid-template-columns:1fr}.hero,.trz{border-right:none;border-bottom:1px solid var(--linea)}.barra,main{padding-left:22px;padding-right:22px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}