/* Discover 0.20.0 · layout Grid compacto */

/*
 * Se conserva exactamente el sistema original
 * de 12 columnas y todos sus anchos.
 */

.discover-layout-grid .discover-blocks {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
  align-items: start;
}

.discover-layout-grid .discover-block {
  grid-column: span 8;
}

.discover-layout-grid .discover-block.is-width-full {
  grid-column: 1 / -1;
}

.discover-layout-grid .discover-block.is-width-wide {
  grid-column: span 8;
}

.discover-layout-grid .discover-block.is-width-half {
  grid-column: span 6;
}

.discover-layout-grid .discover-block.is-width-third {
  grid-column: span 4;
}

/*
 * Elimina la franja superior de cada bloque:
 * título, subtítulo y botón Ocultar.
 */

.discover-layout-grid .discover-block-head {
  display: none !important;
}

/* Elimina cualquier texto de ayuda bajo la cabecera. */

.discover-layout-grid .discover-block-help {
  display: none !important;
}

/* Elimina la línea decorativa de color superior. */

.discover-layout-grid .discover-block::before {
  display: none !important;
}

/*
 * Convierte cada bloque en una caja baja,
 * conservando únicamente el control útil.
 */

.discover-layout-grid .discover-block {
  min-height: 0;
  margin: 0;
  padding: 0;

  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
}

/* Reduce el espacio que rodea al input, selector, chips o lista. */

.discover-layout-grid .discover-block-body,
.discover-layout-grid .discover-block-inputs .discover-block-body {
  display: block !important;
  min-height: 0;
  margin: 0;
  padding: 8px;
}

/* Reduce la altura de inputs y selectores sin modificar su ancho. */

.discover-layout-grid .discover-input-field,
.discover-layout-grid input,
.discover-layout-grid select,
.discover-layout-grid textarea {
  min-height: 40px;
  margin: 0;
}

/* Compacta herramientas de búsqueda internas. */

.discover-layout-grid .discover-collection-tools {
  gap: 6px;
  margin: 0 0 7px;
}

/* Compacta chips y opciones. */

.discover-layout-grid .dv-chip-list,
.discover-layout-grid .dv-card-grid,
.discover-layout-grid .dv-list {
  margin-top: 0;
}

/*
 * El botón inferior se mantiene,
 * pero con menos separación vertical.
 */

.discover-layout-grid + .discover-bottom-action {
  margin-top: 10px;
}

/* Responsive original */

@container (max-width: 900px) {
  .discover-layout-grid .discover-block.is-width-wide,
  .discover-layout-grid .discover-block.is-width-half,
  .discover-layout-grid .discover-block.is-width-third {
    grid-column: span 6;
  }
}

@container (max-width: 620px) {
  .discover-layout-grid .discover-block,
  .discover-layout-grid .discover-block.is-width-full,
  .discover-layout-grid .discover-block.is-width-wide,
  .discover-layout-grid .discover-block.is-width-half,
  .discover-layout-grid .discover-block.is-width-third {
    grid-column: 1 / -1;
  }
}