/* Identidad visual Super Mayen: negro, carbón, naranja y grises. Sin otros colores. */
.multiplicadoras-app{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
 --bg:#F5F5F5;--panel:#FFFFFF;--ink:#111111;--carbon:#2B2B2B;--text2:#4A4A4A;--muted:#8A8A8A;--line:#E2E2E2;
 --orange:#F58220;--orange-d:#D96810;--orange-s:#FFF0E3;--alt:#F5F5F5;
 --f-xg:#111111;--f-g:#F58220;--f-m:#8A8A8A;--f-p:#8A8A8A}
@media (prefers-color-scheme: dark){.multiplicadoras-app:not([data-theme="light"]){
 --bg:#111111;--panel:#2B2B2B;--ink:#FFFFFF;--carbon:#111111;--text2:#E2E2E2;--muted:#8A8A8A;--line:#4A4A4A;
 --orange-s:#4A4A4A;--alt:#111111;--f-xg:#FFFFFF;--f-m:#E2E2E2;--f-p:#8A8A8A}}
.multiplicadoras-app[data-theme="dark"]{--bg:#111111;--panel:#2B2B2B;--ink:#FFFFFF;--carbon:#111111;--text2:#E2E2E2;--muted:#8A8A8A;--line:#4A4A4A;
 --orange-s:#4A4A4A;--alt:#111111;--f-xg:#FFFFFF;--f-m:#E2E2E2;--f-p:#8A8A8A}
.multiplicadoras-app{scroll-padding-top:env(safe-area-inset-top,0px)}
.multiplicadoras-app,.multiplicadoras-app *,.multiplicadoras-app *::before,.multiplicadoras-app *::after{box-sizing:border-box}
.multiplicadoras-app{margin:0;background:var(--bg);color:var(--ink);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.45}
.multiplicadoras-app .num{font-variant-numeric:tabular-nums}

/* Encabezado */
.multiplicadoras-app .top{background:#111111;color:#FFFFFF;border-bottom:5px solid var(--orange)}
.multiplicadoras-app .top .in{max-width:1280px;margin:0 auto;padding:26px 20px 22px;display:flex;flex-wrap:wrap;gap:10px 30px;align-items:flex-end;justify-content:space-between}
.multiplicadoras-app .top h1{font-size:clamp(28px,4.4vw,46px);line-height:1;margin:0;font-weight:800;font-variation-settings:"wdth" 70;max-width:18ch}
.multiplicadoras-app .top p{margin:10px 0 0;color:#E2E2E2;max-width:64ch}
.multiplicadoras-app .brand{font-weight:800;font-size:15px;color:#FFFFFF;border-left:5px solid var(--orange);padding-left:10px;line-height:1.2}
.multiplicadoras-app .brand small{display:block;color:#8A8A8A;font-weight:600;font-size:12px}
.multiplicadoras-app .wrap{max-width:1280px;margin:0 auto;padding:0 20px 60px}

/* Pestañas (NavLink genera <a class="active">) */
.multiplicadoras-app nav.tabs{display:flex;gap:2px;margin:22px 0 0;border-bottom:3px solid var(--ink);overflow-x:auto}
.multiplicadoras-app nav.tabs a{font-weight:700;padding:10px 16px;color:var(--text2);text-decoration:none;white-space:nowrap}
.multiplicadoras-app nav.tabs a.active{background:var(--ink);color:var(--bg);box-shadow:inset 0 -3px 0 var(--orange)}
.multiplicadoras-app button:focus-visible,.multiplicadoras-app select:focus-visible,.multiplicadoras-app input:focus-visible,.multiplicadoras-app a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* Controles */
.multiplicadoras-app .controls{background:var(--panel);border:1px solid var(--line);border-top:0;padding:16px 18px;display:grid;gap:14px}
.multiplicadoras-app .controls .row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.multiplicadoras-app .label{font-weight:700;font-size:13px;color:var(--text2)}
.multiplicadoras-app .months{display:flex;flex-wrap:wrap;gap:6px}
.multiplicadoras-app .chip{font:inherit;font-size:13px;font-weight:600;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);padding:5px 9px;border-radius:3px;cursor:pointer;min-width:58px}
.multiplicadoras-app .chip[aria-pressed="true"]{background:var(--orange);border-color:var(--orange);color:#111111}
.multiplicadoras-app .chip.year{border-style:dashed;min-width:auto;color:var(--text2)}
.multiplicadoras-app .seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:3px;overflow:hidden}
.multiplicadoras-app .seg button{font:inherit;font-size:13px;font-weight:700;border:0;background:transparent;color:var(--ink);padding:6px 12px;cursor:pointer}
.multiplicadoras-app .seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.multiplicadoras-app .thr{display:flex;gap:14px;flex-wrap:wrap}
.multiplicadoras-app .thr label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text2);font-weight:600}
.multiplicadoras-app .thr input{width:80px;font:inherit;font-size:13px;padding:4px 6px;border:1.5px solid var(--orange);border-radius:3px;background:var(--orange-s);color:var(--ink)}
.multiplicadoras-app .hint{font-size:13px;color:var(--muted)}
.multiplicadoras-app section.view{margin-top:22px}

/* Exportación */
.multiplicadoras-app .exportbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel);border:1px solid var(--line);border-top:0;padding:14px 18px}
.multiplicadoras-app .exportbar>div{display:grid;gap:2px}
.multiplicadoras-app .exportbar strong{font-size:14px;color:var(--ink)}
.multiplicadoras-app .exportbar span{font-size:12px;color:var(--muted)}
.multiplicadoras-app .export-btn{font:inherit;font-weight:800;border:0;border-radius:4px;background:var(--orange);color:#111111;padding:9px 15px;cursor:pointer;white-space:nowrap}
.multiplicadoras-app .export-btn:hover:not(:disabled){background:var(--orange-d);color:#FFFFFF}
.multiplicadoras-app .export-btn:disabled{cursor:wait;opacity:.65}
.multiplicadoras-app .export-msg{padding:8px 18px;border:1px solid var(--line);border-top:0;font-size:13px;font-weight:700}
.multiplicadoras-app .export-msg.ok{background:var(--orange-s);color:var(--orange-d)}
.multiplicadoras-app .export-msg.error{background:var(--ink);color:var(--bg)}
@media (max-width:700px){.multiplicadoras-app .exportbar{align-items:stretch;flex-direction:column}.multiplicadoras-app .export-btn{width:100%}}

/* Tableros por formato: uno debajo del otro, ancho completo */
.multiplicadoras-app .grid4{display:grid;grid-template-columns:1fr;gap:26px}
.multiplicadoras-app .board{background:var(--panel);border:1px solid var(--line);min-width:0}
.multiplicadoras-app .board-h{display:flex;align-items:stretch;background:var(--carbon);color:#FFFFFF}
.multiplicadoras-app .board-h .tag{width:8px;flex:none;border-right:2px solid #111111}
.multiplicadoras-app .board-h h2{margin:0;padding:11px 16px;font-size:19px;font-weight:800}
.multiplicadoras-app .pick{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;padding:14px 16px;align-items:center}
.multiplicadoras-app .pick label{font-size:13px;font-weight:700;color:var(--text2)}
.multiplicadoras-app .pick .two{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.multiplicadoras-app select{font:inherit;font-size:14px;padding:5px 8px;border:1.5px solid var(--orange);border-radius:3px;background:var(--orange-s);color:var(--ink);max-width:100%}
.multiplicadoras-app .scroll{overflow-x:auto}
.multiplicadoras-app table{border-collapse:collapse;width:100%}
.multiplicadoras-app .tb th,.multiplicadoras-app .tb td{padding:6px 10px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}
.multiplicadoras-app .tb thead th{font-size:12px;color:#FFFFFF;background:#111111;font-weight:700;border-top:0}
.multiplicadoras-app .tb td:first-child,.multiplicadoras-app .tb th:first-child{text-align:left}
.multiplicadoras-app .tb tbody tr:nth-child(even) td{background:var(--alt)}
.multiplicadoras-app .tb tr.key td{font-weight:800;background:var(--orange-s)!important;border-top:2px solid var(--orange)}
.multiplicadoras-app .tb tr.key td:nth-child(2),.multiplicadoras-app .tb tr.key td:nth-child(3){color:var(--orange-d)}
.multiplicadoras-app .tb tr.meta td{color:var(--text2);font-style:italic}
.multiplicadoras-app .tb .pct{color:var(--muted);font-size:13px}
.multiplicadoras-app .gap.up{color:var(--orange-d);font-weight:700}.multiplicadoras-app .gap.dn{color:var(--text2);font-weight:700}
.multiplicadoras-app .mk{display:inline-block;width:24px;height:22px;line-height:22px;text-align:center;font-weight:800;border-radius:2px}
.multiplicadoras-app .mk.y{background:var(--orange);color:#111111}.multiplicadoras-app .mk.n{background:var(--ink);color:var(--bg)}
.multiplicadoras-app .foot{padding:10px 16px 14px;font-size:13px;color:var(--text2);display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid var(--line)}
.multiplicadoras-app .foot b{color:var(--orange-d)}
.multiplicadoras-app .alert{color:var(--orange-d);font-weight:800}

/* Paneles y clasificación */
.multiplicadoras-app .panel{background:var(--panel);border:1px solid var(--line);padding:16px 18px}
.multiplicadoras-app .cl th,.multiplicadoras-app .cl td{padding:7px 9px;border-top:1px solid var(--line);white-space:nowrap;text-align:right;font-size:14px}
.multiplicadoras-app .cl thead th{font-size:12px;color:#FFFFFF;background:#111111;border-top:0;white-space:normal;min-width:64px}
.multiplicadoras-app .cl td:nth-child(-n+3),.multiplicadoras-app .cl th:nth-child(-n+3){text-align:left}
.multiplicadoras-app .cl tr.fmt td{background:var(--carbon);color:#FFFFFF;font-weight:800;text-align:left;font-size:15px;border-left:6px solid var(--orange)}
.multiplicadoras-app .neg{font-weight:800}
.multiplicadoras-app .pill{display:inline-block;padding:2px 8px;border-radius:2px;font-size:12px;font-weight:700;border:1.5px solid transparent}
.multiplicadoras-app .p-ok{background:var(--orange);color:#111111}.multiplicadoras-app .p-bad{background:var(--ink);color:var(--bg)}
.multiplicadoras-app .p-warn{background:var(--orange-s);color:var(--orange-d);border-color:var(--orange)}.multiplicadoras-app .p-n{background:var(--alt);color:var(--text2);border-color:var(--line)}
.multiplicadoras-app .star{color:var(--orange);font-weight:800}

/* Matriz */
.multiplicadoras-app .mx th,.multiplicadoras-app .mx td{border:1px solid var(--line);padding:5px 6px;text-align:center;font-size:13px}
.multiplicadoras-app .mx thead th{background:#111111;color:#FFFFFF}
.multiplicadoras-app .mx td:first-child,.multiplicadoras-app .mx th:first-child{text-align:left;white-space:nowrap}
.multiplicadoras-app .mx td.M{background:var(--orange);color:#111111;font-weight:800}
.multiplicadoras-app .mx td.P{background:var(--ink);color:var(--bg);font-weight:800}
.multiplicadoras-app .mx td.F{color:var(--muted);font-size:11px}
.multiplicadoras-app .mx td.S{color:var(--line);background:var(--alt)}
.multiplicadoras-app .mx tfoot td{font-weight:800;background:var(--alt)}

/* Gráficas */
.multiplicadoras-app .chart{width:100%;height:auto;display:block}
.multiplicadoras-app .legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin:6px 0 12px;color:var(--text2)}
.multiplicadoras-app .legend span{display:inline-flex;align-items:center;gap:6px}
.multiplicadoras-app .charts,.multiplicadoras-app .met{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:22px}
.multiplicadoras-app .charts h3,.multiplicadoras-app .met h3{margin:0 0 4px;font-size:18px}
.multiplicadoras-app .met h3{border-left:6px solid var(--orange);padding-left:10px}
.multiplicadoras-app .met p,.multiplicadoras-app .met li{max-width:72ch;color:var(--text2)}
.multiplicadoras-app .box{background:var(--orange-s);border-left:5px solid var(--orange);padding:12px 14px;margin:10px 0}
.multiplicadoras-app .map th,.multiplicadoras-app .map td{text-align:left;padding:6px 8px;border-top:1px solid var(--line);font-size:13px;vertical-align:top}
.multiplicadoras-app .map thead th{background:#111111;color:#FFFFFF}
.multiplicadoras-app code{font-size:12.5px;background:var(--alt);padding:1px 4px}