/* Halbora Contable sobre Unfold: tipografía de la marca y las piezas del Resumen. */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Figtree:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  --font-sans: "Figtree", "Segoe UI", system-ui, sans-serif;
  --hc-titulos: "Sora", "Segoe UI", system-ui, sans-serif;
  --hc-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --hc-tinta: #0f2a42;
  --hc-suave: #5d7182;
  --hc-linea: #d8e2e6;
  --hc-fondo-2: #f4f8f9;
  --hc-teal: #1a9c86;
  --hc-teal-suave: #e0f3ef;
  --hc-ok: #2c8a57;
  --hc-ok-suave: #e2f2e8;
  --hc-aviso: #a86b12;
  --hc-aviso-suave: #fbefd9;
  --hc-crit: #b93a2e;
  --hc-crit-suave: #fbe3df;
}
.dark {
  --hc-tinta: #e2ebf1;
  --hc-suave: #91a5b4;
  --hc-linea: #2a3b4a;
  --hc-fondo-2: #16242f;
  --hc-teal: #37c3aa;
  --hc-teal-suave: #123a36;
  --hc-ok: #5fc58c;
  --hc-ok-suave: #16362a;
  --hc-aviso: #e3a64a;
  --hc-aviso-suave: #3a2c14;
  --hc-crit: #f07c6f;
  --hc-crit-suave: #3d1c1a;
}

h1, h2, h3 { font-family: var(--hc-titulos); letter-spacing: -.01em; }

.hc-resumen { display: flex; flex-direction: column; gap: 20px; }
.hc-cabeza { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.hc-cabeza h1 { font-size: 22px; font-weight: 600; color: var(--hc-tinta); }
.hc-cabeza p { color: var(--hc-suave); margin-top: 2px; }
.hc-boton { background: var(--hc-teal); color: #fff; font-weight: 600; padding: 8px 14px; border-radius: 8px; }
.hc-boton:hover { filter: brightness(1.06); }
.dark .hc-boton { color: #062019; }

.hc-cifras { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.hc-cifra { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border: 1px solid var(--hc-linea); border-radius: 10px; background: var(--hc-fondo-2); }
.hc-cifra-enlace:hover { border-color: var(--hc-teal); }
.hc-etiqueta { font-size: 12px; color: var(--hc-suave); }
.hc-valor { font-family: var(--hc-titulos); font-size: 26px; font-weight: 600; color: var(--hc-tinta); font-variant-numeric: tabular-nums; line-height: 1.15; }
.hc-nota { font-size: 12px; color: var(--hc-suave); }

.hc-dos { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 16px; }

.hc-atencion { display: flex; flex-direction: column; gap: 8px; }
.hc-atencion li { display: grid; grid-template-columns: 4px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px 10px 0; border-radius: 9px; background: var(--hc-fondo-2); }
.hc-atencion li::before { content: ""; align-self: stretch; border-radius: 4px 0 0 4px; background: var(--hc-aviso); }
.hc-atencion li.critico::before { background: var(--hc-crit); }
.hc-atencion strong { display: block; color: var(--hc-tinta); font-weight: 600; }
.hc-atencion span { color: var(--hc-suave); font-size: 12.5px; }
.hc-atencion a { color: var(--hc-teal); font-weight: 600; font-size: 12.5px; white-space: nowrap; }

.hc-pildora { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 9px; border-radius: 999px; white-space: nowrap; margin-left: 6px; }
td .hc-pildora:first-child { margin-left: 0; }
.hc-pildora.ok { background: var(--hc-ok-suave); color: var(--hc-ok); }
.hc-pildora.aviso { background: var(--hc-aviso-suave); color: var(--hc-aviso); }
.hc-pildora.crit { background: var(--hc-crit-suave); color: var(--hc-crit); }
.hc-pildora.neutra { background: var(--hc-fondo-2); color: var(--hc-suave); box-shadow: inset 0 0 0 1px var(--hc-linea); }
.hc-enlace { color: var(--hc-tinta); font-weight: 600; }
.hc-enlace:hover { color: var(--hc-teal); }
.hc-mono { font-family: var(--hc-mono); font-size: 12.5px; }

.hc-feed li { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hc-linea); }
.hc-feed li:last-child { border-bottom: 0; }
.hc-feed time { font-size: 12px; color: var(--hc-suave); font-variant-numeric: tabular-nums; }
.hc-quien { font-size: 12.5px; color: var(--hc-suave); }
.hc-quien b { color: var(--hc-tinta); }
.hc-quien a { color: var(--hc-teal); font-weight: 600; }
.hc-burbuja { margin-top: 6px; padding: 8px 11px; border-radius: 10px; background: var(--hc-fondo-2); max-width: 70ch; white-space: pre-line; }
.hc-ia { background: var(--hc-teal-suave); }
.hc-adjunto { display: block; font-size: 12px; color: var(--hc-suave); margin-bottom: 3px; }
.hc-vacio { color: var(--hc-suave); }

@media (max-width: 1100px) {
  .hc-cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hc-dos { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .hc-feed li { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}