@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/estaticos/inter-400.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/estaticos/inter-600.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/estaticos/inter-700.woff2) format('woff2')}
:root{--navy:#0B2239;--lila:#744E9A;--lila-osc:#5b3d78;--lila-f:#f1ebf7;--azul:#176a9c;--amarillo:#8a5600;--gris:#5F6368;--fondo:#F4F2F7;--sup:#ffffff;--tinta:#0B2239;--ok:#1E7B3A;--ok-f:#E7F5EC;--ko:#B3261E;--ko-f:#FBECEA;--borde:#d3cfdb;--sombra:0 1px 2px rgba(11,34,57,.06),0 6px 20px rgba(11,34,57,.06);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--lila:#b79ad6;--lila-osc:#cdb5e6;--lila-f:#2a2140;--azul:#6cc0ef;--amarillo:#f2b84b;--gris:#b4bfcc;--fondo:#0d1621;--sup:#152231;--tinta:#eef2f6;--ok:#79d39a;--ok-f:#13301f;--ko:#f59a92;--ko-f:#3a1a18;--borde:#2f3f53;--sombra:none;color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:100%;line-height:1.5;color:var(--tinta);background:var(--fondo)}
body{margin:0;background:var(--fondo)}
a{color:var(--lila-osc)}
a:hover{color:var(--tinta)}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.saltar{position:absolute;left:-10000px;top:8px;background:#fff;color:#0B2239;padding:8px 16px;z-index:10;font-weight:600;border-radius:6px}
.saltar:focus{left:8px}
.cabecera{background:#0B2239;color:#fff}
.cabecera-in,.main-solo,.sin-menu .pie p{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.cabecera-in{display:flex;align-items:center;gap:16px;min-height:64px}
.marca{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700;font-size:1.05rem}
.marca span{padding-left:12px;border-left:1px solid rgba(255,255,255,.35)}
.marca:hover{color:#fff}
.marca:hover span{text-decoration:underline}
.marca:focus-visible{outline-color:#fff}
/* Estructura con menú lateral */
.app{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}
.lateral{background:#0B2239;color:#dfe5ee;display:flex;flex-direction:column;gap:6px;padding:0 14px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}
.lateral :focus-visible{outline-color:#fff}
.lateral-marca{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:0 6px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}
.lateral-titulo{margin:14px 10px 6px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fb0c4}
.menu{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#dfe5ee;text-decoration:none;font-weight:500;min-height:44px}
.menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.menu a[aria-current]{background:#744E9A;color:#fff;font-weight:600;box-shadow:0 4px 14px rgba(116,78,154,.35)}
.menu .texto{flex:1}
.menu .insignia{background:#F7A41B;color:#0B2239}
.menu a[aria-current] .insignia{background:#fff;color:#5b3d78}
.icono{width:20px;height:20px;flex:none}
.sitio-tarjeta{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}
.sitio-datos{display:grid;gap:2px;min-width:0}
.sitio-datos strong{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitio-datos>span:not(.etiqueta){font-size:.82rem;color:#b8c4d3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitio-datos .etiqueta{justify-self:start;margin-top:2px}
.cambiar{color:#dfe5ee;display:grid;place-items:center;width:36px;height:36px;border-radius:8px}
.cambiar:hover{background:rgba(255,255,255,.1);color:#fff}
.logo-sitio{width:44px;height:44px;border-radius:12px;background:#fff;object-fit:contain;padding:4px;flex:none}
.logo-sitio.grande{width:56px;height:56px;border-radius:14px}
.avatar{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:.95rem;color:#fff;background:hsl(var(--h,270) 50% 30%);flex:none;letter-spacing:.02em}
.avatar.pequeno{width:36px;height:36px;font-size:.85rem}
.lateral-pie{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:6px}
.persona{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:#fff;text-decoration:none}
.persona:hover,.persona[aria-current]{background:rgba(255,255,255,.08);color:#fff}
.persona-datos{display:grid;min-width:0}
.persona-datos strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.persona-datos span{font-size:.8rem;color:#b8c4d3}
.lateral-pie form{margin:0}
.boton-salir{font:inherit;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:10px;border:0;background:transparent;color:#dfe5ee;cursor:pointer;min-height:44px;font-weight:500}
.boton-salir:hover{background:rgba(255,255,255,.08);color:#fff}
.boton-icono{font:inherit;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--borde);background:var(--sup);color:var(--tinta);cursor:pointer}
.lateral .boton-icono{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}
.area{display:flex;flex-direction:column;min-width:0}
.barra{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;min-height:64px;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 24px;background:color-mix(in srgb,var(--sup) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}
.barra nav{flex:1;min-width:0}
.migas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:.95rem;color:var(--gris)}
.migas li+li::before{content:"/";margin-right:8px;color:var(--borde)}
.migas a{color:var(--gris);text-decoration:none}
.migas a:hover{color:var(--tinta);text-decoration:underline}
.migas [aria-current]{color:var(--tinta);font-weight:600}
.barra-persona{border-radius:50%;text-decoration:none}
.area main,.area .pie p,.pestanas-in{width:100%;max-width:1280px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.area .pie{margin-top:auto}
.pestanas{border-bottom:1px solid var(--borde);background:var(--sup)}
.pestanas-in{list-style:none;padding-top:10px;padding-bottom:10px;display:flex;flex-wrap:wrap;gap:8px}
.pestanas a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;text-decoration:none;color:var(--tinta);font-weight:500;border:1px solid var(--borde);background:var(--sup);min-height:36px}
.pestanas a:hover{border-color:var(--lila)}
.pestanas a[aria-current=page]{background:#744E9A;border-color:#744E9A;color:#fff;font-weight:600}
.pestanas a[aria-current=page] .insignia{background:#fff;color:#5b3d78}
.solo-movil{display:none}
.velo{position:fixed;inset:0;background:rgba(11,34,57,.55);z-index:19}
@media (max-width:960px){
  .app{grid-template-columns:minmax(0,1fr)}
  .lateral{position:static;height:auto}
  .js .lateral{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);height:100vh;z-index:20;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s}
  .js .menu-abierto .lateral{transform:none;visibility:visible}
  .js .solo-movil{display:inline-grid}
  .barra{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
  .area main,.area .pie p,.pestanas-in{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}
.insignia{background:#fff;color:#5b3d78}
.insignia{background:#744E9A;color:#fff;border-radius:999px;font-size:.75rem;font-weight:700;padding:1px 8px;min-width:22px;text-align:center}
main{padding-top:28px;padding-bottom:56px}
.sin-menu main{padding-top:40px}
main:focus{outline:none}
h1{font-size:1.85rem;margin:4px 0 16px;letter-spacing:-.01em;line-height:1.2}
h2{font-size:1.3rem;margin:36px 0 12px;line-height:1.25}
h3{font-size:1.08rem;margin:16px 0 8px}
p{max-width:75ch}
.entradilla{color:var(--gris);font-size:1.05rem;margin-top:-6px}
.secundario{color:var(--gris)}
.aviso{padding:12px 16px;border-radius:8px;margin:0 0 20px;border-left:6px solid;max-width:none}
.aviso-ok{background:var(--ok-f);border-color:var(--ok)}
.aviso-error{background:var(--ko-f);border-color:var(--ko)}
.boton{font:inherit;font-weight:600;border:2px solid #744E9A;background:#744E9A;color:#fff;border-radius:8px;padding:8px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.boton:hover{background:#5b3d78;border-color:#5b3d78;color:#fff}
.boton:disabled,.boton[disabled]{opacity:.55;cursor:not-allowed}
.boton-secundario{background:var(--sup);color:var(--lila-osc);border-color:var(--lila)}
.boton-secundario:hover{background:var(--lila-f);color:var(--tinta);border-color:var(--lila)}
.boton-peligro{background:var(--sup);color:var(--ko);border-color:var(--ko)}
.boton-peligro:hover{background:var(--ko-f);color:var(--ko);border-color:var(--ko)}
.boton-claro{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
.boton-claro:hover{background:rgba(255,255,255,.12);border-color:#fff}
.botones{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}
label{font-weight:600;display:block;margin-bottom:4px}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=date],input[type=number],select,textarea{font:inherit;color:var(--tinta);width:100%;max-width:560px;padding:8px 10px;border:2px solid var(--gris);border-radius:8px;min-height:44px;background:var(--sup)}
textarea{min-height:88px}
fieldset{border:1px solid var(--borde);border-radius:8px;padding:12px 16px;margin:12px 0}
legend{font-weight:600;padding:0 4px}
.campo{margin:14px 0}
.radio{display:flex;gap:8px;align-items:center;font-weight:400;margin:6px 0}
.ayuda{color:var(--gris);font-size:.9rem;margin:4px 0 0}
.caja{background:var(--sup);border:1px solid var(--borde);border-radius:12px;padding:20px 22px;box-shadow:var(--sombra)}
.caja>h2:first-child,.caja>h3:first-child,.caja>input[type=hidden]:first-child+h2{margin-top:0}
.rejilla-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin:20px 0}
.tabla{overflow-x:auto;margin:8px 0 16px;max-width:100%;background:var(--sup);border:1px solid var(--borde);border-radius:10px}
table{border-collapse:collapse;width:100%}
caption{text-align:left;font-weight:600;padding:12px 12px 6px}
th,td{border-top:1px solid var(--borde);padding:10px 12px;text-align:left;vertical-align:top}
thead th{background:var(--fondo);font-size:.9rem}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
table.maestro{font-size:.92rem}table.maestro td.n,table.maestro .etiqueta{white-space:nowrap}table.maestro th,table.maestro td{padding-left:8px;padding-right:8px}
tfoot th,tfoot td{font-weight:700}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin:16px 0;padding:0;list-style:none}
.tarjeta{border:1px solid var(--borde);border-radius:12px;padding:16px 18px;background:var(--sup);box-shadow:var(--sombra);display:grid;gap:4px;align-content:start}
.tarjeta .cifra{font-size:2rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.tarjeta .rotulo{color:var(--gris);font-size:.92rem}
.tarjeta.destacada{border-color:var(--lila);border-width:2px}
.estado-global{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
@media (max-width:560px){.estado-global{grid-template-columns:minmax(0,1fr)}}
.anillo{width:148px;height:148px}
.anillo-fondo{fill:none;stroke:var(--borde);stroke-width:14}
.anillo-valor{fill:none;stroke:#744E9A;stroke-width:14;stroke-linecap:round}
@media (prefers-color-scheme:dark){.anillo-valor{stroke:#b79ad6}}
.anillo-cifra{font-size:28px;font-weight:700;fill:var(--tinta)}
.anillo-texto{font-size:12px;fill:var(--gris)}
.barras-clase{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.barras-clase li{display:grid;gap:4px}
.barras-clase .linea{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}
.progreso{height:10px;border-radius:999px;background:var(--fondo);overflow:hidden;border:1px solid var(--borde)}
.progreso span{display:block;height:100%;background:var(--c,#744E9A)}
.pasos{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:paso}
.pasos li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
.pasos li::before{counter-increment:paso;content:counter(paso);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:2px solid var(--borde);color:var(--gris)}
.pasos li.hecho::before{content:"✓";background:var(--ok);border-color:var(--ok);color:#fff}
.pasos .hecho .texto{color:var(--gris)}
.actividad{list-style:none;margin:0;padding:0;display:grid;gap:0}
.actividad li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-top:1px solid var(--borde)}
.actividad li:first-child{border-top:0}
.actividad time{color:var(--gris);font-size:.88rem;white-space:nowrap}
.grafico{margin:8px 0 16px}
.grafico svg{width:100%;height:auto;display:block}
.grafico .rejilla{stroke:var(--borde);stroke-width:1}
.grafico .eje{font-size:11px;fill:var(--gris)}
.grafico .pico{fill:var(--ko)}
.grafico .pico-texto{font-size:12px;font-weight:700;fill:var(--ko)}
.grafico .linea{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.linea.s1{stroke:#744E9A}.linea.s2{stroke:#1f8fc9}.linea.s3{stroke:#c47f00}.linea.s5{stroke:#E62D2C}
@media (prefers-color-scheme:dark){.linea.s1{stroke:#b79ad6}}
.s1{fill:#744E9A;background:#744E9A}.s2{fill:#44AFE4;background:#44AFE4}.s3{fill:#F7A41B;background:#F7A41B}.s4{fill:#7d7790;background:#7d7790}.s5{fill:#E62D2C;background:#E62D2C}
.leyenda{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.9rem}
.leyenda li{display:flex;align-items:center;gap:6px}
.muestra{display:inline-block;width:12px;height:12px;border-radius:3px}
.propuesta{background:var(--sup);border:1px solid var(--borde);border-left:6px solid #744E9A;border-radius:12px;padding:18px 22px;margin:20px 0;box-shadow:var(--sombra)}
.propuesta h2,.propuesta h3{margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.chip{font-size:.82rem;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--lila-f);color:var(--tinta)}
.evidencia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media (max-width:760px){.evidencia{grid-template-columns:1fr}}
.recorte{max-width:100%;height:auto;border:1px solid var(--borde);border-radius:6px;display:block;background:#fff}
.acciones-propuesta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--borde)}
pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}
pre{background:var(--fondo);padding:8px 12px;border-radius:6px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.antes{border-left:4px solid var(--ko)}
.despues{border-left:4px solid var(--ok)}
details{margin:8px 0}
summary{cursor:pointer;font-weight:600;padding:4px 0}
.etiqueta{display:inline-block;padding:1px 10px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid}
.etiqueta-activo{background:var(--ok-f);color:var(--ok)}
.etiqueta-seguro,.etiqueta-pausado{background:var(--ko-f);color:var(--ko)}
.vacio{background:var(--sup);border:2px dashed var(--borde);border-radius:12px;padding:28px;text-align:center;color:var(--gris)}
.vacio p{margin:0 auto}
.peligro{border-color:var(--ko)}
.pie{border-top:1px solid var(--borde);color:var(--gris);font-size:.9rem;padding:16px 0 32px;background:var(--sup)}
.acceso{max-width:480px;margin:48px auto;padding:32px 32px 24px}
.acceso h1{margin-top:0}
.acceso input[type=email],.acceso input[type=password],.acceso input[type=text]{max-width:none;font-size:1.1rem;min-height:52px}
.boton-ancho{width:100%;justify-content:center;min-height:52px;font-size:1.05rem}
.ver-clave{margin:4px 0 8px}.ver-clave input{width:20px;height:20px;accent-color:#744E9A}
.sin-menu{background:radial-gradient(circle at 15% 0%,rgba(116,78,154,.18),transparent 45%),var(--fondo)}
.acceso-ancho{max-width:560px}
.trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.asistente{max-width:880px;margin:0 auto}
.progreso-asistente{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:p}
.progreso-asistente li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--sup);border:1px solid var(--borde);font-weight:500;font-size:.95rem}
.progreso-asistente .num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:2px solid var(--borde);color:var(--gris)}
.progreso-asistente .actual{border:2px solid var(--lila);font-weight:700}
.progreso-asistente .actual .num{background:#744E9A;border-color:#744E9A;color:#fff}
.progreso-asistente .hecho .num{background:var(--ok);border-color:var(--ok);color:#fff}
@media (max-width:760px){.progreso-asistente{grid-template-columns:minmax(0,1fr)}}
.dns td,.dns th{font-size:.95rem}
.copiable{word-break:break-all;background:var(--fondo);padding:2px 6px;border-radius:4px}
.saltar-asistente{margin-top:28px}
.aviso-info{background:var(--lila-f);border-color:var(--lila)}
.atencion{border-color:#8a5600;border-left:6px solid #8a5600;margin-bottom:20px}
.atencion ul{margin:0;padding-left:20px;display:grid;gap:6px}
.filtros{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:end;margin:12px 0 16px;padding:14px 18px}
.filtros>div{min-width:min(100%,180px);flex:1 1 180px}
.filtros .botones{margin:0;flex:2 1 260px}
.paginacion{display:flex;gap:12px;margin-top:16px}
.comparador{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:12px 0 8px}
.comparador figure{margin:0;background:var(--sup);border:1px solid var(--borde);border-radius:10px;padding:10px}
.comparador figcaption{font-weight:600;margin-top:8px}
.captura{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--borde);background:#fff}
.consumo{display:grid;gap:6px;margin:4px 0}
.consumo .linea{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px}
.org .chips{margin-bottom:12px}
.declaracion{border:1px solid var(--borde);border-radius:10px;padding:8px 20px;background:var(--fondo)}
.declaracion .dt{font-size:1.3rem}
.declaracion h4{font-size:1.08rem;margin:18px 0 6px}
.declaracion h5{font-size:1rem;margin:12px 0 4px}
.rejilla-limites{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:0 16px}
.error-trabajo{border-left-color:var(--ko)}
.cifra-grande{font-size:1.6rem;font-weight:700;margin:0 0 6px}
.tarjeta.destacada-suave{border-color:var(--lila)}
.estado{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid var(--borde);background:var(--fondo)}
.estado-barreras,.estado-no_cumple{background:var(--ko-f);color:var(--ko);border-color:var(--ko)}
.estado-pag-eliminada,.estado-pag-error{background:var(--ko-f);color:var(--ko);border-color:var(--ko)}
.estado-pag-activa{background:var(--ok-f);color:var(--ok);border-color:var(--ok)}
.estado-corregido,.estado-cumple,.estado-sin_detectar{background:var(--ok-f);color:var(--ok);border-color:var(--ok)}
.jurisdicciones{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.jur{background:var(--sup);border:1px solid var(--borde);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column}
.jur.marcada{border:2px solid var(--lila)}
.jur h4{margin:0 0 4px;font-size:1.05rem;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.jur .secundario{margin:0 0 6px;font-size:.88rem}
.normas-lista{margin:0 0 6px;padding-left:18px;font-size:.92rem;flex:1}
.jur .botones{margin-top:auto}
.jur .boton{min-height:40px;padding:6px 12px}
.region{margin:8px 0;background:var(--sup);border:1px solid var(--borde);border-radius:12px;padding:4px 16px}
.region>summary{font-size:1.05rem;padding:10px 0}
.region[open]>summary{margin-bottom:8px}
.rejilla-paises{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:2px 16px}
.rangos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.rango{padding:8px 14px;border:2px solid var(--borde);border-radius:999px;text-decoration:none;color:var(--tinta);font-weight:600;background:var(--sup)}
.rango:hover{border-color:var(--lila)}
.rango[aria-current=page]{background:var(--lila);border-color:var(--lila);color:#fff}
@media (prefers-color-scheme:dark){.rango[aria-current=page]{background:#744E9A;border-color:#b79ad6}}
.vivo-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}
.vivo-cabeza h2{margin:0}
.vivo-controles{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ahora{display:flex;align-items:center;gap:10px;font-size:1.05rem;margin:12px 0 0}
.punto-vivo{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-f)}
@media (prefers-reduced-motion:no-preference){.punto-vivo{animation:latido 2s ease-in-out infinite}@keyframes latido{50%{box-shadow:0 0 0 8px var(--ok-f)}}}
.tarjeta.alerta{border-color:var(--ko);border-width:2px}
.mejoras .mejora{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:start;padding:16px 0;border-top:1px solid var(--borde)}
.mejoras .mejora:first-of-type{border-top:0}
.mejora h3{margin:0 0 4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mejora p{margin:4px 0}
.impacto{color:var(--ok);font-weight:600}
.conmutador{display:flex;align-items:center;gap:8px;font-weight:600;padding:8px 12px;border:2px solid var(--borde);border-radius:8px;min-height:44px;cursor:pointer}
.conmutador input{width:22px;height:22px;accent-color:#744E9A}
@media (max-width:560px){.mejoras .mejora{grid-template-columns:minmax(0,1fr)}}
.etiqueta-apagada{background:var(--fondo);color:var(--gris)}
.sugerencias{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sugerencia{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center;padding:14px 16px;border:1px solid var(--borde);border-left:6px solid #744E9A;border-radius:10px;background:var(--fondo)}
.sugerencia.info{border-left-color:#8a5600}
.sugerencia h3{margin:0 0 4px}.sugerencia p{margin:0}
@media (max-width:560px){.sugerencia{grid-template-columns:minmax(0,1fr)}}
.solo-impresion{display:none}
@media print{
  :root{--fondo:#fff;--sup:#fff;--tinta:#000;--gris:#333;--borde:#999;--sombra:none;color-scheme:light}
  .cabecera,.lateral,.barra,.pestanas,.velo,.pie,.saltar,.botones,.filtros,.no-imprimir,.aviso,form[method=get],details>summary{display:none!important}
  .solo-impresion{display:block}
  main{padding:0;max-width:none}
  .app{display:block}
  .caja,.tarjeta,.tabla{box-shadow:none;break-inside:avoid}
  a{color:#000;text-decoration:none}
  .grafico svg{max-height:220px}
}
.alertas{list-style:none;margin:8px 0 20px;padding:0;display:grid;gap:8px}
.alertas li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;padding:10px 14px;border-radius:10px;background:var(--sup);border:1px solid var(--borde);border-left:6px solid var(--borde)}
.alertas .alerta-alta{border-left-color:var(--ko)}.alertas .alerta-media{border-left-color:var(--amarillo)}.alertas .alerta-info{border-left-color:var(--lila)}
.etiqueta-aviso{background:var(--fondo);color:var(--amarillo)}
.tarjeta.alerta{border-color:var(--ko);border-width:2px}
td.negativo{color:var(--ko);font-weight:700}
tfoot th,tfoot td{font-weight:700;border-top:2px solid var(--borde)}
.cabeza-pagina{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;margin-bottom:8px}
.cabeza-pagina h1{margin-bottom:8px}
.cabeza-pagina .boton .icono{width:18px;height:18px}
.plan{margin:16px 0 8px}
.plan-cabeza{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.plan-cabeza h2{margin:0;font-size:1.15rem}.plan-cabeza p{margin:0}
.webs{list-style:none;margin:12px 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.web{background:var(--sup);border:1px solid var(--borde);border-radius:16px;padding:18px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s,border-color .15s}
.web:hover{border-color:var(--lila);box-shadow:0 8px 28px rgba(11,34,57,.12)}
.web-cabeza{display:flex;gap:14px;align-items:center;min-width:0}
.web .logo-sitio{border:1px solid var(--borde)}
.web-nombre{display:grid;min-width:0}
.web-nombre h3{margin:0;font-size:1.1rem;overflow-wrap:anywhere}
.web-nombre h3 a{text-decoration:none;color:var(--tinta)}
.web-nombre h3 a::after{content:"";position:absolute;inset:0;border-radius:16px}
.web{position:relative}
.web-nombre h3 a:hover{text-decoration:underline}
.web-nombre .secundario{font-size:.88rem;overflow-wrap:anywhere}
.web .chips{margin:0}
.web-cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:12px 0 0;border-top:1px solid var(--borde)}
.web-cifras div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:2px}
.web-cifras dt{font-size:.8rem;color:var(--gris)}
.web-cifras dd{margin:0;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.web-accion{position:relative;z-index:1;align-self:flex-start}
.plegable{margin-top:28px}
.plegable>summary{font-weight:600;cursor:pointer;min-height:32px}
.caja{border-radius:16px}
.tarjeta{border-radius:16px;padding:18px 20px}
.tarjeta .cifra{color:var(--tinta)}
.tarjeta.destacada{background:linear-gradient(135deg,#744E9A,#5b3d78);border-color:transparent;color:#fff}
.tarjeta.destacada .cifra,.tarjeta.destacada .rotulo{color:#fff}
h1{font-size:2rem}
.celda-web{display:flex;gap:10px;align-items:flex-start}
.logo-sitio.mini{width:32px;height:32px;border-radius:8px;border:1px solid var(--borde);padding:2px}
.avatar.mini{width:32px;height:32px;font-size:.78rem}
.con-avatar{display:flex;gap:10px;align-items:flex-start}
@media (prefers-color-scheme:dark){.lateral{background:#081726;border-right:1px solid var(--borde)}.logo-sitio{background:#fff}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}