/* ===========================================================================
   PANTALLA MÉTRICAS — Finanzas Ensigna  (F1)
   =========================================================================== */
.pm { display: grid; gap: 16px; transition: opacity .2s ease; }
.pm.pm-cargando { opacity: .55; }
.pm-cabeza { display: grid; gap: 12px; }
.pm-intro { font-size: 15px; color: var(--texto-2); max-width: 62ch; }
.pm-controles { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.pm-resumen { display: flex; flex-wrap: wrap; gap: 6px; min-height: 22px; }
.pm-volver { padding-left: 8px; }
@media (min-width: 960px) { .pm-volver { display: none; } }

.pm-grilla { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
@media (min-width: 700px) { .pm-grilla { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1240px) { .pm-grilla { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pm-esq { height: 210px; border-radius: var(--radio); }

.pm-metrica { display: flex; flex-direction: column; gap: 10px; padding: 16px 16px 6px; }
.pm-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pm-nombre { font-size: 19px; font-weight: 680; letter-spacing: -.02em; }
.pm-valor-fila { display: grid; grid-template-columns: minmax(0, 1fr) 110px; align-items: end; gap: 12px; }
.pm-valor { font-size: 34px; white-space: nowrap; }
.pm-valor small { font-family: var(--cuerpo); font-size: 15px; font-weight: 600; letter-spacing: 0; color: var(--texto-2); margin-left: 6px; }
.pm-chispa { height: 38px; }
.pm-detalle { font-size: 14px; color: var(--texto-2); line-height: 1.45; }

.pm-falta-caja { display: grid; gap: 10px; justify-items: start; }
.pm-falta {
  display: flex; align-items: flex-start; gap: 10px; width: 100%; padding: 12px; border-radius: 14px;
  background: var(--campo-2); border: 1px dashed var(--linea-fuerte); font-size: 14px; color: var(--texto); line-height: 1.4;
}
.pm-falta .ico { color: var(--acento); flex: 0 0 auto; margin-top: 1px; }
.pm-falta-boton { min-height: 44px; }

.pm-plegable { border-top: 1px solid var(--linea); }
.pm-plegable summary {
  list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px;
  min-height: 46px; cursor: pointer; font-size: 14px; font-weight: 620; color: var(--texto-2);
}
.pm-plegable summary::-webkit-details-marker { display: none; }
.pm-plegable summary .ico { transition: transform .25s var(--curva); color: var(--texto-3); }
.pm-plegable[open] summary .ico { transform: rotate(180deg); }
.pm-plegable summary:focus-visible { outline-offset: -2px; }
.pm-plegable[open] { padding-bottom: 12px; }
.pm-plegable p { font-size: 14px; color: var(--texto-2); line-height: 1.45; }
.pm-plegable p + p { margin-top: 8px; }
.pm-pregunta { color: var(--texto) !important; font-weight: 600; }
.pm-meta { font-family: var(--mono); font-size: 10.5px !important; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3) !important; }
.pm-serie { font-size: 13px !important; color: var(--texto-3) !important; }