/* =========================================================
   CUAS Café 2026 · Modo láminas tipo Power BI
   Capa visual sobre el reporte interactivo original.
   ========================================================= */

:root {
  --pb-navy: #172b83;
  --pb-blue: #1e90ff;
  --pb-orange: #ff6900;
  --pb-ink: #202124;
  --pb-muted: #68707d;
  --pb-line: #dfe4ee;
  --pb-canvas: #eef1f6;
}

html, body { background: var(--pb-canvas); }

body {
  overflow: hidden;
  color: var(--pb-ink);
}

#app { min-height: 100vh; }

/* Cada vista se comporta como una lámina 16:9 centrada. El contenido
   puede crecer verticalmente para no apiñar información. */
.pantalla {
  width: min(100vw, 1440px);
  height: calc(100vh - var(--barra-pie) - 18px);
  margin: 9px auto 0;
  padding-top: 0;
  background: #fff;
  box-shadow: 0 2px 14px rgba(20, 31, 74, .14);
  border: 1px solid #e0e4ec;
}

.pantalla.active { display: block; }

.encabezado {
  padding: 20px 34px 12px;
  border-bottom: 1px solid var(--pb-line);
}

.enc-titulo {
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  color: var(--pb-navy);
  letter-spacing: 0;
}

.segmentacion { margin-top: 12px; gap: 7px 10px; }

.seg-chips {
  color: var(--pb-navy);
  background: #f4f7ff;
  border: 1px solid #cdd7f4;
  border-radius: 4px;
  padding: 5px 12px;
  font-size: .82rem;
}

.seg-chips.active {
  color: #fff;
  background: var(--pb-navy);
  border-color: var(--pb-navy);
}

.cuerpo { padding: 22px 34px 96px; }

.card {
  border: 1px solid var(--pb-line);
  border-left: 4px solid var(--pb-blue);
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(27, 41, 84, .06);
}

.card-titulo { color: var(--pb-navy); }

.nav-pie {
  background: #fff;
  border-top: 1px solid var(--pb-line);
  box-shadow: 0 -1px 8px rgba(20, 31, 74, .08);
}

.nav-flecha, .nav-select {
  color: var(--pb-navy);
}

.sabias-pagina1, .sabias-pagina2,
.portada, .indice-pie, .indice-cuerpo {
  background: #fff;
}

/* Las láminas de sección conservan el recurso visual, pero lo presentan
   como un separador limpio y legible para exposición. */
.separador-libre {
  min-height: 100%;
}

@media (max-width: 900px) {
  .pantalla { width: 100vw; margin-top: 0; border-left: 0; border-right: 0; }
  .encabezado, .cuerpo { padding-left: 18px; padding-right: 18px; }
}

@media print {
  html, body { background: #fff; overflow: visible; }
  .pantalla { width: 100%; height: auto; margin: 0; box-shadow: none; border: 0; page-break-after: always; }
  .nav-pie { display: none; }
}

/* Modo presentación: una lámina visible, sin desplazamiento vertical. */
.pantalla { overflow: hidden; }
.pantalla .cuerpo { height: calc(100% - 86px); overflow: hidden; }
.lamina-cuerpo { display: none; height: 100%; overflow: hidden; }
.lamina-cuerpo.active { display: block; }
.muestra-combinada .grilla {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.muestra-combinada .contenedor { padding: 10px 12px; }
.muestra-combinada .contenedor { height: 248px; display: flex; flex-direction: column; overflow: visible; }
.muestra-combinada .ele-titulo { font-size: .94rem; padding-bottom: 5px; }
.muestra-combinada .graf { height: 190px !important; }
.muestra-combinada .notas { margin-top: auto; padding: 3px 0 1px; min-height: 18px; }
.muestra-combinada .nota-n { font-size: .78rem; }
.dos-tarjetas.active { display: flex !important; align-items: center; }
.dos-tarjetas .grilla { width: 100%; align-items: stretch; }
.dos-tarjetas .contenedor { height: 470px; display: flex; flex-direction: column; overflow: visible; }
.dos-tarjetas .notas { margin-top: auto; padding-bottom: 2px; min-height: 18px; }

/* Lámina 6 · dos tarjetas centradas y con pie reservado para n */
.pantalla[data-pagina="6"] .lamina-cuerpo:first-child.active {
  display: flex !important;
  align-items: center;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="6"] .lamina-cuerpo:first-child.active .grilla {
  width: 100%;
  align-items: stretch;
}
.pantalla[data-pagina="6"] .lamina-cuerpo:first-child.active .contenedor {
  height: 430px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 34px;
}
.pantalla[data-pagina="6"] .lamina-cuerpo:first-child.active .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 10px;
  margin: 0;
  min-height: 18px;
  padding: 0;
}

/* Lámina 9 · dos gráficas centradas y muestras ancladas */
.pantalla[data-pagina="7"] .lamina-cuerpo:first-child.active {
  display: flex !important;
  align-items: center;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="7"] .lamina-cuerpo:first-child.active .grilla {
  width: 100%;
  align-items: stretch;
}
.pantalla[data-pagina="7"] .lamina-cuerpo:first-child.active .contenedor {
  height: 500px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="7"] .lamina-cuerpo:first-child.active .graf {
  height: 420px !important;
}
.pantalla[data-pagina="7"] .lamina-cuerpo:first-child.active .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}
.pantalla[data-pagina="7"] .consumo-fusionada.active {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  height: 100%;
  overflow: hidden;
}
.pantalla[data-pagina="7"] .consumo-fusionada-graficas {
  width: 100%;
  align-items: stretch;
}
.pantalla[data-pagina="7"] .consumo-fusionada-graficas .contenedor {
  height: 292px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="7"] .consumo-fusionada-graficas .graf {
  height: 230px !important;
}
.pantalla[data-pagina="7"] .consumo-fusionada-graficas .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}
.pantalla[data-pagina="7"] .consumo-fusionada-tabla .contenedor {
  height: 218px;
  overflow: visible;
}

/* Láminas 12–16 · gráficas ampliadas, centradas y con n anclada */
.pantalla[data-pagina="9"] .lamina-cuerpo.active {
  display: flex !important;
  align-items: center;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="9"] .lamina-cuerpo.active .grilla {
  width: 100%;
  align-items: stretch;
}
.pantalla[data-pagina="9"] .lamina-cuerpo.active .contenedor {
  height: 500px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="9"] .lamina-cuerpo.active .graf {
  height: 420px !important;
}
.pantalla[data-pagina="9"] .lamina-cuerpo.active .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}

/* Láminas 18–20 · gráficas ampliadas y conjunto centrado */
.pantalla[data-pagina="11"] .lamina-cuerpo.active {
  display: flex !important;
  align-items: center;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="11"] .lamina-cuerpo.active .grilla {
  width: 100%;
  align-items: center;
}
.pantalla[data-pagina="11"] .lamina-cuerpo.active .contenedor:has(canvas) {
  height: 500px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="11"] .lamina-cuerpo.active .contenedor:has(canvas) .graf {
  height: 420px !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo.active .contenedor:has(canvas) .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}

/* Lámina 21 · tabla superior y recordación ayudada en retícula compacta */
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active {
  display: block !important;
  height: calc(100vh - 180px);
  overflow: hidden;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 218px minmax(0, 1fr);
  gap: 10px;
  align-content: center;
  height: 100%;
  width: 100%;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child {
  width: 100%;
  height: 218px;
  min-height: 0;
  padding: 8px 12px;
  overflow: hidden;
  box-sizing: border-box;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child .ele-titulo {
  font-size: .82rem;
  padding-bottom: 4px;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child .graf {
  height: 174px !important;
  overflow: hidden;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child table {
  font-size: .66rem;
  line-height: 1.05;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child th,
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child td {
  padding: 2px 4px;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .grupo-wrap {
  width: 100%;
  min-width: 0;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active .grupo-titulo {
  margin: 0 0 5px;
  font-size: .86rem;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active .mini-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active .mini-grid .contenedor {
  height: 250px;
  min-width: 0;
  padding: 8px 7px;
  overflow: hidden;
  box-sizing: border-box;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active .mini-grid .ele-titulo {
  min-height: 29px;
  font-size: .69rem;
  line-height: 1.08;
  padding-bottom: 4px;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active .mini-grid .graf {
  height: 184px !important;
  overflow: hidden;
}

/* Láminas 22–26 · preferencias de compra tostado */
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(-n+5).active {
  display: flex !important;
  align-items: center;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(-n+5).active .grilla {
  width: 100%;
  align-items: center;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(-n+5).active .contenedor:has(canvas) {
  height: 500px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(-n+5).active .contenedor:has(canvas) .graf {
  height: 420px !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(-n+5).active .contenedor:has(canvas) .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}

/* Lámina 27 · tabla y gráfica en composición vertical compacta */
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active {
  display: flex !important;
  align-items: flex-start;
  height: calc(100vh - 180px);
  padding-top: 16px;
  box-sizing: border-box;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 250px 380px;
  gap: 12px;
  align-content: center;
  width: 100%;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child {
  width: 100%;
  height: 250px;
  min-height: 0;
  padding: 8px 12px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child .ele-titulo {
  font-size: .86rem;
  padding-bottom: 4px;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child .graf {
  height: 195px !important;
  overflow: hidden;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child table {
  font-size: .62rem;
  line-height: 1.05;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child th,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child td {
  padding: 2px 4px;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child {
  width: min(760px, 100%);
  height: 380px;
  justify-self: center;
  min-height: 0;
  position: relative;
  padding-bottom: 30px;
  box-sizing: border-box;
  overflow: visible;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .graf {
  height: 300px !important;
  position: static !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 10px;
  margin: 0;
  min-height: 18px;
  z-index: 2;
}

/* Láminas 28–30 · preferencias restantes de tostado */
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(n+7).active,
/* Láminas 31–33 · hábitos de compra de tostado */
.pantalla[data-pagina="13"] .lamina-cuerpo.active {
  display: flex !important;
  align-items: center;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(n+7).active .grilla,
.pantalla[data-pagina="13"] .lamina-cuerpo.active .grilla {
  width: 100%;
  align-items: center;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(n+7).active .contenedor:has(canvas),
.pantalla[data-pagina="13"] .lamina-cuerpo.active .contenedor:has(canvas) {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(n+7).active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="13"] .lamina-cuerpo.active .contenedor:has(canvas) .graf {
  min-height: 420px;
  height: 390px !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(n+7).active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="13"] .lamina-cuerpo.active .contenedor:has(canvas) .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}

/* Láminas 34–35 · históricos de tostado; el comentario queda bajo las gráficas */
.pantalla[data-pagina="14"] .historicos-tostado-lamina.active {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  height: calc(100vh - 180px);
}
.pantalla[data-pagina="14"] .historicos-tostado-lamina.active > .grilla {
  width: 100%;
  align-items: center;
}
.pantalla[data-pagina="14"] .historicos-tostado-lamina.active .contenedor:has(canvas) {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  padding-bottom: 28px;
  box-sizing: border-box;
}
.pantalla[data-pagina="14"] .historicos-tostado-lamina.active .contenedor:has(canvas) .graf {
  height: 420px !important;
}
.pantalla[data-pagina="14"] .historicos-tostado-lamina.active .contenedor:has(canvas) .notas {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 7px;
  margin: 0;
  min-height: 18px;
}
.pantalla[data-pagina="14"] .historicos-tostado-comentario {
  width: 100%;
}
.pantalla[data-pagina="14"] .historicos-tostado-comentario .contenedor {
  width: 100%;
  min-height: 0;
  height: auto;
  padding: 12px 18px;
  box-sizing: border-box;
}
.pantalla[data-pagina="14"] .historicos-tostado-lamina:nth-child(2).active .contenedor:has(canvas) {
  min-height: 400px;
  height: 400px;
}
.pantalla[data-pagina="14"] .historicos-tostado-lamina:nth-child(2).active .contenedor:has(canvas) .graf {
  height: 320px !important;
}

/* Revisión autónoma · láminas 36–104 */
.pantalla[data-pagina="17"] .lamina-cuerpo.active,
.pantalla[data-pagina="18"] .lamina-cuerpo.active,
.pantalla[data-pagina="19"] .lamina-cuerpo.active,
.pantalla[data-pagina="24"] .lamina-cuerpo.active,
.pantalla[data-pagina="25"] .lamina-cuerpo.active,
.pantalla[data-pagina="27"] .lamina-cuerpo.active,
.pantalla[data-pagina="29"] .lamina-cuerpo.active,
.pantalla[data-pagina="31"] .lamina-cuerpo.active,
.pantalla[data-pagina="32"] .lamina-cuerpo.active,
.pantalla[data-pagina="34"] .lamina-cuerpo.active,
.pantalla[data-pagina="35"] .lamina-cuerpo.active,
.pantalla[data-pagina="37"] .lamina-cuerpo.active,
.pantalla[data-pagina="39"] .lamina-cuerpo.active { display:flex !important; align-items:center; height:calc(100vh - 180px); }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="19"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="24"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="25"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="29"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(canvas),
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(canvas) { position:relative; overflow:visible; padding-bottom:28px; box-sizing:border-box; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="19"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="24"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="25"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="29"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(canvas) .notas,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(canvas) .notas { position:absolute; left:16px; right:16px; bottom:7px; margin:0; min-height:18px; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="19"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="24"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="25"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="29"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(canvas) .graf,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(canvas) .graf { position:static !important; }
.pantalla[data-pagina="15"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="21"] .lamina-cuerpo.active > .grilla { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; width:100%; height:100%; align-content:center; }
.pantalla[data-pagina="15"] .lamina-cuerpo.active > .grilla > .contenedor,
.pantalla[data-pagina="21"] .lamina-cuerpo.active > .grilla > .contenedor { height:238px; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.pantalla[data-pagina="15"] .lamina-cuerpo.active .graf,
.pantalla[data-pagina="21"] .lamina-cuerpo.active .graf { height:178px !important; }
.pantalla[data-pagina="15"] .lamina-cuerpo.active > .grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="21"] .lamina-cuerpo.active > .grilla:has(> .contenedor:only-child) { grid-template-rows:1fr; }
.pantalla[data-pagina="15"] .lamina-cuerpo.active > .grilla > .contenedor:only-child,
.pantalla[data-pagina="21"] .lamina-cuerpo.active > .grilla > .contenedor:only-child { height:480px; overflow:visible; }
.pantalla[data-pagina="15"] .lamina-cuerpo.active > .grilla > .contenedor:only-child .graf,
.pantalla[data-pagina="21"] .lamina-cuerpo.active > .grilla > .contenedor:only-child .graf { height:420px !important; overflow:visible !important; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .mini-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .mini-grid .contenedor { height:150px; min-width:0; padding:7px 6px; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .mini-grid .graf { height:100px !important; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla { grid-template-columns:minmax(0,1fr); width:100%; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla > .contenedor { width:100%; height:430px; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla > .contenedor .graf { height:360px !important; }
.pantalla[data-pagina="37"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla { align-items:center; }
.pantalla[data-pagina="37"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas),
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) { height:420px; min-height:0; }
.pantalla[data-pagina="37"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf,
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf { height:340px !important; }

/* Las láminas de comparación deben utilizar todo el ancho disponible. */
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="19"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="24"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="25"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="29"] .lamina-cuerpo.active > .grilla { width:100% !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor,
.pantalla[data-pagina="19"] .lamina-cuerpo.active > .grilla > .contenedor,
.pantalla[data-pagina="24"] .lamina-cuerpo.active > .grilla > .contenedor,
.pantalla[data-pagina="25"] .lamina-cuerpo.active > .grilla > .contenedor,
.pantalla[data-pagina="29"] .lamina-cuerpo.active > .grilla > .contenedor { width:100%; min-width:0; }
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas),
.pantalla[data-pagina="19"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas),
.pantalla[data-pagina="24"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas),
.pantalla[data-pagina="25"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas),
.pantalla[data-pagina="29"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) { height:430px; }
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf,
.pantalla[data-pagina="19"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf,
.pantalla[data-pagina="24"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf,
.pantalla[data-pagina="25"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf,
.pantalla[data-pagina="29"] .lamina-cuerpo.active > .grilla > .contenedor:has(canvas) .graf { height:350px !important; }

/* Los grupos de mini tarjetas se equilibran en dos filas, sin una segunda
   fila residual de tres elementos ni tarjetas diminutas. */
.pantalla[data-pagina="17"] .lamina-cuerpo.active .mini-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:12px !important; width:100%; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .mini-grid .contenedor { height:185px !important; padding:9px 8px; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active .mini-grid .graf { height:128px !important; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla:has(> .contenedor:nth-child(3)) { grid-template-columns:repeat(3,minmax(0,1fr)) !important; width:100%; gap:12px; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla:has(> .contenedor:nth-child(3)) > .contenedor { height:360px; min-width:0; }
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla:has(> .contenedor:nth-child(3)) > .contenedor .graf { height:285px !important; }
.pantalla[data-pagina="17"] .fusion-45-47.active { align-items:flex-start !important; transform:none !important; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla { display:grid; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:220px 105px 135px; gap:8px; width:100%; height:100%; transform:none !important; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla:has(> .contenedor:nth-child(3)) { grid-template-columns:minmax(0,1fr) !important; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla > .contenedor { width:100%; height:100% !important; min-height:0; overflow:hidden; box-sizing:border-box; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla > .contenedor:has(table) { padding:8px 12px; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla > .contenedor .graf { height:160px !important; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla > .contenedor table { font-size:.68rem; line-height:1.05; }
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla > .contenedor th,
.pantalla[data-pagina="17"] .fusion-45-47.active > .grilla > .contenedor td { padding:3px 5px; }
.pantalla[data-pagina="27"] .grupo-grilla,
.pantalla[data-pagina="32"] .grupo-grilla,
.pantalla[data-pagina="34"] .grupo-grilla,
.pantalla[data-pagina="35"] .grupo-grilla { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.pantalla[data-pagina="27"] .grupo-grilla .contenedor,
.pantalla[data-pagina="32"] .grupo-grilla .contenedor,
.pantalla[data-pagina="34"] .grupo-grilla .contenedor,
.pantalla[data-pagina="35"] .grupo-grilla .contenedor { min-width:0; min-height:0; height:155px; padding:8px 7px; overflow:hidden; }
.pantalla[data-pagina="27"] .grupo-grilla .graf,
.pantalla[data-pagina="32"] .grupo-grilla .graf,
.pantalla[data-pagina="34"] .grupo-grilla .graf,
.pantalla[data-pagina="35"] .grupo-grilla .graf { height:105px !important; }
.pantalla[data-pagina="27"] .grupo-grilla .ele-titulo,
.pantalla[data-pagina="32"] .grupo-grilla .ele-titulo,
.pantalla[data-pagina="34"] .grupo-grilla .ele-titulo,
.pantalla[data-pagina="35"] .grupo-grilla .ele-titulo { font-size:.72rem; line-height:1.1; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; width:100%; align-content:center; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla { grid-template-rows:215px 260px; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla { grid-template-rows:230px 250px; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor { width:100%; min-height:0; height:100%; overflow:hidden; box-sizing:border-box; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active table,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active table { font-size:.62rem; line-height:1.05; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active th,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active td,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active th,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active td { padding:2px 4px; }
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active .graf { height:270px !important; }
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor { height:120px !important; min-height:0; overflow:hidden; }
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor .graf { height:80px !important; }
.pantalla[data-pagina="34"] .grupo-grilla .contenedor,
.pantalla[data-pagina="35"] .grupo-grilla .contenedor { height:120px; }
.pantalla[data-pagina="34"] .grupo-grilla .graf,
.pantalla[data-pagina="35"] .grupo-grilla .graf { height:75px !important; }
.pantalla[data-pagina="27"] .grupo-wrap,
.pantalla[data-pagina="32"] .grupo-wrap,
.pantalla[data-pagina="34"] .grupo-wrap,
.pantalla[data-pagina="35"] .grupo-wrap { width:100%; min-height:410px; }
.pantalla[data-pagina="27"] .grupo-grilla,
.pantalla[data-pagina="32"] .grupo-grilla,
.pantalla[data-pagina="34"] .grupo-grilla,
.pantalla[data-pagina="35"] .grupo-grilla { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:180px; gap:8px; align-items:stretch; }
.pantalla[data-pagina="27"] .grupo-grilla .contenedor,
.pantalla[data-pagina="32"] .grupo-grilla .contenedor,
.pantalla[data-pagina="34"] .grupo-grilla .contenedor,
.pantalla[data-pagina="35"] .grupo-grilla .contenedor { height:180px !important; overflow:hidden !important; }
.pantalla[data-pagina="27"] .grupo-grilla .graf,
.pantalla[data-pagina="32"] .grupo-grilla .graf,
.pantalla[data-pagina="34"] .grupo-grilla .graf,
.pantalla[data-pagina="35"] .grupo-grilla .graf { height:120px !important; overflow:hidden !important; }
.pantalla[data-pagina="27"] .grupo-wrap:has(.grupo-grilla > .contenedor:only-child),
.pantalla[data-pagina="32"] .grupo-wrap:has(.grupo-grilla > .contenedor:only-child),
.pantalla[data-pagina="34"] .grupo-wrap:has(.grupo-grilla > .contenedor:only-child),
.pantalla[data-pagina="35"] .grupo-wrap:has(.grupo-grilla > .contenedor:only-child) { min-height:460px; }
.pantalla[data-pagina="27"] .grupo-grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="32"] .grupo-grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) { grid-auto-rows:420px; }
.pantalla[data-pagina="27"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="32"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) .contenedor { height:420px !important; overflow:visible !important; }
.pantalla[data-pagina="27"] .grupo-grilla:has(> .contenedor:only-child) .graf,
.pantalla[data-pagina="32"] .grupo-grilla:has(> .contenedor:only-child) .graf,
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child) .graf,
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) .graf { height:350px !important; overflow:visible !important; }
.pantalla[data-pagina="27"] .grupo-grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="32"] .grupo-grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child),
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) { grid-template-columns:minmax(0,1fr); width:100%; }
.pantalla[data-pagina="27"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="32"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) .contenedor { width:100%; }
.pantalla[data-pagina="27"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="32"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="34"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="35"] .lamina-cuerpo.active > .grilla { grid-template-columns:minmax(0,1fr); width:100%; }

/* Ajuste final de composición: el contenido debe ocupar la zona útil de la
   lámina y no quedar suspendido demasiado abajo. */
.pantalla[data-pagina="17"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="19"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="24"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="25"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="29"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="31"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="32"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="34"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="35"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="37"] .lamina-cuerpo.active > .grilla,
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla { transform:translateY(clamp(-64px,-7vh,-32px)); }
.nav-fullscreen {
  margin-left: 10px; border: 1px solid var(--pb-line); background: #fff;
  color: var(--pb-navy); border-radius: 3px; min-width: 34px; height: 30px;
  font-size: 1.15rem; cursor: pointer;
}
.nav-fullscreen:hover { background: #f4f7ff; }
body.modo-pantalla-completa .pantalla { width: 100vw; height: 100vh; margin: 0; border: 0; }
body.modo-pantalla-completa .nav-pie { position: fixed; left: 0; right: 0; bottom: 0; }

/* QA final: los canvas de gráficos largos no pueden conservar una altura
   absoluta mayor que la tarjeta, porque entonces las últimas categorías salen
   de la lámina. Se ajustan al área real disponible de la tarjeta. */
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(> .graf > canvas) > .graf > canvas {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child) .graf,
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) .graf {
  height: 350px !important;
  overflow: hidden !important;
  position: static !important;
}
.pantalla[data-pagina="34"] .grupo-grilla:has(> .contenedor:only-child) .contenedor,
.pantalla[data-pagina="35"] .grupo-grilla:has(> .contenedor:only-child) .contenedor {
  height: 420px !important;
  overflow: hidden !important;
}

/* Las comparativas de Aroma tienen dos gráficos y deben aprovechar toda la
   anchura de la lámina, como las demás láminas comparativas. */
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla {
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla > .contenedor {
  width: 100% !important;
  height: 420px !important;
  min-width: 0;
}
.pantalla[data-pagina="39"] .lamina-cuerpo.active > .grilla > .contenedor .graf {
  height: 340px !important;
}

/* La lámina con la tabla extensa y el pastel necesita reservar altura real
   para ambos elementos, evitando que la tabla o el pastel queden cortados. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  grid-template-rows: 235px 285px !important;
  gap: 10px !important;
  align-content: center !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child {
  overflow: hidden !important;
  padding: 8px 12px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) {
  overflow: visible !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .graf {
  height: 235px !important;
}

/* La nota de muestra es una banda inferior, no una capa de toda la tarjeta:
   así queda siempre completa en la esquina inferior derecha. */
.pantalla[data-pagina="17"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="19"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="24"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="25"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="27"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="29"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .notas {
  top: auto !important;
  bottom: 8px !important;
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  height: 18px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* ECharts crea dos contenedores internos antes del canvas. Todos deben
   respetar el alto de .graf; de lo contrario el canvas conserva 855px y las
   categorías inferiores quedan fuera de la lámina. */
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div {
  width: 100% !important;
  height: 100% !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* El selector anterior no debe convertir la banda .notas en un contenedor de
   ECharts: se restituye explícitamente su altura y posición al final de la
   cascada. */
.pantalla[data-pagina="17"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="19"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="24"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="25"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="27"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="29"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas {
  position: absolute !important;
  top: auto !important;
  right: 8px !important;
  bottom: 8px !important;
  left: 8px !important;
  width: auto !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  align-items: center !important;
}

/* Ajustes finales: esta sección queda al final para prevalecer sobre las
   reglas históricas del reporte. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  transform: translateY(-35px) !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla {
  transform: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 265px 265px !important;
  gap: 10px !important;
  height: 540px !important;
  width: 100% !important;
  align-content: center !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor {
  height: 265px !important;
  min-height: 0 !important;
  max-height: 265px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor .graf.tabla-scroll {
  height: 210px !important;
  max-height: 210px !important;
  overflow: auto !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor .notas {
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  top: auto !important;
  width: auto !important;
  height: 18px !important;
}

.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 430px !important;
  height: 430px !important;
  width: 100% !important;
  align-content: center !important;
  transform: none !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla > .contenedor,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla > .contenedor {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla .graf {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla canvas,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla canvas,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla canvas,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.pantalla[data-pagina="31"] .lamina-cuerpo:nth-child(1).active > .grilla {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: 430px !important;
  gap: 20px !important;
  height: 430px !important;
  width: 100% !important;
  align-content: center !important;
  transform: none !important;
}
.pantalla[data-pagina="31"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="31"] .lamina-cuerpo:nth-child(1).active > .grilla .promedio-chart {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}

.pantalla[data-pagina="32"] .lamina-cuerpo:nth-child(6).active > .grilla {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 430px !important;
  height: 430px !important;
  width: 100% !important;
  align-content: center !important;
  transform: none !important;
}
.pantalla[data-pagina="32"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="32"] .lamina-cuerpo:nth-child(6).active > .grilla .promedio-chart {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}

/* Correcciones verificadas de encuadre y gráficas colapsadas. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  transform: translateY(-35px) !important;
}

.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla {
  transform: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 265px 265px !important;
  gap: 10px !important;
  height: 540px !important;
  width: 100% !important;
  align-content: center !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor {
  height: 265px !important;
  min-height: 0 !important;
  max-height: 265px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor .graf.tabla-scroll {
  height: 210px !important;
  max-height: 210px !important;
  overflow: auto !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor .notas {
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 8px !important;
  top: auto !important;
  width: auto !important;
  height: 18px !important;
}

.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 430px !important;
  height: 430px !important;
  width: 100% !important;
  align-content: center !important;
  transform: none !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla > .contenedor,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla > .contenedor {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla .graf,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla .graf {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla .graf > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla .graf > div > div,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(6).active > .grilla canvas,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(7).active > .grilla canvas,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(8).active > .grilla canvas,
.pantalla[data-pagina="27"] .lamina-cuerpo:nth-child(9).active > .grilla canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.pantalla[data-pagina="31"] .lamina-cuerpo:nth-child(1).active > .grilla {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: 430px !important;
  gap: 20px !important;
  height: 430px !important;
  width: 100% !important;
  align-content: center !important;
  transform: none !important;
}
.pantalla[data-pagina="31"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="31"] .lamina-cuerpo:nth-child(1).active > .grilla .promedio-chart {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}

.pantalla[data-pagina="32"] .lamina-cuerpo:nth-child(6).active > .grilla {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 430px !important;
  height: 430px !important;
  width: 100% !important;
  align-content: center !important;
  transform: none !important;
}
.pantalla[data-pagina="32"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  width: 100% !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="32"] .lamina-cuerpo:nth-child(6).active > .grilla .promedio-chart {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}

/* Cierre de la lámina 52: prevalece sobre las reglas históricas de tamaño. */
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla {
  grid-template-rows: 250px 229px !important;
  height: 489px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) {
  height: 229px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) .graf {
  height: 162px !important;
  max-height: 162px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) .notas {
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  top: auto !important;
  bottom: 8px !important;
}

/* Igual especificidad que las reglas antiguas, para que el ajuste quede efectivo. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  grid-template-rows: 250px 229px !important;
  height: 489px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) {
  height: 229px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .graf {
  height: 162px !important;
  max-height: 162px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .notas {
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  top: auto !important;
  bottom: 8px !important;
}

/* La última lámina de preferencias solubles contiene un comentario y dos
   tarjetas. El comentario ocupa toda la fila superior y las tarjetas quedan
   juntas debajo, sin que el transform global las saque por arriba o por el
   pie de navegación. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla {
  transform: none !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: 110px 320px !important;
  gap: 10px !important;
  width: 100% !important;
  align-content: center !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .contenedor:first-child {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 110px !important;
  position: relative !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .contenedor:nth-child(2),
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .contenedor:nth-child(3) {
  width: 100% !important;
  height: 320px !important;
  min-width: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .contenedor:nth-child(2) .graf,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .contenedor:nth-child(3) .graf {
  height: 250px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active .notas {
  position: absolute !important;
  top: auto !important;
  right: 8px !important;
  bottom: 8px !important;
  left: 8px !important;
  width: auto !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  align-items: center !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla {
  grid-template-rows: 110px 348px !important;
  height: 468px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap {
  grid-column: 1 / -1 !important;
  height: 348px !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap .grupo-grilla {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 294px !important;
  height: 294px !important;
  min-height: 0 !important;
  flex: 0 0 294px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap .grupo-grilla > .contenedor {
  height: 294px !important;
  min-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap .grupo-grilla .graf {
  height: 224px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap .grupo-grilla > .contenedor table {
  font-size: .70rem !important;
  line-height: 1 !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap .grupo-grilla > .contenedor th,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(10).active > .grilla > .grupo-wrap .grupo-grilla > .contenedor td {
  padding: 3px 6px !important;
}

/* El Key Driver es una sola composición de barras y tabla; su tarjeta no
   necesita ocupar la altura completa de una lámina vacía. */
.pantalla[data-pagina="23"] .lamina-cuerpo.active > .grilla {
  transform: none !important;
  align-content: center !important;
  height: 440px !important;
}
.pantalla[data-pagina="23"] .lamina-cuerpo.active > .grilla > .contenedor.wide {
  height: 440px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* La cuarta lámina de recordación tostado combina una tabla por edad con la
   recordación ayudada. Se compactan ambos bloques para mostrar el conjunto
   completo en una sola lámina, sin sacrificar las etiquetas de las donas. */
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla {
  transform: none !important;
  align-content: center !important;
  grid-template-rows: 205px 260px !important;
  gap: 6px !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child {
  height: 205px !important;
  min-height: 0 !important;
  position: relative !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child .graf {
  height: 165px !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child table {
  font-size: .70rem !important;
  line-height: 1 !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child th,
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child td {
  padding: 2px 5px !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .grupo-wrap {
  height: 260px !important;
  min-height: 0 !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .grupo-wrap .mini-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 8px !important;
  height: 200px !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .grupo-wrap .mini-grid > .contenedor {
  height: 200px !important;
  min-height: 0 !important;
  padding: 7px 5px !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .grupo-wrap .mini-grid .graf {
  height: 140px !important;
}

/* Corrección de cascada para las notas dentro de un wrapper de ECharts. */
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .graf > .notas {
  position: absolute !important;
  inset: auto 14px 8px !important;
  width: auto !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  align-items: center !important;
}
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > .notas {
  position: absolute !important;
  inset: auto 19px 8px !important;
  width: auto !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  align-items: center !important;
}
.pantalla[data-pagina="32"] .lamina-cuerpo.active .contenedor .graf > .notas {
  position: absolute !important;
  inset: auto 19px 8px !important;
  width: auto !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  align-items: center !important;
}

/* Indicador de muestra en la lámina sin respuestas: debe quedar dentro de la tarjeta. */
.pantalla[data-pagina="32"] .lamina-cuerpo.active .notas {
  left: 19px !important;
  right: 19px !important;
  width: auto !important;
  height: 18px !important;
  bottom: 15px !important;
  top: auto !important;
}

/* Lámina 52: la tabla y el pastel deben quedar completos dentro del área visible. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6) > .grilla {
  grid-template-rows: 250px 229px !important;
  height: 489px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6) > .grilla > .contenedor:nth-child(2) {
  height: 229px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6) > .grilla > .contenedor:nth-child(2) .graf,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6) > .grilla > .contenedor:nth-child(2) .graf > div,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6) > .grilla > .contenedor:nth-child(2) canvas {
  height: 162px !important;
  max-height: 162px !important;
}

/* Refuerzo para la lámina activa: evita que la tarjeta inferior quede bajo la barra. */
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla {
  grid-template-rows: 250px 229px !important;
  height: 489px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) {
  height: 229px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) .notas {
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  top: auto !important;
  bottom: 8px !important;
}

/* Algunas tarjetas de tabla tienen .notas como hijo directo de la tarjeta;
   también deben anclarse abajo, no seguir el flujo de la tabla. */
.pantalla[data-pagina="17"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="19"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="24"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="25"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="27"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="29"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="31"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="32"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="34"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="35"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="37"] .lamina-cuerpo.active .notas,
.pantalla[data-pagina="39"] .lamina-cuerpo.active .notas {
  position: absolute !important;
}

/* Las gráficas ECharts de preferencias solubles también usan un wrapper
   interno; se escala al alto reservado para que las viñetas del pastel no
   queden debajo del pie de navegación. */
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf > div > div,
.pantalla[data-pagina="18"] .lamina-cuerpo.active .contenedor:has(.graf canvas) .graf canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  transform: none !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child .graf {
  height: 205px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child table {
  font-size: .57rem !important;
  line-height: .95 !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child th,
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child td {
  padding: 1px 4px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .graf {
  height: 190px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  grid-template-rows: 260px 240px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child {
  position: relative !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child .graf {
  height: 205px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) {
  height: 240px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .graf {
  height: 170px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .notas {
  bottom: 10px !important;
  z-index: 4 !important;
}

/* Ajuste final posterior a las reglas históricas de la lámina 52. */
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla {
  grid-template-rows: 250px 229px !important;
  height: 489px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) {
  height: 229px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) .graf {
  height: 162px !important;
  max-height: 162px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo.active > .grilla > .contenedor:nth-child(2) .notas {
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  top: auto !important;
  bottom: 8px !important;
}

/* Último refuerzo de la lámina 52: se coloca después de todas sus reglas históricas. */
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla {
  grid-template-rows: 250px 229px !important;
  height: 489px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) {
  height: 229px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .graf {
  height: 162px !important;
  max-height: 162px !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:nth-child(2) .notas {
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  top: auto !important;
  bottom: 8px !important;
}

/* Ajuste de cierre: tarjetas altas completas dentro del área visible. */
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(1).active > .grilla,
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(2).active > .grilla,
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(3).active > .grilla,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(1).active > .grilla,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(2).active > .grilla,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(3).active > .grilla,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(5).active > .grilla,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(7).active > .grilla,
.pantalla[data-pagina="13"] .lamina-cuerpo:nth-child(1).active > .grilla,
.pantalla[data-pagina="13"] .lamina-cuerpo:nth-child(2).active > .grilla,
.pantalla[data-pagina="13"] .lamina-cuerpo:nth-child(3).active > .grilla {
  height: 488px !important;
  align-content: center !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor,
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(2).active > .grilla > .contenedor,
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(3).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(2).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(3).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(5).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(7).active > .grilla > .contenedor,
.pantalla[data-pagina="13"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor,
.pantalla[data-pagina="13"] .lamina-cuerpo:nth-child(2).active > .grilla > .contenedor,
.pantalla[data-pagina="13"] .lamina-cuerpo:nth-child(3).active > .grilla > .contenedor {
  height: 488px !important;
  max-height: 488px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(8).active > .grilla {
  height: 488px !important;
  grid-template-rows: 488px !important;
  align-content: center !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(8).active > .grilla > .contenedor.destacado-sutil {
  height: 488px !important;
  min-height: 488px !important;
  max-height: 488px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child .notas {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;
  top: auto !important;
  width: auto !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
}

/* Restaura el tamaño de las demás láminas de preferencias solubles; el
   recorte 250/229 pertenece únicamente a la lámina 52. */
.pantalla[data-pagina="18"] .lamina-cuerpo:not(:nth-child(6)):not(:nth-child(10)).active > .grilla {
  grid-template-rows: 430px !important;
  height: 430px !important;
  align-content: center !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:not(:nth-child(6)):not(:nth-child(10)).active > .grilla > .contenedor:has(canvas) {
  height: 430px !important;
  min-height: 0 !important;
  max-height: 430px !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="18"] .lamina-cuerpo:not(:nth-child(6)):not(:nth-child(10)).active > .grilla > .contenedor:has(canvas) .graf {
  height: 350px !important;
  min-height: 0 !important;
  max-height: 350px !important;
}

/* Las tarjetas altas de tostado se ajustan al límite visible sin perder sus
   gráficas ni sus indicadores de muestra. */
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(1).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(2).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(3).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(5).active > .grilla > .contenedor,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(7).active > .grilla > .contenedor {
  min-height: 488px !important;
}

.pantalla[data-pagina="13"] .lamina-cuerpo.active > .grilla {
  height: 488px !important;
  grid-template-rows: 488px !important;
  align-content: center !important;
}
.pantalla[data-pagina="13"] .lamina-cuerpo.active > .grilla > .contenedor {
  height: 488px !important;
  min-height: 488px !important;
  max-height: 488px !important;
  overflow: hidden !important;
}

/* En la lámina 21 la tabla no lleva nota adicional; evita que un residuo de
   la plantilla se monte sobre la fila Total (n). */
.pantalla[data-pagina="11"] .lamina-cuerpo:nth-child(4).active > .grilla > .contenedor:first-child .notas {
  display: none !important;
}

/* La lámina 6/9 de preferencias tostado combina tabla y pastel. Se aprovecha
   el espacio vertical libre y se reserva una leyenda legible junto al gráfico. */
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla {
  transform: none !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 230px minmax(190px, min(500px, calc(100vh - 468px))) !important;
  gap: 10px !important;
  width: 100% !important;
  align-content: start !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:first-child {
  height: 230px !important;
  position: relative !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child {
  height: 100% !important;
  width: min(960px, 100%) !important;
  max-width: 100% !important;
  justify-self: center !important;
  position: relative !important;
  padding: 10px 16px 28px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .ele-titulo {
  font-size: .84rem !important;
  line-height: 1.2 !important;
  padding-bottom: 8px !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .graf {
  height: clamp(150px, calc(100vh - 574px), 390px) !important;
  min-height: 0 !important;
  max-height: 390px !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .graf > div,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child .graf > div > div,
.pantalla[data-pagina="12"] .lamina-cuerpo:nth-child(6).active > .grilla > .contenedor:last-child canvas {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

/* Lámina 30 · una sola tabla, centrada y ampliada en la lámina. */
.pantalla[data-pagina="12"] .lamina-cuerpo[data-subslide="8"].active > .grilla {
  width: 100% !important;
  height: min(560px, calc(100vh - 344px)) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-content: center !important;
  justify-items: center !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo[data-subslide="8"].active > .grilla > .contenedor {
  width: min(1120px, 100%) !important;
  max-width: 1120px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
  padding: 18px 20px !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo[data-subslide="8"].active > .grilla > .contenedor .ele-titulo {
  font-size: clamp(1rem, 1.15vw, 1.15rem) !important;
  line-height: 1.25 !important;
  padding-bottom: 10px !important;
  text-align: center !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo[data-subslide="8"].active > .grilla > .contenedor .graf table {
  width: 100% !important;
  font-size: clamp(.88rem, min(1.08vw, 1.8vh), 1.08rem) !important;
  table-layout: auto !important;
}
.pantalla[data-pagina="12"] .lamina-cuerpo[data-subslide="8"].active > .grilla > .contenedor .graf th,
.pantalla[data-pagina="12"] .lamina-cuerpo[data-subslide="8"].active > .grilla > .contenedor .graf td {
  padding: 10px 14px !important;
  line-height: 1.2 !important;
}