.elementor-7170201 .elementor-element.elementor-element-a97f904 .ce-filters__tab-icon{order:1;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .ce-filters__toggle .elementor-button{font-family:"Figtree", sans-serif;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .elementor-heading-title{color:#F23005;font-family:"Figtree", sans-serif;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .elementor-field-group{padding:calc(10px / 2) 0;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .ce-filters__title{color:#032CA6;font-family:"Figtree", sans-serif;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .elementor-field-label{color:#707070;font-family:"Figtree", sans-serif;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .elementor-field-label[data-magnitude]:after{content:"(" attr(data-magnitude) ")";}.elementor-7170201 .elementor-element.elementor-element-a97f904 .elementor-field-label:after{-webkit-padding-start:0.2em;padding-inline-start:0.2em;}.elementor-7170201 .elementor-element.elementor-element-a97f904 .elementor-field-option input:checked ~ i.ce-color--light{color:#000000;}.elementor-7170201 .elementor-element.elementor-element-bb4ca6d .elementor-field-group{gap:6px;}.elementor-7170201 .elementor-element.elementor-element-bb4ca6d .elementor-field-group label{color:#032CA6;font-weight:bold;}.elementor-7170201 .elementor-element.elementor-element-bb4ca6d > .elementor-widget-container{margin:0px 0px 0px 0px;border-radius:16px 16px 16px 16px;}.elementor-element-bb4ca6d > .elementor-widget-container{opacity:1;--e-transform-translateY:-6px;}.elementor-7170201 .elementor-element.elementor-element-f93c292 .ce-products{grid-template-columns:repeat(4, minmax(0, 1fr));}.elementor-7170201 .elementor-element.elementor-element-f3cabda .ce-pagination{margin:0 calc(-16px/2);}.elementor-7170201 .elementor-element.elementor-element-f3cabda .ce-pagination .elementor-icon-list-item{margin:0 calc(16px/2);}body.lang-rtl .elementor-7170201 .elementor-element.elementor-element-f3cabda .elementor-icon-list-item:after{left:calc(-16px/2);}body:not(.lang-rtl) .elementor-7170201 .elementor-element.elementor-element-f3cabda .elementor-icon-list-item:after{right:calc(-16px/2);}@media(min-width:768px){.elementor-7170201 .elementor-element.elementor-element-d83739a{width:21.939%;}.elementor-7170201 .elementor-element.elementor-element-6c1eeca{width:78.081%;}.elementor-7170201 .elementor-element.elementor-element-2b47a85{width:50.068%;}.elementor-7170201 .elementor-element.elementor-element-f726fef{width:49.947%;}}@media(max-width:1024px){.elementor-7170201 .elementor-element.elementor-element-f93c292 .ce-products{grid-template-columns:repeat(3, minmax(0, 1fr));}}@media(max-width:767px){.elementor-7170201 .elementor-element.elementor-element-f93c292 .ce-products{grid-template-columns:repeat(1, minmax(0, 1fr));}}/* Start custom CSS for listing-filters, class: .elementor-element-a97f904 *//* encabezado clickeable con caret */
.ce-filters__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 0;
  cursor: pointer;
  user-select: none;
  position: relative;
}

.ce-filters__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Estilo para el encabezado clickeable */
.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  user-select: none;
}

/* Agregar un icono de caret al lado derecho */
.title::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid currentColor; /* Triángulo apuntando hacia abajo */
  transform: rotate(90deg);           /* Mostrar como caret hacia la derecha (▶) */
  transition: transform 0.2s ease;
}

/* Cuando el filtro está expandido, rota el caret hacia abajo */
.title[aria-expanded="true"]::after {
  transform: rotate(0deg);  /* Triángulo apuntando hacia abajo (▼) */
}

/* Contenido de los filtros, inicialmente oculto */
.elementor-field-subgroup {
  display: none;
  overflow: hidden;
}

/* Mostrar contenido del filtro cuando está expandido */
.title[aria-expanded="true"] + .elementor-field-subgroup {
  display: block;
  padding: 10px 0;
  background-color: #f8f8f8;
  border-top: 1px solid #ccc;
}

/* Para los checkboxes dentro de las opciones de filtro */
.facet-label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.facet-label input {
  margin-right: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d11dbc *//* ===== Desktop (≥768px): ajustar "Mostrar" ===== */
@media (min-width: 768px){

  /* No toques la columna; alinea su contenido sin estirar y sin huecos */
  [data-id="2b47a85"].elementor-column > .elementor-column-wrap > .elementor-widget-wrap{
    display: flex !important;
    flex-direction: column !important;   /* label arriba, select debajo */
    align-items: flex-start !important;   /* pegado a la izquierda */
    gap: 0 !important;                    /* sin espacio extra entre widgets */
  }

  /* Pequeño margen a la izquierda del bloque "Mostrar" */
  [data-id="4d11dbc"].elementor-element .elementor-widget-container{
    margin-left: 12px !important;         /* ajusta si quieres 8–16px */
    margin-bottom: 0 !important;          /* quita espacio bajo el widget */
  }

  /* Elimina el margin-bottom inline (15px) del <div> interno */
  [data-id="4d11dbc"] .elementor-widget-container > div{
    margin-bottom: 0 !important;
  }

 
  /* El select ocupa solo lo necesario y no agrega altura extra */
  [data-id="4d11dbc"] #nb_products{
    display: block !important;
    width: auto !important;
  }

  /* Por si la columna trae padding/márgenes que suman hueco debajo */
  [data-id="2b47a85"].elementor-column > .elementor-column-wrap{
    padding-bottom: 0 !important;
  }
  [data-id="2b47a85"].elementor-element{
    margin-bottom: 0 !important;
  }
}

/* Móvil: seguimos ocultando este control (como ya lo tienes) */
@media (max-width: 767.98px){
  label[for="nb_products"], #nb_products{ display:none !important; }
}/* End custom CSS */
/* Start custom CSS for listing-sort-order, class: .elementor-element-bb4ca6d *//* ---- Desktop: alinear el contenido del bloque f726fef a la derecha ---- */
@media (min-width: 768px){
  /* 1) Convierte el wrapper interno en flex y empuja el contenido al borde derecho */
  [data-id="f726fef"].elementor-column > .elementor-column-wrap > .elementor-widget-wrap{
    display: flex !important;
    justify-content: flex-end !important;  /* todo lo de dentro queda a la derecha */
    align-items: flex-end !important;
    gap: 0 !important;
  }

  /* 2) Por si el widget ocupa toda la línea, fuerza a que se pegue a la derecha */
  [data-id="f726fef"] .elementor-widget-container{
    margin-left: auto !important;
    text-align: right !important;
  }

  /* 3) El widget de ordenar (label + select) en una sola línea, bien alineado */
  [data-id="bb4ca6d"] .ce-sort-order{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
}

/* ---- Móvil: mantén el label arriba del select (apilado) ---- */
@media (max-width: 767.98px){
  [data-id="bb4ca6d"] .ce-sort-order{
    display: block !important;
  }
  [data-id="bb4ca6d"] .elementor-field-label{
    display: block !important;
    margin-bottom: 6px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3046440 *//* Apunta al contenedor padre de estos select usando un ID o data-id */
[data-id="3046440"] .elementor-row {
  display: flex !important;
  justify-content: flex-start !important;  /* Ajusta según quieras: espacio entre o inicio */
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important; /* Evita que se apilen */
}

/* Select de "Mostrar" solo dentro de esta sección */
[data-id="3046440"] #nb_products {
  width: 120px !important;
  max-width: 120px !important;
  height: 32px !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  border: 1px solid #ccc !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

/* Select de "Ordenar por" solo dentro de esta sección */
[data-id="3046440"] #order-bb4ca6d {
  width: 120px !important;
  max-width: 120px !important;
  height: 25px !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  border: 1px solid #ccc !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

/* Para móviles, sigue siendo horizontal y ancho fijo solo en esta sección */
@media (max-width: 768px) {
  [data-id="3046440"] .elementor-row {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important; /* Ajusta la distribución en móvil */
  }

  [data-id="3046440"] #nb_products,
  [data-id="3046440"] #order-bb4ca6d {
    width: 120px !important;
  }
}

[data-id="3046440"] #nb_products,
[data-id="3046440"] #order-bb4ca6d {
  height: 36px !important;      /* Ajusta este valor a la altura que quieras */
  padding: 5px 10px !important; /* Mantiene el padding interno */
  border-radius: 5px !important;
  border: 1px solid #ccc !important;
  font-size: 14px !important;
  box-sizing: border-box !important; /* Evita que padding altere la altura */
}

/* Apunta solo al wrapper del select de Ordenar por */
[data-id="3046440"] .elementor-select-wrapper {
  position: relative;
  background: none !important;  /* Quita cualquier fondo */
}

/* Quita cualquier pseudo-elemento que pueda ser la flecha */
[data-id="3046440"] .elementor-select-wrapper::after,
[data-id="3046440"] .elementor-select-wrapper::before {
  display: none !important;
  content: none !important;
}

/* Quita cualquier background-image del select */
[data-id="3046440"] select#order-bb4ca6d {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: none !important;
  box-shadow: none !important;
  padding-right: 10px !important; /* Ajusta si quieres espacio al texto */
}


/* Ocultar este filtro específico solo en desktop */
@media (min-width: 1025px) {
  [data-id="c4b9f51"] {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for listing-products, class: .elementor-element-f93c292 *//* Para pantallas móviles */
@media (max-width: 768px) {

  /* Contenedor de productos: 2 por fila */
  [data-id="f93c292"] .ce-products.ce-product-grid.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 productos por fila */
    gap: 15px !important; /* Espacio entre productos */
  }

  /* Cada producto */
  [data-id="f93c292"] .ce-products.ce-product-grid.products .product-miniature {
    height: 350px !important; /* Misma altura para todos los productos */
    display: flex !important;
    flex-direction: column !important;
  }

  /* Contenido interno: imagen, título, precio, botón */
  [data-id="f93c292"] .ce-products.ce-product-grid.products .product-miniature .product-description,
  [data-id="f93c292"] .ce-products.ce-product-grid.products .product-miniature .thumbnail-container {
    flex: 1 1 auto; /* Ocupa todo el espacio disponible */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Distribuye la info dentro del producto */
  }
}


/* Ajustes generales para todos los productos en móviles */
@media (max-width: 768px) {

  /* Contenedor del producto */
  .elementor-section-wrap {
    display: flex !important;
    flex-direction: column !important; /* Todo en columna */
    align-items: center !important;    /* Centra horizontalmente */
    gap: 10px !important;              /* Espacio entre elementos */
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Imagen del producto */
  .ce-product-image img {
    width: 100% !important;      /* Ocupa todo el ancho del contenedor */
    max-width: 250px !important; /* Limita ancho máximo */
    height: auto !important;     /* Mantiene proporción */
    object-fit: contain !important;
    display: block !important;
  }

  /* Nombre del producto */
  .ce-product-name {
    text-align: center !important;
    word-wrap: break-word !important;
    font-size: 16px !important;
  }

  /* Descripción corta */
  .ce-product-description-short {
    text-align: center !important;
    font-size: 14px !important;
    max-width: 90% !important;
  }

  /* Badges y widgets internos */
  .ce-product-badges,
  .elementor-widget {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}



@media (max-width: 768px) {

  /* Oculta la palabra "Código" (el título) */
  .elementor-section-wrap .elementor-inner-column .elementor-heading-title {
    display: none !important;
  }

  /* Mantiene centrado el valor del código */
  .elementor-section-wrap .elementor-inner-column .ce-product-description-short {
    text-align: center !important;
    width: auto !important;
    font-weight: bold !important;   /* Opcional: resalta el valor */
    font-size: 16px !important;   
    padding-left:5% !important;/* Ajusta tamaño si hace falta */
  }
}/* End custom CSS */
/* Start custom CSS for listing-pagination, class: .elementor-element-f3cabda *//* ===== Elementor Listing Pagination – Estilo + Comportamiento ===== */
/* Scope al widget para no afectar otros paginadores */
.elementor-widget-listing-pagination .ce-pagination{
  --accent: #0a46ae;
  --accent-ghost: #e8f0ff;
  --muted: #8aa0c3;
  --ring: 0 0 0 3px rgba(10,70,174,.18);

  display: grid;
  grid-template-columns: 1fr auto 1fr;   /* prev | números | next (desktop) */
  align-items: center;
  column-gap: 16px;

  margin: 24px 0;
  padding: 12px 0;
  border-top: 1px solid #e6e9f2;
 
  box-sizing: border-box;
  max-width: 100%;
}

/* Flechas (los <a> hermanos de izquierda y derecha) */
.elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #fff;
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  transition: background .2s, border-color .2s, color .2s, transform .05s;
}
.elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow:hover{
  background: var(--accent-ghost);
  border-color: var(--accent);
}
.elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow:focus-visible{
  outline: none;
  box-shadow: var(--ring);
  border-color: var(--accent);
}
.elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow.ce-disabled{
  opacity: .45;
  pointer-events: none;
}

/* Alinear flecha izq/der en desktop */
.elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow:first-child{
  justify-self: start;
}
.elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow:last-child{
  justify-self: end;
}

/* Contenedor de números (el .elementor-row) */
.elementor-widget-listing-pagination .ce-pagination > .elementor-row{
  display: flex;
  align-items: center;
  justify-content: center;   /* centrado en desktop */
  gap: 10px;
  flex-wrap: nowrap;         /* evita “brinco” de línea */
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Cada número */
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #fff;
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  transition: background .2s, border-color .2s, color .2s, transform .05s;
}
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item:hover{
  background: var(--accent-ghost);
  border-color: var(--accent);
}
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item:focus-visible{
  outline: none;
  box-shadow: var(--ring);
  border-color: var(--accent);
}

/* Número activo */
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item.elementor-active{
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
  pointer-events: none;
}
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item.elementor-active .elementor-icon-list-text{
  color: inherit;
}

/* El “…” */
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item .elementor-icon-list-text{
  line-height: 1;
}

/* Iconos de chevron (flechas) */
.elementor-widget-listing-pagination .ce-pagination .ceicon-chevron-left,
.elementor-widget-listing-pagination .ce-pagination .ceicon-chevron-right{
  font-size: 18px;
  line-height: 1;
}

/* ===== Móvil: misma fila con scroll horizontal si no cabe ===== */
@media (max-width: 767.98px){
  .elementor-widget-listing-pagination .ce-pagination{
    grid-template-columns: auto 1fr auto; /* flecha | números | flecha */
    column-gap: 8px;
  }
  .elementor-widget-listing-pagination .ce-pagination > .elementor-row{
    justify-content: flex-start;       /* arranca a la izquierda */
    overflow-x: auto;                  /* scroll horizontal */
    -webkit-overflow-scrolling: touch; /* inercia en iOS */
    scrollbar-width: none;             /* Firefox */
    padding: 0 4px;
  }
  .elementor-widget-listing-pagination .ce-pagination > .elementor-row::-webkit-scrollbar{
    display: none;                     /* Chrome/Safari */
  }

  /* Botones un poquito más compactos en móvil */
  .elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow,
  .elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-item{
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
  }
}

/* ===== Defensas contra estilos del tema que oculten elementos ===== */
.elementor-widget-listing-pagination .ce-pagination,
.elementor-widget-listing-pagination .ce-pagination *{
  max-width: 100%;
  box-sizing: border-box;
}
.elementor-widget-listing-pagination .ce-pagination .elementor-row,
.elementor-widget-listing-pagination .ce-pagination .elementor-icon-list-items{
  float: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* ===== Textos en flechas (solo CSS) ===== */
/* Inyecta “Anterior” y “Siguiente” en los spans vacíos */
.elementor-widget-listing-pagination .ce-pagination > [rel="prev"] .elementor-icon-list-text::before {
  content: "Anterior";
}
.elementor-widget-listing-pagination .ce-pagination > [rel="next"] .elementor-icon-list-text::before {
  content: "Siguiente";
}

/* Orden y espaciado: “‹ Anterior” (flecha a la izquierda) y “Siguiente ›” (flecha a la derecha) */
.elementor-widget-listing-pagination .ce-pagination > [rel="prev"] {
  flex-direction: row-reverse;           /* pone el ícono a la izquierda y el texto a la derecha */
}
.elementor-widget-listing-pagination .ce-pagination > [rel="prev"] .elementor-icon-list-text {
  margin-left: 8px;
}
.elementor-widget-listing-pagination .ce-pagination > [rel="next"] .elementor-icon-list-text {
  margin-right: 8px;
}

/* En móvil dejamos solo íconos (si quieres mostrar el texto también en móvil, borra este bloque) */
@media (max-width: 767.98px){
  .elementor-widget-listing-pagination .ce-pagination > .ce-pagination__arrow .elementor-icon-list-text{
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-571c5b0 */@media (max-width: 768px) {
  /* Contenedor específico de la sección */
  [data-id="997f807"] .elementor-row {
    display: flex !important;
    justify-content: space-between !important; /* select a la izquierda, paginador a la derecha */
    align-items: center !important; /* centra verticalmente */
    gap: 10px !important; /* espacio entre elementos */
    flex-wrap: nowrap !important; /* evita que se apilen */
  }

  /* Ajustar select dentro de esta sección */
  [data-id="997f807"] .mobile-only-block select {
    width: 120px !important; /* ajusta según prefieras */
  }

  /* Ajustar paginador dentro de esta sección */
  [data-id="997f807"] .ce-pagination {
    flex-shrink: 0;
  }
}

/* Color reutilizable del divisor */
:root { --ce-divider: #e6e9f2; }

section.elementor-element.elementor-element-571c5b0.elementor-section{
  /* ajusta estos dos para que calce con el otro paginador */
  --pg-gap: 24px;   /* margen vertical externo */
  --pg-pad: 12px;   /* padding vertical interno */

  margin-block: var(--pg-gap);
  padding-block: var(--pg-pad);
  border-top: 1px solid var(--ce-divider);
  border-bottom: 1px solid var(--ce-divider);
  box-sizing: border-box;
}

/* 2) Dentro de ESTA sección, quita márgenes/paddings del widget y de su contenedor */
section.elementor-element.elementor-element-571c5b0 .elementor-widget-listing-pagination,
section.elementor-element.elementor-element-571c5b0 .elementor-widget-listing-pagination .elementor-widget-container{
  margin: 0 !important;
  padding: 0 !important;
}

/* Elementor suele inyectar margen inferior entre widgets; aquí lo anulamos sólo en esta sección */
section.elementor-element.elementor-element-571c5b0 .elementor-widget:not(:last-child){
  margin-bottom: 0 !important;
}

/* 3) El <nav> del paginador NO debe añadir más respiro ni líneas */
section.elementor-element.elementor-element-571c5b0 .elementor-widget-listing-pagination .ce-pagination{
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;

  /* mantenemos el layout del paginador */
  display: grid;
  grid-template-columns: auto 1fr auto; /* prev | números | next */
  align-items: center;
  column-gap: 16px;
  max-width: 100%;
  box-sizing: border-box;
}

/* Contenedor de números: sin márgenes extra */
section.elementor-element.elementor-element-571c5b0 .ce-pagination > .elementor-row{
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) Si usas el select móvil debajo, dale un margen mínimo y que no rompa el ancho */
section.elementor-element.elementor-element-571c5b0 .nbp-mobile{
  margin-top: 8px;               /* queda pegadito al paginador */
  max-width: 100%;
}
section.elementor-element.elementor-element-571c5b0 .nbp-select{
  max-width: 210px;              /* <-- ancho del dropdown en móvil */
}

/* 5) En móvil, el nav conserva el layout en una fila con scroll si no cabe */
@media (max-width: 767.98px){
  section.elementor-element.elementor-element-571c5b0 .ce-pagination{
    grid-template-columns: auto 1fr auto;
    column-gap: 8px;
  }
  section.elementor-element.elementor-element-571c5b0 .ce-pagination > .elementor-row{
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  section.elementor-element.elementor-element-571c5b0 .ce-pagination > .elementor-row::-webkit-scrollbar{
    display: none;
  }
}


/* ===== Desktop (>=768px): compactar el bloque ===== */
@media (min-width:768px){

  /* 1) Compacta el nav del paginador */
  .elementor-widget-listing-pagination .ce-pagination{
    margin: 12px 0 6px !important;   /* menos espacio abajo */
    padding: 8px 0 6px !important;
  }

  /* 2) La sección contenedora con la línea divisoria */
  section.elementor-element.elementor-element-571c5b0.elementor-section{
    margin: 12px 0 6px !important;   /* que la línea quede pegada */
    padding: 8px 0 0 !important;     /* sin “relleno” inferior extra */
  }

  /* 3) Quita el margen entre widgets dentro de la sección */
  [data-id="571c5b0"] .elementor-widget{
    margin-bottom: 0 !important;
  }

  /* 4) El widget del DROPDOWN (HTML) está oculto en desktop,
        pero su contenedor seguía dejando hueco: elimínalo */
  .elementor-element.elementor-element-0333c0a{
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* 5) Por si el propio widget del paginador tenía margen inferior */
  .elementor-element.elementor-element-f3cabda{
    margin-bottom: 0 !important;
  }

  /* 6) A veces el padding está en la columna: elimínalo también */
  .elementor-element.elementor-element-2df72a1 > .elementor-element-populated{
    padding-bottom: 0 !important;
  }
}

/* ===== Mobile: mantenemos el espacio para el dropdown ===== */
@media (max-width: 767.98px){
  .elementor-widget-listing-pagination .ce-pagination{
    margin: 16px 0 10px !important;
    padding: 10px 0 10px !important;
  }
  section.elementor-element.elementor-element-571c5b0.elementor-section{
    margin: 16px 0 10px !important;
    padding: 10px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fad5920 *//* 1) Hacer la sección 3790201 de ancho total (full-bleed) */
.elementor-element.elementor-element-3790201.elementor-section{
  position: relative;

  margin-top: -15px;
  margin-bottom: -15px;
  width: 100vw;             /* ocupa el ancho del viewport */
  max-width: 100vw;
  box-sizing: border-box;
  
}


.elementor-element.elementor-element-ea25640.elementor-section{
  position: relative;
  width: 100vw;             /* ocupa el ancho del viewport */
  max-width: 100vw;
  box-sizing: border-box;
}


@media (max-width: 767.98px){
  .elementor-element.elementor-element-3790201.elementor-section{ overflow-x: hidden; }
   .elementor-element.elementor-element-ea25640.elementor-section{ overflow-x: hidden; }
}/* End custom CSS */