:root{--color-text: #111827;--color-text-muted: #6b7280;--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-border: #e5e7eb;--color-accent: #1d4ed8;--color-accent-light: #eff6ff;--color-sin-dato: #9ca3af;--font: system-ui, -apple-system, sans-serif;--radius: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);font-size:15px;line-height:1.5}a{color:var(--color-accent)}button{cursor:pointer;font-family:inherit;border:1px solid var(--color-border);background:transparent;padding:5px 12px;border-radius:var(--radius);font-size:13px;color:var(--color-text)}button:hover{background:var(--color-accent-light)}button.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}button.btn-link{border:none;padding:0;color:var(--color-accent);background:none;font-size:inherit;text-decoration:underline}select,input[type=text],input[type=number]{font-family:inherit;font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius);padding:4px 7px;color:var(--color-text);background:var(--color-bg);max-width:180px}.layout{display:flex;flex-direction:column;min-height:100vh}.header{border-bottom:1px solid var(--color-border);padding:10px 20px;display:flex;align-items:center;gap:12px}.header-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.breadcrumb{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.filtros-bar{border-bottom:1px solid var(--color-border);padding:8px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--color-bg-subtle)}.filtros-group{display:flex;align-items:center;gap:4px}.filtros-label{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.filtros-avanzados{padding:8px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--color-accent-light);border-bottom:1px solid var(--color-border)}.filtros-sep{width:1px;height:20px;background:var(--color-border);margin:0 2px}.filtros-active-tag{font-size:12px;background:var(--color-accent);color:#fff;border-radius:12px;padding:1px 8px}.main{padding:20px;flex:1}.kpi-grid{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.kpi-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;min-width:160px;flex:1}.kpi-nombre{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.kpi-valor{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1}.kpi-valor.sin-dato{font-size:16px;color:var(--color-sin-dato);font-weight:400;font-style:italic}.kpi-contexto{font-size:12px;color:var(--color-text-muted);margin-top:5px}.kpi-info-btn{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;border:1px solid var(--color-border);font-size:11px;line-height:16px;text-align:center;color:var(--color-text-muted);padding:0;background:var(--color-bg);z-index:1}.kpi-info-btn:hover{background:var(--color-accent-light)}.kpi-tooltip{position:absolute;top:30px;right:8px;width:240px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:10px 12px;font-size:12px;z-index:200;box-shadow:0 2px 8px #0000001a}.tooltip-formula{font-family:monospace;color:var(--color-text-muted);margin-bottom:4px}.tooltip-fuente{color:var(--color-text-muted)}.tooltip-label{font-weight:600;margin-bottom:4px}.mapa-section{margin-bottom:28px}.section-title{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.mapa-row{display:flex;align-items:center;gap:8px;padding:3px 6px;margin-bottom:3px;border-radius:3px;cursor:pointer;transition:background .1s}.mapa-row:hover{background:var(--color-accent-light)}.mapa-label{font-size:12px;width:150px;flex-shrink:0}.mapa-bar-wrap{flex:1;background:var(--color-border);height:14px;border-radius:2px;overflow:hidden}.mapa-bar{height:100%;transition:width .3s}.mapa-val{font-size:11px;color:var(--color-text-muted);min-width:70px;text-align:right}.mapa-row.sin-region .mapa-label{color:var(--color-text-muted);font-style:italic}.n2-block{margin-bottom:28px}.n2-block-header{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.n2-block-header h3{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.n2-block-context{font-size:12px;color:var(--color-text-muted)}.n2-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:2px 0}.n2-rank{font-size:11px;color:var(--color-text-muted);width:18px;text-align:right;flex-shrink:0}.n2-label{font-size:13px;width:150px;flex-shrink:0}.n2-bar-wrap{flex:1;background:var(--color-border);height:16px;border-radius:2px;overflow:hidden}.n2-bar{height:100%;background:var(--color-accent)}.n2-val{font-size:12px;min-width:80px;text-align:right}.n2-var-pos{color:#16a34a}.n2-var-neg{color:#dc2626}.n2-sin-dato{font-size:13px;color:var(--color-sin-dato);font-style:italic}.estado-cargando{padding:20px 0;color:var(--color-text-muted);font-size:14px}.estado-error{padding:20px 0;color:#dc2626;font-size:14px}.estado-vacio{padding:20px 0;color:var(--color-text-muted);font-size:14px;font-style:italic}.n2-drill-cta{margin-bottom:16px}.n3-tabla{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:0}.n3-tabla th{text-align:left;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none}.n3-tabla th:hover{color:var(--color-text)}.n3-tabla td{padding:6px 8px;border-bottom:1px solid var(--color-border)}.n3-tabla tr.clickable:hover{background:var(--color-accent-light);cursor:pointer}.n3-tabla .col-num{color:var(--color-text-muted);width:32px}.sin-dato-cell{color:var(--color-sin-dato);font-style:italic}.n4-tabla{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:0}.n4-tabla th{text-align:left;font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 8px;border-bottom:1px solid var(--color-border)}.n4-tabla td{padding:6px 8px;border-bottom:1px solid var(--color-border)}.vip-badge{font-size:10px;font-weight:700;color:#92400e;background:#fef3c7;border-radius:4px;padding:1px 5px;margin-left:6px}.paginacion{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:var(--color-text-muted)}.paginacion button:disabled{opacity:.4;cursor:not-allowed}.nav-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:0 20px}.nav-tab{border:none;border-bottom:2px solid transparent;border-radius:0;padding:8px 14px;font-size:13px;color:var(--color-text-muted);background:none;margin-bottom:-1px}.nav-tab:hover{background:var(--color-accent-light);color:var(--color-text)}.nav-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.n5-block{margin-top:28px}.n5-block-title{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.n5-genero-bar{display:flex;height:20px;border-radius:var(--radius);overflow:hidden;margin-bottom:8px}.n5-genero-seg{height:100%;transition:width .3s}.n5-genero-leyenda{display:flex;gap:14px;flex-wrap:wrap}.n5-genero-label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-muted)}.n5-genero-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.n5-fuente{font-size:11px;color:var(--color-text-muted);margin-top:6px}.n5-bench-texto{font-size:15px;line-height:1.6;margin-bottom:10px}.n5-bench-detalle{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--color-text-muted)}.corte-lista{display:flex;flex-direction:column;gap:6px}.corte-row{display:flex;align-items:center;gap:10px}.corte-label{display:flex;gap:6px;align-items:baseline;min-width:260px;flex-shrink:0}.corte-cod{font-size:11px;font-weight:700;color:var(--color-text-muted);min-width:42px}.corte-nombre{font-size:13px}.corte-bar-wrap{flex:1;background:var(--color-border);height:14px;border-radius:2px;overflow:hidden}.corte-bar{height:100%;background:var(--color-accent);transition:width .3s}.corte-meta{display:flex;gap:10px;min-width:130px;justify-content:flex-end}.corte-val{font-size:12px;font-weight:600}.corte-n{font-size:11px;color:var(--color-text-muted)}@media (max-width: 640px){.kpi-grid{gap:10px}.kpi-card{min-width:130px}.kpi-valor{font-size:22px}.mapa-label,.n2-label{width:100px}.header{flex-wrap:wrap}.n3-tabla td,.n4-tabla td{padding:5px 4px}}