.informe-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}
.informe-title { font-size:1.45rem; color:var(--c-primario); margin:0 0 .2rem; }
.informe-head p { color:var(--c-sec); font-size:.85rem; margin:0; }
.informe-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-bottom:.8rem; }
.informe-summary .card { padding:1rem; }
.informe-summary .kpi-value { font-size:1.75rem; }
.informe-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; margin-bottom:.8rem; }
.informe-card { margin-bottom:.8rem; }
.informe-card h3 { color:var(--c-primario); font-size:.95rem; margin:0 0 .75rem; }
.informe-card-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; }
.informe-card-head span { color:var(--c-sec); font-size:.75rem; }
.informe-state-row { display:grid; grid-template-columns:minmax(110px,1fr) 38px; gap:.55rem; align-items:center; margin:.5rem 0; font-size:.8rem; }
.informe-state-bar { height:7px; background:#ece9e2; border-radius:99px; overflow:hidden; margin-top:.2rem; }
.informe-state-bar span { display:block; height:100%; border-radius:inherit; background:var(--c-primario); }
.informe-state-count { font-weight:600; text-align:right; color:var(--c-texto); }
.informe-pending-list, .informe-list { list-style:none; margin:0; padding:0; }
.informe-pending-list li, .informe-list li { border-bottom:1px solid #eeece7; padding:.5rem 0; font-size:.8rem; }
.informe-pending-list li:last-child, .informe-list li:last-child { border-bottom:0; }
.informe-pending-list strong { color:var(--c-primario); }
.informe-note { color:var(--c-sec); font-size:.78rem; margin:0; }
.informe-table td { vertical-align:top; }
.informe-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.informe-metric { background:#f8f7f3; border-radius:6px; padding:.65rem; }
.informe-metric strong { display:block; color:var(--c-primario); font-size:1.25rem; }
.informe-metric span { color:var(--c-sec); font-size:.72rem; }
.informe-recommendation { display:flex; gap:.55rem; align-items:flex-start; }
.informe-recommendation::before { content:'›'; color:var(--c-acento); font-size:1.1rem; line-height:.8; font-weight:700; }

@media (max-width:767px) {
  .informe-head { display:block; }
  .informe-head .btn-export { margin-top:.8rem; width:100%; }
  .informe-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .informe-grid { grid-template-columns:1fr; }
  .informe-summary .kpi-value { font-size:1.45rem; }
  .informe-table { min-width:710px; }
}