/* ds/ica/tokens.css · ICA-DIS-00 v1.0 (láminas 9–12) · tokens-candidatos · generado para ICA-DIS-01 */
.ica,[data-theme="claro"]{--brand:#2D4E48;--surface:#F9F8F3;--surface-alt:#F1EFE8;--surface-elevated:#FFFFFF;--ink:#1C2624;--ink-2:#566360;--line:#E1E2DB;--border:#7C8A86;--focus:#2D4E48;--enlace:#2D4E48}
[data-theme="botella"]{--surface:#2D4E48;--surface-elevated:#38594F;--ink:#F9F8F3;--ink-2:#C2D0CC;--line:#46655F;--border:#93A6A1;--focus:#DCE6E2;--enlace:#F9F8F3;background:var(--surface);color:var(--ink)}
.ica{font:400 16px/24px system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--surface);font-variant-numeric:tabular-nums lining-nums;container-type:inline-size;-webkit-font-smoothing:antialiased;text-wrap:pretty}
.ica *,.ica *::before,.ica *::after{box-sizing:border-box}
.ica a{color:var(--enlace);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.ica a:hover{color:var(--ink)}
.ica :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ica img{display:block}
.ica p,.ica ul{margin:0}
.ica ul{padding-left:18px}
.ica input,.ica select,.ica button:not(.btn):not(.pestana){font:inherit;color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,3cqi,48px)}
.sec{padding:clamp(24px,3cqi,40px) 0;border-top:1px solid var(--line)}
.sec.alt{background:var(--surface-alt)}
.display{font:400 56px/60px Georgia,"Times New Roman",serif;font-variant-numeric:oldstyle-nums;margin:0}
.h1{font:400 clamp(32px, 1.5cqi + 24px, 40px)/1.1 Georgia,"Times New Roman",serif;margin:0}
.h2{font:400 28px/34px Georgia,"Times New Roman",serif;margin:0}
.h3{font:600 20px/26px system-ui,sans-serif;margin:0}
.sm{font-size:14px;line-height:20px}
.cap{font-size:12px;line-height:16px;color:var(--ink-2)}
.i2{color:var(--ink-2)}
.label{font:600 11px/14px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.cifra-xl{font:600 48px/52px system-ui,sans-serif}
.cifra{font:600 28px/32px system-ui,sans-serif}
.ticker{font:400 18px/22px system-ui,sans-serif}
.sello{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:1px 8px;font:600 11px/14px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;vertical-align:middle}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 16px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--ink);font:600 14px/20px system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{color:var(--ink);border-color:var(--ink)}
.btn.primario{background:var(--brand);border-color:var(--brand);color:#F9F8F3}
.btn.primario:hover{color:#F9F8F3}
[data-theme="botella"] .btn{background:transparent}
.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.campo{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--ink)}
[data-theme="botella"] .campo{background:transparent}
.campo input{border:0;background:transparent;outline:0;flex:1;min-width:0}
.campo input::placeholder{color:var(--ink-2)}
.tarjeta{background:var(--surface-elevated);border:1px solid var(--line);border-radius:8px;padding:16px}
.kpi{display:flex;flex-direction:column;gap:6px;min-width:0}
.kpi .cifra{display:block;overflow-wrap:anywhere}
.tabla{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}
.tabla th{text-align:left;font:600 11px/14px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}
.tabla td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.tabla td.num,.tabla th.num{text-align:right}
.tabla-scroll{overflow-x:auto}
.fila{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.hueco{border:1px dashed var(--border);border-radius:6px;padding:10px 12px;color:var(--ink-2);font-size:14px;line-height:20px;background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(28,38,36,.035) 7px 8px)}
.veda{background:var(--surface-alt);border:1px solid var(--line);color:var(--ink);padding:12px 16px;border-radius:6px;font-size:14px;line-height:20px}
.emb{width:20px;height:20px;border:1px dashed var(--border);border-radius:3px;display:inline-grid;place-items:center;font:600 7px/1 system-ui,sans-serif;color:var(--ink-2);flex:none;overflow:hidden}
.post{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px}
.post .coal{color:var(--ink-2)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));width:100%}
.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));width:100%}
.col{display:flex;flex-direction:column;gap:12px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.pestanas{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ica a.btn,.ica a.pestana,.ica a.plano{text-decoration:none}
.ica nav{scrollbar-width:none}
.pestana{padding:10px 14px;font:600 14px/20px system-ui,sans-serif;color:var(--ink-2);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pestana[aria-selected="true"],.pestana[aria-current="page"]{color:var(--ink);border-color:var(--ink)}
.migas{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;line-height:16px;color:var(--ink-2)}
.silueta{background:var(--surface-alt);border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--ink-2);font-size:12px;line-height:16px;text-align:center;padding:8px}
.barra{height:10px;background:var(--brand);border-radius:2px}
.puntos{background:radial-gradient(circle,var(--ink-2) 1.5px,transparent 1.7px) 0 0/8px 8px;border-radius:4px}
.dby-tarjeta{border:1px solid var(--line);border-radius:12px;background:var(--surface-elevated);padding:14px;font-size:14px;line-height:20px}
.dby-barra{height:3px;background:#5C7CFA;border-radius:2px}
.dby-hex{display:inline-grid;place-items:center;width:28px;height:28px;color:#5C7CFA;background:rgba(92,124,250,.14);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);font:600 11px/1 system-ui,sans-serif}
.bur-bloque{--bur-navy:#1B2A4A;--bur-gold:#B5964B;border:1px solid var(--line);border-top:3px solid var(--bur-navy);border-radius:8px;padding:16px;background:var(--surface-elevated)}
[data-notas] [data-nota]{outline:1px dashed var(--border);outline-offset:4px;position:relative}
[data-notas] [data-nota]::after{content:attr(data-nota);position:absolute;left:0;top:-14px;font:600 10px/14px ui-monospace,Menlo,Consolas,monospace;background:#1C2624;color:#F9F8F3;padding:1px 6px;border-radius:3px;z-index:4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.ica *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
