/* ==========================================================================
   6. WP Grid Builder — overrides de facetas y grids
   ASONGD — pasongd-estilos-v8 — dividido por componentes
   ========================================================================== */

/* ========================================================================
X. TemasElementos Grid Builder
=========================================================================== */
div.wpgb-facet.wpgb-facet-5 > button.wpgb-button.wpgb-load-more{
    background: #006a40;
}

.wp-grid-builder .wpgb-area-top-2 > div/*, .wpgb-grid-10 .wpgb-area-top-1 > div*/{
    width: 100% !important;
}

.wpgb-grid-10 .wpgb-area-top-1 {
  display: grid !important;
  grid-template-columns: 4fr; /* 75% / 25% */
  gap: 16px;
  margin: 0 !important;
}

.wpgb-grid-10 .wpgb-area-top-1 .wpgb-facet {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.wp-grid-builder .wpgb-area-bottom-1 > div {
 
  margin-top: 20px;
}
/* Responsive: apila en una columna en móvil */
@media (max-width: 640px) {
  .wpgb-grid-10 .wpgb-area-top-1 {
    grid-template-columns: 1fr !important;
  }
  .wp-grid-builder .wpgb-area-bottom-1 > div {
  padding: 0 16px;
  margin-top: 10px;
}
}


.wpgb-facet ul .wpgb-button {
  background: transparent !important;
  border: 2px solid var(--accent) !important;
  color: var(--accent) !important;
  font-family: "Poppins", system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.wpgb-facet ul .wpgb-button:hover {
  background: var(--accent) !important;
  color: #fff !important;
}
.wpgb-facet .wpgb-button-facet {
  align-items: center;
}


/* -------------------------------------------------------------------------
   Overrides responsive de WPGB (procedentes de estilos_grales.css)
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .wpgb-grid-14 div.wpgb-viewport{
        margin: -10px;
    }
    .wp-grid-builder .wpgb-card {
        font-size: 16px;
        min-width: 0;
        position: relative;
        z-index: 0;
        width: 90vw !important;
        /* border: 1px solid var(--accent) !important; */
        border-radius: 8px;
    }
    .wpgb-card .entry-summary, .wpgb-card .wpgb-block-4{
        display: none !important;
    }
}

/* Estilos para grid 11, página monográficos */
@media (min-width: 769px) {
    .wp-grid-builder.wpgb-grid-11.wpgb-enabled {
        position: relative;
        left: 5%;
        padding-left: clamp(60px, 10vw, 140px);
    }
}

.wpgb-grid-12 .wpgb-area-top-2 > div , .wpgb-grid-14 .wpgb-area-top-2 > div{
  width: 100%;
}
