.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}/* =========================
   APPLIED FILTERS (chips)
   ========================= */
.applied-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem 1rem;
  padding: 0;
  overflow: visible;
  width: 80%; 
  margin: 0 auto;
}

.has-edit-mode-menu .applied-filters,
.page-editor__fragment-content .applied-filters {
  position: relative;
  z-index: 1;
}

/* Lista de chips */
.applied-filters [id$="_filterList"] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  overflow: hidden;
  max-height: 4.5rem; 
}

/* Botones derecha */
.applied-filters [id$="_toggleExpand"],
.applied-filters [id$="_removeAllFilters"] {
  align-self: flex-start;
  line-height: 1.35;
}

/* “Mostrar más / menos” */
.applied-filters [id$="_toggleExpand"].btn {
  font-size: 0.875rem;
  padding: 0;
  text-decoration: underline;
  color: #374151;
}
.applied-filters [id$="_toggleExpand"].btn:hover {
  color: #111827;
}

/* “Borrar filtros” */
.applied-filters [id$="_removeAllFilters"].btn {
  font-weight: 500;
  padding: 0;
  text-decoration: underline;
  color: var(--primary-300) !important;
}
.applied-filters [id$="_removeAllFilters"].btn:hover {
  color: var(--primary-600) !important;
}

/* =========================
   CHIP (Clay label)
   ========================= */
.applied-filters .label {
  background: #f8fafc;
  color: var(--primary-500);
  border: 1px solid var(--primary-900);
  border-radius: .7rem;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.applied-filters .label-lg {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Texto del chip */
.applied-filters .label-item-expand {
  text-transform: capitalize;
  
}

/* Botón X del chip */
.applied-filters .label-item-after {
  display: inline-flex;
  align-items: center;
}

.applied-filters .remove-filter-button {
  border: 0;
  background: transparent;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.05s;
}
.applied-filters .remove-filter-button:hover {
  background: rgba(37, 99, 235, 0.10);
}
.applied-filters .remove-filter-button:active {
  transform: scale(0.94);
}
.applied-filters .remove-filter-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.20);
}

.applied-filters .lexicon-icon-times-small {
  inline-size: 14px;
  block-size: 14px;
  display: block;
}

/* Responsive */
@media (max-width: 576px) {
  .applied-filters { gap: 0.5rem; }
  .applied-filters [id$="_filterList"] { max-height: none; }
}
/* ============ FILA CONTENEDORA (ambos lado a lado) ============ */
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items:  flex-start;
  justify-content: center;
  width: 80%; 
  margin: auto;

  /* Evita cortes de menús/overlays dentro de editores */
  overflow: visible;
}

@media (max-width: 500px) {
 .filter-row {
   flex-direction: column;
   gap: 0;
  }
}
/* ============ CONTENEDOR BASE (match con categoryFilter) ============ */
.topicFilter {
  flex: 1 1;
  max-width: 720px;
  min-width: 170px;
  margin: 0 auto;
  padding: 0;
  border-radius: 0.75rem;
  overflow: visible; /* que no corte popovers internos */
}

/* Limpieza de spacing Clay dentro del bloque */
.topicFilter .form-group {
  margin: 0;
}

/* ============ CAMPO BUSCADOR (look de botón-select) ============ */
.topicFilter .input-group {
  position: relative;
}

.topicFilter .form-control {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.5rem 0.875rem;
  border: 1px solid var(--primary-500, #e5e7eb);
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: none;
}

.topicFilter .input-group .input-group-item .input-group-inset-after.form-control {
  border-right: 1px solid var(--primary-500, #e5e7eb);
  border-radius: 0.75rem;
  margin: 0; 
  color: var(--neutral-500);
  font-size: var(--fs-xs);
  font-family: var(--font-body);
} 

.topicFilter .form-group.form-group.form-group-sm .control-label {
 color: var(--primary-400);
  font-size: var(--fs-xs); 
  font-family: var(--font-body);
} 

.topicFilter .form-group.form-group.form-group-sm {
  margin: 0; 
}

/* Botón interno (Clay) como ícono "ghost" alineado a la derecha */

.topicFilter .input-group-inset-item.input-group-inset-item-after {
    position: absolute;
    inset-inline-end: 0.5rem;
    top: 50%;
    right: 1%;
    transform: translateY(-50%);
    border: none;
   
}

.topicFilter .btn.btn-monospaced.btn-unstyled {
  color: var(--neutral-500);
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1;
  border-radius: 0.375rem;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  pointer-events: auto; 
}
.topicFilter .btn.btn-monospaced.btn-unstyled:hover {
  opacity: 1;
}

@media (max-width: 768px) {
  .topicFilter {
  padding: 0;
     width: 100%;
  }
}.lfr-layout-structure-item-a26ccc54-0a1c-f774-6986-dfe7c02b5171 {
text-align: center !important;
}

/* =============================
   Contenedor de la colección / Clase creada "Colection container"
   ============================= */
.collection-container {
  border: 2px solid rgba(var(--primary-700-rgb), 0.2);
  border-top: none;
  border-left: none;
  border-radius: var(--space-6);
  overflow: clip;
  width: 80%;
  min-width: 320px;
  margin: auto;
}

/* =============================
   Paginación / Tabs
   ============================= */

/* Base para enlaces de paginación */
.collection-container .pagination .page-link,
.collection-container .nav-underline .nav-link {
  border: 1px solid var(--neutral-200);
  background: var(--neutral-1100);
  color: var(--primary-300);
  padding: .5rem .9rem;
  border-radius: var(--space-2);
  line-height: 1.1;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Hover general */
.collection-container .pagination .page-link:hover,
.collection-container .nav-underline .nav-link:hover {
  background: var(--primary-500);
  border-color: var(--primary-500);
}

/* Focus accesible */
.collection-container .pagination .page-link:focus-visible,
.collection-container .nav-underline .nav-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-500) 35%, transparent);
}

/* Activo (link actual) */
.collection-container .pagination .page-item:is(.active, .show) .page-link,
.collection-container .nav-underline .nav-link.active {
  background-color: var(--primary-700);
  color: var(--primary-300);
  border: none;
  font-weight: var(--w-medium);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* Flechas (primera/última) */
.collection-container .pagination .page-item:first-child .page-link,
.collection-container .pagination .page-item:last-child .page-link {
  border: none;
  background-color: var(--primary-700);
  color: var(--primary-300);
}

/* Disabled */
.collection-container .pagination .page-item.disabled .page-link,
.collection-container .nav-underline .nav-item.disabled .nav-link {
  border: none;
  background-color: var(--neutral-900);
  color: var(--neutral-600);
  cursor: not-allowed;
  opacity: .75;
}

/* Radios limpios en grupos (por si hay muchos items) */
.collection-container .pagination {
  gap: .35rem;
  margin: .5rem;
}
.collection-container .nav-underline {
  gap: .5rem;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .collection-container .pagination .page-link,
  .collection-container .nav-underline .nav-link {
    transition: none;
  }
}

@media screen and (max-width: 768px) {
  .collection-container {
     width: 100%;
    margin: 0;
  }
}/* Contenedor */
.categoryFilter {
  flex: 1 1;
  max-width: 720px;
  min-width: 170px;
  margin:0 auto;
  padding: 0;
  overflow:visible; /* no cortar el menú */
}

/* Botón tipo select */
.categoryFilter .dropdown-toggle.form-control{
  width:100%;
  min-height:2.75rem;
  padding:.5rem .875rem;
  border:1px solid var(--primary-500, #e5e7eb);
  border-radius:.75rem;
  background:#fff;
  text-align:left;
  color: var(--neutral-500);
  font-size: var(--fs-xs);
  font-family: var(--font-body);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 16 16'%3E%3Cpath fill='%23AAAAAA' d='M8 12L2 6h12z'/%3E%3C/svg%3E");
  /* Posiciona y ajusta el tamaño del SVG */
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
  padding-right: 2.25rem; /* espacio para el caret */
}

/* Menú del dropdown al mismo ancho */
.categoryFilter .dropdown-menu{
  width:100%;
  width:min(100%,720px);
  max-height:50dvh;
  margin: auto;
  overflow:auto;
  border-radius:.75rem;
}
/* Contenedor: que no corte el menú */
.categoryFilter { overflow: visible; }

/* Menú del dropdown (sin .show) */
.categoryFilter .dropdown-menu{
  width:100%;
  padding:.5rem;
  border:1px solid var(--neutral-200,#e5e7eb);
  border-radius:.75rem;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  z-index:1001; /* sobre tarjetas cercanas */
  /* no tocamos display/position para no interferir con Clay */
}

/* Buscador */
.categoryFilter .dropdown-menu .input-group .form-control{
  height:2.25rem;
  border:1px solid var(--neutral-200,#e5e7eb);
  border-radius:.5rem;
  padding:.375rem .625rem;
}

/* Área scroll de opciones */
.categoryFilter .dropdown-menu .inline-scroller{
  max-height:50vh;
  overflow:auto;
  margin-top:.5rem;
  padding-right:.25rem;
}

/* Ítems con checkbox */
.categoryFilter .dropdown-menu .custom-control{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .25rem;
  border-radius:.5rem;
}
.categoryFilter .dropdown-menu .custom-control:hover{
  background:rgba(var(--primary-700-rgb,0,84,153),.08);
}
.categoryFilter .dropdown-menu .custom-control-input{
  width:1rem;height:1rem;margin-right:.5rem;
  accent-color:var(--primary-700,#2563eb);
}
.categoryFilter .dropdown-menu .custom-control-label-text{
  font-size:.95rem;
  line-height:1.25;
}

/* Botón Aplicar al 100% */
.categoryFilter .dropdown-menu .dropdown-section .btn.btn-primary{
  width:100%;
  margin-top:.5rem;
  border-radius:.5rem;
  background: var(--primary-500); 
  color: var(--primary-contrast-500);
}


 .custom-control-label-text {
 text-transform: capitalize;
}

/* Editor de Liferay: asegúrate de que quede por encima */
.has-edit-mode-menu .categoryFilter .dropdown-menu,
.page-editor__fragment-content .categoryFilter .dropdown-menu{
  z-index:10000;
}

/* Móvil */
@media (max-width:768px){
  .categoryFilter {
    width: 100%;
  padding: 0;
  }
  .categoryFilter .dropdown-menu { max-width:100%; }
  .categoryFilter .dropdown-menu .custom-control-label-text { font-size: var(--fs-sm); }
  
.categoryFilter .form-group.form-group-sm {
  margin: 0 0 .5rem 0;
  }
}
/* Contenedor */
.categoryFilter {
  flex: 1 1;
  max-width: 720px;
  min-width: 170px;
  margin: 0 auto;
  padding: 0;
  overflow:visible; /* no cortar el menú */
}

/* Botón tipo select */
.categoryFilter .dropdown-toggle.form-control{
  width:100%;
  min-height:2.75rem;
  padding:.5rem .875rem;
  border:1px solid var(--primary-500, #e5e7eb);
  border-radius:.75rem;
  background:#fff;
  text-align:left;
  color: var(--neutral-500);
  font-size: var(--fs-xs);
  font-family: var(--font-body);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 16 16'%3E%3Cpath fill='%23AAAAAA' d='M8 12L2 6h12z'/%3E%3C/svg%3E");
  /* Posiciona y ajusta el tamaño del SVG */
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
  padding-right: 2.25rem; /* espacio para el caret */
}

/* Menú del dropdown al mismo ancho */
.categoryFilter .dropdown-menu{
  width:100%;
  width:min(100%,720px);
  max-height:50dvh;
  margin: auto;
  overflow:auto;
  border-radius:.75rem;
}
/* Contenedor: que no corte el menú */
.categoryFilter { overflow: visible; }

/* Menú del dropdown (sin .show) */
.categoryFilter .dropdown-menu{
  width:100%;
  padding:.5rem;
  border:1px solid var(--neutral-200,#e5e7eb);
  border-radius:.75rem;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  z-index:1001; /* sobre tarjetas cercanas */
  /* no tocamos display/position para no interferir con Clay */
}

/* Buscador */
.categoryFilter .dropdown-menu .input-group .form-control{
  height:2.25rem;
  border:1px solid var(--neutral-200,#e5e7eb);
  border-radius:.5rem;
  padding:.375rem .625rem;
}

/* Área scroll de opciones */
.categoryFilter .dropdown-menu .inline-scroller{
  max-height:50vh;
  overflow:auto;
  margin-top:.5rem;
  padding-right:.25rem;
}

/* Ítems con checkbox */
.categoryFilter .dropdown-menu .custom-control{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .25rem;
  border-radius:.5rem;
}
.categoryFilter .dropdown-menu .custom-control:hover{
  background:rgba(var(--primary-700-rgb,0,84,153),.08);
}
.categoryFilter .dropdown-menu .custom-control-input{
  width:1rem;height:1rem;margin-right:.5rem;
  accent-color:var(--primary-700,#2563eb);
}
.categoryFilter .dropdown-menu .custom-control-label-text{
  font-size:.95rem;
  line-height:1.25;
}

/* Botón Aplicar al 100% */
.categoryFilter .dropdown-menu .dropdown-section .btn.btn-primary{
  width:100%;
  margin-top:.5rem;
  border-radius:.5rem;
  background: var(--primary-500); 
  color: var(--primary-contrast-500);
}


 .custom-control-label-text {
 text-transform: capitalize;
}

.categoryFilter .form-group.form-group.form-group-sm .control-label {
 color: var(--primary-400);
  font-size: var(--fs-xs); 
  font-family: var(--font-body);
} 

.categoryFilter .form-group.form-group.form-group-sm {
 margin: 0;
}

/* Editor de Liferay: asegúrate de que quede por encima */
.has-edit-mode-menu .categoryFilter .dropdown-menu,
.page-editor__fragment-content .categoryFilter .dropdown-menu{
  z-index:10000;
}

/* Móvil */
@media (max-width:768px){
  .categoryFilter {
    width: 100%;
  padding: 0;
  }
  .categoryFilter .dropdown-menu { max-width:100%; }
  .categoryFilter .dropdown-menu .custom-control-label-text { font-size: var(--fs-sm); }
  
.categoryFilter .form-group.form-group-sm {
  margin: 0 0 .5rem 0;
  }
}
.lfr-layout-structure-item-a0b22beb-1914-7fc6-5451-511c90d710bb {
padding-left: var(--spacer-3,1rem) !important;
padding-right: var(--spacer-3,1rem) !important;
text-align: center !important;
}
@media screen and (max-width: 575px) {.lfr-layout-structure-item-a26ccc54-0a1c-f774-6986-dfe7c02b5171 {
margin-left: var(--spacer-0,0rem) !important;
margin-right: var(--spacer-0,0rem) !important;
}
}