/* Sección Informes (web_informes.py). Usa las variables de styles.css: respeta modo claro/oscuro. */
.nav a.nav-informes{color:var(--enlace)}
.nav a.nav-informes::before{content:"";display:inline-block;width:8px;height:10px;border:1.5px solid currentColor;border-radius:1px;margin-right:6px;vertical-align:-1px;box-shadow:inset 0 -3px 0 -1.5px currentColor}
.inf-tag{display:inline-block;background:var(--ambar);color:var(--sobre-ambar);padding:2px 8px;border-radius:2px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;margin:0 8px 0 0}
.inf-tag-op{background:var(--tag-bg);color:var(--tiza)}
.inf-volanta{margin:0 0 10px;color:var(--texto-2);font-size:.86rem}
.inf-bajada{font-size:1.08rem;line-height:1.55;color:var(--texto);margin:0 0 14px}
.inf-acciones{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.inf-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:4px;border:1px solid var(--btn-borde);background:var(--btn-bg);color:var(--btn-tx);font-weight:600;font-size:.94rem;text-decoration:none;line-height:1.2}
.inf-btn:hover{border-color:var(--ambar);color:var(--enlace-hover)}
.inf-btn svg{width:18px;height:18px}
.inf-btn-pri{background:var(--verde);border-color:var(--verde);color:var(--tiza)}
.inf-btn-pri:hover{background:var(--verde-2);color:var(--ambar);border-color:var(--ambar)}
[data-theme="dark"] .inf-btn-pri{background:var(--ambar);border-color:var(--ambar);color:var(--sobre-ambar)}
[data-theme="dark"] .inf-btn-pri:hover{background:#f0c56b;color:var(--sobre-ambar)}
.inf-clave{margin:0;padding:0 0 0 1.1em;line-height:1.55}
.inf-clave li{margin:0 0 7px}
.inf-clave li::marker{color:var(--ambar)}

/* Destacado en la portada */
.inf-destacado{background:var(--superficie);border:1px solid var(--borde);border-top:4px solid var(--ambar);border-radius:4px;padding:20px 22px 22px;margin:0 0 32px}
.inf-dest-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start}
.inf-destacado h2{margin:0 0 10px;font:700 1.75rem/1.2 var(--serif)}
.inf-destacado h2 a{color:var(--texto);text-decoration:none}
.inf-destacado h2 a:hover{color:var(--enlace)}
.inf-dest-h3{font:600 .8rem/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2);margin:4px 0 8px}
.inf-destacado .inf-clave{font-size:.93rem}
.inf-dest-figs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inf-mini{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--texto);font-size:.8rem;line-height:1.35;font-weight:600}
.inf-mini img{background:#fff;border:1px solid var(--borde);border-radius:3px;padding:6px;aspect-ratio:16/10;object-fit:contain;width:100%}
.inf-mini:hover span{color:var(--enlace)}

/* Nota */
.inf-migas{font-size:.85rem;color:var(--texto-2);margin:0 0 14px}
.inf-nota{max-width:900px;margin:0 auto}
.inf-cab{border-bottom:2px solid var(--texto);padding-bottom:18px;margin-bottom:24px}
.inf-cab h1,.inf-h1{font:700 2.3rem/1.15 var(--serif);margin:0 0 12px}
.inf-h2{font:700 1.35rem/1.2 var(--serif);border-bottom:2px solid var(--acento);color:var(--enlace);padding-bottom:6px;margin:34px 0 16px}
.inf-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.inf-kpi{background:var(--superficie);border:1px solid var(--borde);border-top:3px solid var(--acento);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.inf-kpi-e{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-2)}
.inf-kpi-v{font:700 1.7rem/1.15 var(--serif);font-variant-numeric:tabular-nums}
.inf-kpi-v small{font-size:.6em;font-weight:600}
.inf-kpi-c{font-size:.82rem;color:var(--texto-2)}
.inf-kpi .delta{font-size:.85rem;font-weight:600}
.delta.malo{color:#b2473b}.delta.bueno{color:#3b7a5a}.delta.neutro{color:var(--texto-2)}
[data-theme="dark"] .delta.malo{color:#ff9b8f}[data-theme="dark"] .delta.bueno{color:#7ee2a1}
.k-sem{display:inline-flex;gap:12px}.k-sem span{display:inline-flex;align-items:center;gap:5px}
.dot{display:inline-block;width:.62em;height:.62em;border-radius:50%}
.dot.verde{background:#3b7a5a}.dot.amarillo{background:#d3a23d}.dot.rojo{background:#b2473b}
.inf-clave-caja{background:var(--superficie-2);border-left:4px solid var(--ambar);padding:2px 20px 14px;margin-top:28px;border-radius:0 4px 4px 0}
.inf-clave-caja .inf-h2{border:0;margin:16px 0 8px;padding:0}
.inf-figs{display:flex;flex-direction:column;gap:26px}
.inf-fig{margin:0}
.inf-fig figcaption{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.inf-fig-n{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ambar-osc)}
[data-theme="dark"] .inf-fig-n{color:var(--ambar)}
.inf-fig strong{font:700 1.12rem/1.3 var(--serif)}
.inf-fig small{color:var(--texto-2);font-size:.85rem}
.inf-fig-img{background:#fff;border:1px solid var(--borde);border-radius:4px;padding:10px}
.inf-mas,.inf-nota-chica{font-size:.85rem;color:var(--texto-2)}
.inf-vision{background:var(--verde);color:var(--tiza);border-radius:4px;padding:22px 26px 10px;margin-top:34px}
.inf-vision h2{font:700 1.45rem/1.25 var(--serif);margin:10px 0 12px;color:#fff}
.inf-vision p{line-height:1.65}
.inf-vision .inf-tag-op{background:var(--ambar);color:var(--sobre-ambar)}
.inf-escs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.inf-esc{background:var(--superficie);border:1px solid var(--borde);border-top:4px solid #d3a23d;border-radius:4px;padding:14px 16px;font-size:.9rem;line-height:1.5}
.inf-esc-alcista{border-top-color:#3b7a5a}.inf-esc-bajista{border-top-color:#b2473b}
.inf-esc h3{font:700 1.02rem/1.3 var(--serif);margin:0 0 8px}
.inf-esc h3 span{display:block;font:700 .74rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2)}
.inf-esc p{margin:0 0 8px}
.inf-tabla-caja{overflow-x:auto}
.inf-tabla{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--superficie)}
.inf-tabla th,.inf-tabla td{border-bottom:1px solid var(--borde);padding:8px 10px;text-align:left;vertical-align:top}
.inf-tabla thead th{background:var(--verde);color:var(--tiza);font-weight:600}
.inf-tabla td{font-variant-numeric:tabular-nums}
.inf-ok{color:#2f6b4c}.inf-mal{color:#a23e33}
[data-theme="dark"] .inf-ok{color:#7ee2a1}[data-theme="dark"] .inf-mal{color:#ff9b8f}
.inf-descarga{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--superficie-2);border:1px solid var(--borde);border-left:4px solid var(--ambar);border-radius:4px;padding:16px 18px;margin:34px 0 14px}
.inf-descarga div{display:flex;flex-direction:column}
.inf-descarga span{font-size:.85rem;color:var(--texto-2)}

/* Listado */
.inf-intro{max-width:760px;color:var(--texto-2)}
.inf-lista{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.inf-item{background:var(--superficie);border:1px solid var(--borde);border-top:4px solid var(--ambar);border-radius:4px;padding:16px 18px}
.inf-item>a{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;text-decoration:none;color:var(--texto)}
.inf-item-img img{background:#fff;border:1px solid var(--borde);border-radius:3px;padding:6px}
.inf-item-txt{display:flex;flex-direction:column;gap:6px}
.inf-item-txt strong{font:700 1.3rem/1.25 var(--serif)}
.inf-item>a:hover strong{color:var(--enlace)}
.inf-item-txt small{color:var(--texto-2);font-size:.92rem;line-height:1.5}
.inf-item-acc{margin:10px 0 0;font-size:.9rem;font-weight:600}

@media (max-width:820px){
  .inf-dest-grid{grid-template-columns:1fr}
  .inf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inf-escs{grid-template-columns:1fr}
  .inf-item>a{grid-template-columns:1fr}
  .inf-cab h1,.inf-h1{font-size:1.75rem}
  .inf-destacado h2{font-size:1.4rem}
}
@media (max-width:480px){.inf-kpis{grid-template-columns:1fr}.inf-dest-figs{grid-template-columns:1fr 1fr}}