:root{--fuente-texto:"Inter", system-ui, sans-serif;--texto-panel-titulo:1rem;--texto-panel-subtitulo:.7rem;--texto-seccion:.8rem;--texto-tarjeta-titulo:.8rem;--texto-secundario:.7rem;--color-fondo:#fbfdff;--color-superficie:#fbfdff;--color-superficie-panel:#fbfdff40;--color-texto:#2d2e2f;--color-texto-suave:#64748b;--color-borde:#e0e0e0;--color-borde-panel:#c4d3e880;--accent-dark:#424d5a57;--accent-light:var(--color-fondo);--color-pista-toggle:#cbd5e1;--color-toggle-activo:#94a3b8;--color-error:#9d2b2b;--sombra-panel:0 .5rem 1.5rem #21354714;--sombra-indicador-activo:0 .35rem 1rem #2135471a;--sombra-popup:0 .5rem 1.5rem #2135471f;--sombra-control:0 1px 2px #0f172a26}html,body{width:100%;height:100%;margin:0}body{background:var(--color-fondo);color:var(--color-texto);font-family:var(--fuente-texto)}:where(.panel-indicadores,.panel-detalle,.tablero){box-sizing:border-box;border:1px solid var(--color-borde-panel);background:var(--color-superficie-panel);max-height:100%;box-shadow:var(--sombra-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;overflow:auto}:where(.panel-indicadores,.panel-detalle) .lista{flex-direction:column;gap:1.2rem;margin-top:1rem;display:flex}:where(.panel-indicadores,.panel-detalle,.tablero) .panel-encabezado{flex-direction:column;gap:.2rem;margin:0 0 .5rem;display:flex}:where(.panel-indicadores,.panel-detalle,.tablero) .panel-titulo{font-family:var(--fuente-texto);font-size:var(--texto-panel-titulo);color:var(--color-texto);margin:0;font-weight:600;line-height:1}:where(.panel-indicadores,.panel-detalle,.tablero) .panel-subtitulo{font-family:var(--fuente-texto);font-size:var(--texto-panel-subtitulo);color:var(--color-texto-suave);margin:0;font-weight:500;line-height:1.2}:where(.panel-indicadores,.panel-detalle,.tablero) .seccion-titulo{font-family:var(--fuente-texto);font-size:var(--texto-seccion);color:var(--color-texto-suave);margin:0 0 .6rem;font-weight:600;line-height:1}:where(.panel-indicadores,.panel-detalle) .grupo-encabezado{justify-content:space-between;align-items:center;display:flex}:where(.panel-indicadores,.panel-detalle) .grupo-nombre{font-family:var(--fuente-texto);font-size:var(--texto-seccion);color:var(--color-texto);margin:0;font-weight:500;line-height:1}:where(.panel-indicadores,.panel-detalle) .grupo-contenido{flex-direction:column;gap:.5rem;padding:1.2rem 0 0;display:flex}:where(.panel-indicadores,.panel-detalle) .indicador,.tarjeta-interactiva{border:1px solid var(--accent-dark);text-align:left;cursor:pointer;background:var(--accent-light);width:100%;box-shadow:var(--sombra-indicador-activo);padding:.6rem}:where(.panel-indicadores,.panel-detalle) .indicador.inactivo,.tarjeta-interactiva.inactivo{opacity:.7;background:var(--color-superficie);border:1px solid var(--color-borde);box-shadow:none}@media (hover:hover) and (pointer:fine){:where(.panel-indicadores,.panel-detalle) .indicador.inactivo:hover,.tarjeta-interactiva.inactivo:hover{opacity:1;border:1px solid var(--color-borde)}}:where(.panel-indicadores,.panel-detalle) .indicador-textos{flex-direction:column;gap:.35rem;min-width:0;display:flex}:where(.panel-indicadores,.panel-detalle) .indicador-encabezado{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}:where(.panel-indicadores,.panel-detalle) .indicador-nombre{font-family:var(--fuente-texto);font-size:var(--texto-tarjeta-titulo);color:var(--color-texto);margin:0;font-weight:500;line-height:1.2}:where(.panel-indicadores,.panel-detalle) .indicador-descripcion{font-family:var(--fuente-texto);font-size:var(--texto-secundario);color:var(--color-texto-suave);margin:0;line-height:1.35}.texto-secundario{color:var(--color-texto-suave);font-family:var(--fuente-texto);font-size:var(--texto-secundario);line-height:1.35}.valor-destacado{font-family:var(--fuente-texto);font-size:var(--texto-tarjeta-titulo);font-variant-numeric:tabular-nums;font-weight:600}.porcentaje-total{text-align:right;white-space:nowrap;flex-direction:column;gap:.2rem;margin:0;display:flex}.porcentaje-valor{color:var(--color-texto);font-family:var(--fuente-texto);font-size:var(--texto-tarjeta-titulo);font-weight:600}.porcentaje-descripcion{color:var(--color-texto-suave);font-family:var(--fuente-texto);font-size:var(--texto-secundario);font-weight:500;line-height:1.2}.toggle-mini{width:max-content;color:var(--color-texto-suave);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;display:flex}.toggle-mini-pista{border:1px solid var(--color-pista-toggle);background:var(--color-superficie);width:1.35rem;height:.72rem;box-shadow:inset 0 0 0 2px var(--color-superficie);border-radius:1rem}.toggle-mini-pista:before{content:"";background:var(--color-pista-toggle);border-radius:1rem;width:.48rem;height:.48rem;margin:.12rem;transition:transform .12s,background .12s;display:block}.toggle-mini-pista.encendido{border-color:var(--color-toggle-activo)}.toggle-mini-pista.encendido:before{background:var(--color-toggle-activo);transform:translate(.62rem)}@media (width<=1000px){:where(.panel-indicadores,.panel-detalle){max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;border-left:0;border-right:0;padding:.55rem 1rem;overflow:auto hidden}:where(.panel-indicadores,.panel-detalle) .lista{flex-direction:row;gap:.55rem;width:max-content;margin-top:0}:where(.panel-indicadores,.panel-detalle) .panel-encabezado{display:none}:where(.panel-indicadores,.panel-detalle) .grupo{flex:none;display:flex}:where(.panel-indicadores,.panel-detalle) .grupo-encabezado{display:none}:where(.panel-indicadores,.panel-detalle) .grupo-contenido{flex-direction:row;gap:.55rem;padding:0}:where(.panel-indicadores,.panel-detalle) .indicador{flex:none;width:min(16.5rem,100vw - 2rem);min-width:min(16.5rem,100vw - 2rem);padding:.45rem}:where(.panel-indicadores,.panel-detalle) .indicador.inactivo{opacity:.8}:where(.panel-indicadores,.panel-detalle) .indicador-textos{gap:.2rem}:where(.panel-indicadores,.panel-detalle) .indicador-encabezado{gap:.5rem}:where(.panel-indicadores,.panel-detalle) .indicador-nombre{font-size:.86rem;line-height:1.15}:where(.panel-indicadores,.panel-detalle) .indicador-descripcion{font-size:.62rem;line-height:1.2}}