.elementor-3763 .elementor-element.elementor-element-efe9dc0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d538b12 *//* ══════════════════════════════════════════════════
   BARRA DE FILTROS
   ══════════════════════════════════════════════════ */
.pf-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:30px;
  font-family:"DM Sans",sans-serif;
}

/* ---- Buscador ---- */
#pf-q{
  flex:1 1 280px;
  width:auto;              /* anula el width:100% del tema */
  min-width:0;             /* permite encoger sin desbordar */
  box-sizing:border-box;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  padding:13px 16px;
  color:#fff;
  font-family:inherit;
  font-size:15px;
  line-height:1.4;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .2s;
}
#pf-q::placeholder{ color:#6E6E74; opacity:1; }
#pf-q:focus{ border-color:#A8714A; }

/* Quita la "×" nativa de Chrome y Safari */
#pf-q::-webkit-search-cancel-button,
#pf-q::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}

/* ---- Selector de periodo ---- */
#pf-period{
  flex:0 0 auto;
  width:auto;              /* anula el width:100% del tema */
  box-sizing:border-box;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  padding:13px 16px;
  color:#fff;
  font-family:inherit;
  font-size:14px;
  line-height:1.4;
  outline:none;
  cursor:pointer;
  transition:border-color .2s;
}
#pf-period:focus{ border-color:#A8714A; }
#pf-period option{ background:#000; color:#fff; }

/* ---- Contador ---- */
.pf-count{
  flex:1 0 100%;           /* salta a su propia fila */
  margin:4px 0 0;
  text-align:left;
  color:#6E6E74;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* ---- Mensaje sin resultados ---- */
.pf-empty{
  color:#6E6E74;
  font-size:15px;
  padding:40px 0;
  font-family:"DM Sans",sans-serif;
}

/* ══════════════════════════════════════════════════
   GRILLA
   ══════════════════════════════════════════════════ */

/* Oculta los ítems filtrados sin dejar huecos */
.elementor-loop-container .e-loop-item[hidden]{ display:none !important; }

/* Transición del bloque completo al filtrar o cambiar de página */
.elementor-loop-container.pf-swap{
  animation:pfSwapIn .9s cubic-bezier(.22,.61,.36,1) 180ms both !important;
}
@keyframes pfSwapIn{
  from{ opacity:0; transform:translateY(24px); }
  to{ opacity:1; transform:none; }
}
@media (prefers-reduced-motion:reduce){
  .elementor-loop-container.pf-swap{ animation:none !important; }
}

/* ══════════════════════════════════════════════════
   PAGINACIÓN
   ══════════════════════════════════════════════════ */
.pf-pager{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:40px;
  font-family:"DM Sans",sans-serif;
}

/* Base común a números y flechas */
.pf-pager .pf-pg{
  min-width:44px;
  padding:12px 14px;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:1px solid transparent !important;   /* reserva el espacio del borde */
  border-radius:0 !important;
  box-shadow:none !important;
  color:#A5A5A8;
  font-family:inherit;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  transition:border-color .2s, color .2s;
}

/* Estados: sin fondo en ninguno */
.pf-pager .pf-pg:hover,
.pf-pager .pf-pg:focus,
.pf-pager .pf-pg:active,
.pf-pager .pf-pg:focus-visible{
  background:transparent !important;
  background-color:transparent !important;
}
.pf-pager .pf-pg:hover:not(:disabled){ color:#fff; }

/* Borde solo en los números, no en las flechas */
.pf-pager .pf-pg:not(.pf-pg-prev):not(.pf-pg-next){
  border-color:rgb(242 240 235 / 7%) !important;
}
.pf-pager .pf-pg:not(.pf-pg-prev):not(.pf-pg-next):hover:not(:disabled){
  border-color:rgb(242 240 235 / 22%) !important;
}

/* Página actual */
.pf-pager .pf-pg.is-current{
  color:#fff;
  border-color:rgb(242 240 235 / 30%) !important;
}

.pf-pager .pf-pg:disabled{
  opacity:.3;
  cursor:default;
}

.pf-pg-gap{
  color:#6E6E74;
  font-size:14px;
  padding:0 4px;
}

/* ══════════════════════════════════════════════════
   TABLET Y MÓVIL
   ══════════════════════════════════════════════════ */
@media (max-width:1024px){
  #pf-q,
  #pf-period{ flex:1 1 100%; }

  .pf-count,
  .pf-empty{ text-align:center; }
}/* End custom CSS */