.blockColumnsContainer{gap:0!important}
/* Barra lateral + layout */
.sz-recursos-layout{display:flex;width:100%;align-items:stretch;background:transparent;color:var(--wp--preset--color--blanco)}
.filtersToggle{display:none;position:relative;z-index:60;background:var(--wp--preset--color--negro);color:var(--wp--preset--color--blanco);border:1px solid var(--wp--preset--color--blanco);padding:10px 18px;font-size:15px;cursor:pointer;border-radius:4px;margin:0 0 20px}
/* Show toggle only on phones; keep sidebar visible on tablets */
@media (max-width:700px){.filtersToggle{display:inline-block}}
.sidebarContainer{flex-basis:20%!important;max-width:320px;min-width:250px;display:flex;flex-direction:column;background:var(--wp--preset--color--negro);color:var(--wp--preset--color--blanco);position:sticky;top:0;max-height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}
/* Off-canvas only on phones */
@media (max-width:700px){
	.sidebarContainer{position:fixed;inset:0 0 0 0;max-width:none;min-width:0;transform:translateX(-100%);transition:transform .35s ease;z-index:50;padding-top:70px}
	.sidebarContainer.is-open{transform:translateX(0)}
	body.sz-filters-open{overflow:hidden}
	.sz-filtersBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease}
	.sz-filtersBackdrop.is-active{opacity:1;visibility:visible}
}
.filtersContainer{border-right:1px solid var(--wp--preset--color--blanco);margin:0!important;padding:0 0 60px}
.resultsContainer{flex:1;flex-basis:80%!important;padding:var(--wp--preset--spacing--50);position:relative;background:var(--wp--preset--color--blanco)}
/* Encabezados */
.categoryFilter_title,.tagsFilter_title{margin:0;font-weight:500;font-size:clamp(1rem,0.9rem + 0.4vw,1.4rem);letter-spacing:.5px;padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--20) var(--wp--preset--spacing--40)}
.tagsFilter_title{padding-bottom:var(--wp--preset--spacing--30)}
.filter_titleArrow{display:none;font-size:.7em;vertical-align:top}
/* Filas de categorías */
.categoryFilter_nameContainer{border-bottom:1px solid var(--wp--preset--color--blanco);cursor:pointer}
.categoryFilter_nameContainer:has(>.categoryFilter_name.active){background:var(--wp--preset--color--azul);color:var(--wp--preset--color--negro)}
.categoryFilter_name{margin:0;display:block;position:relative;padding:14px 40px 14px 40px;font-size:18px;font-weight:500}
.categoryFilter_name.active{color:var(--wp--preset--color--negro)}
.categoryFilter_name.active::after{content:"×";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:600;opacity:.8}
/* Etiquetas */
.tagsFiltersContainer{padding:0 0 40px}
.tagsFiltersList{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;text-align:center}
.tagsFilter_name{border:1px solid var(--wp--preset--color--blanco);border-radius:30px;cursor:pointer;font-size:18px;padding:10px 30px;text-align:center;position:relative;color:var(--wp--preset--color--blanco);text-decoration:none;line-height:1.2;flex:0 0 180px;width:180px;box-sizing:border-box;white-space:normal;hyphens:none;min-height:auto}
.tagsFilter_name.active{background:var(--wp--preset--color--azul);color:var(--wp--preset--color--negro)}
.tagsFilter_name.active::after{content:"×";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:600;opacity:.8}
/* Rejilla */
.resultsGrid{display:grid;gap:var(--wp--preset--spacing--50);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));opacity:1}
@media (max-width:1200px){.resultsGrid{gap:40px}}
@media (max-width:900px){.resultsGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
/* Compact layout for small phones while keeping off-canvas sidebar */
@media (max-width:700px){
  .sz-recursos-layout{flex-direction:column}
  /* Keep sidebar as off-canvas on small screens (override older rule) */
  .sidebarContainer{position:fixed;inset:0;max-width:none;min-width:0;transform:translateX(-100%);transition:transform .35s ease;z-index:50;padding-top:64px}
  .sidebarContainer.is-open{transform:translateX(0)}
  .resultsContainer{padding:32px 20px}
  .resultsGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}
  .categoryFilter_name{padding:12px 28px}
  /* Reduce tag button width for smaller screens */
  .tagsFilter_name{flex:0 0 160px;width:160px}
}
@media (max-width:480px){
  .tagsFiltersContainer{padding:0 0 28px}
  /* Prefer 2 columns on narrow phones for better tap targets */
  .resultsGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
  /* Further reduce tag button width on very narrow screens */
  .tagsFilter_name{flex:0 0 140px;width:140px;font-size:16px;padding:8px 20px}
}

/* Toggle badge to show active filters count */
.filtersToggle.has-active::after{
  content: attr(data-count);
  position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;
  background: var(--wp--preset--color--amarillo,#ffd500);color:#000;text-align:center;font:700 12px/18px system-ui;
  z-index:1; /* ensure above button background */
}

/* Mobile-only hint inside sidebar to guide closing */
@media (max-width:700px){
  .sz-filtersHint{position:sticky;top:0;z-index:2;background:var(--wp--preset--color--negro);color:var(--wp--preset--color--blanco);padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;gap:10px}
  .sz-filtersHint__text{font:500 14px/1.3 system-ui;opacity:.9}
  .sz-filtersHint__close{background:var(--wp--preset--color--blanco);color:var(--wp--preset--color--negro);border:0;border-radius:4px;padding:8px 10px;font:600 13px/1 system-ui;cursor:pointer}
}
/* Miniaturas */
.resultsElement_img{aspect-ratio:1;border-radius:30px;object-fit:cover;width:100%;height:auto;display:block}
/* Overrides del contenedor de miniaturas para el layout de recursos */
.sz-recursos-layout .sz-thumb-grid .sz-item__link{aspect-ratio:auto;border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:0}
.sz-recursos-layout .sz-thumb-grid .sz-item__link:hover{box-shadow:none!important}
.sz-recursos-layout .sz-thumb-grid img.sz-thumb{aspect-ratio:1!important;border-radius:30px;object-fit:cover}
/* Contador (simple, alineado a la derecha) */
.resultsMeta{margin:0 0 32px!important;display:flex;justify-content:flex-end;padding-top:5px;font-size:.9rem;opacity:.85}
/* (Eliminado) Fila de iconos de acción bajo cada tarjeta: no hay HTML asociado actualmente */
/* Hidden utility */
.hidden{display:none}
/* Estado de carga */
.sz-loading .resultsGrid{opacity:.5;transition:opacity .25s}
/* (Eliminada) Paginación heredada: no se utiliza actualmente */
/* (Eliminado) Tamaños de iconos de acción placeholder */
/* (Eliminado) Toggle de extracto placeholder */
/* Colores utilitarios para enlaces en filtros */
.sz-recursos-layout .filtersContainer a{color:inherit;text-decoration:none}

/* Sidebar decorative image */
.sidebar-image-container{
  padding:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}
.sidebar-decorative-image{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  display:block;
}

@media (max-width:700px){
  .sidebar-image-container{
    padding:0;
  }
  .sidebar-decorative-image{
    width:100%;
  }
}