/* ============================================================
   SECCIÓN · LAB (Laboratorio de Ideas)
   Plantilla: MENÚ (nivel 2)
   Color de sección: var(--c-lab) = #3FE03F
   ============================================================ */

.seccion-lab {
  --seccion: var(--c-lab, #C3D670);
  --muted: rgba(10, 10, 10, 0.55);
  font-family: "IBM Plex Sans Condensed", sans-serif;
  color: var(--ink, #0a0a0a);
  /* Padding ajustado para que la rejilla quepa sin scroll en pantallas
     normales (sin el titular grande que llevaba antes). */
  padding: 0.25rem clamp(1.25rem, 3vw, 2.5rem) 0;
  max-width: 1200px;
  margin: 0 auto;
}

/* Reducimos el padding por defecto del panel SOLO cuando hay un grid
   de LAB dentro: el global (.ec-body) usa 32px arriba/abajo, lo que
   se come espacio y obliga a scroll innecesario. */
.ec-body:has(.seccion-lab) {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* ===== FILTROS =====
   Los filtros usan ahora las clases compartidas .filtros-tabs /
   .filtro-tab definidas en estilos/secciones.css. Aquí no hace
   falta nada específico de LAB. */

/* La rejilla y las piezas (.piezas-rejilla / .pieza) viven ahora
   en estilos/secciones.css como estilo compartido. La rejilla por
   defecto ya es auto-fit con mínimo 180px (5+ columnas en LAB).
   Cuestionar tiene su propio override a 4 columnas fijas. */