.elementor-1834 .elementor-element.elementor-element-e1a1c03{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1834 .elementor-element.elementor-element-e1a1c03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1834 .elementor-element.elementor-element-054428e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1834 .elementor-element.elementor-element-054428e:not(.elementor-motion-effects-element-type-background), .elementor-1834 .elementor-element.elementor-element-054428e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1834 .elementor-element.elementor-element-f94c82e img{width:64%;}.elementor-1834 .elementor-element.elementor-element-0025142{text-align:center;}.elementor-1834 .elementor-element.elementor-element-0025142 .elementor-heading-title{font-size:32px;}.elementor-1834 .elementor-element.elementor-element-00b8052{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6%;--padding-bottom:6%;--padding-left:6%;--padding-right:6%;}.elementor-1834 .elementor-element.elementor-element-00b8052:not(.elementor-motion-effects-element-type-background), .elementor-1834 .elementor-element.elementor-element-00b8052 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010C50;}#elementor-popup-modal-1834{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1834 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1834 .dialog-close-button{display:flex;background-color:var( --e-global-color-accent );}#elementor-popup-modal-1834 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1834 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-1834 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-1834 .elementor-element.elementor-element-e1a1c03{--width:100%;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:6%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1834 .elementor-element.elementor-element-f94c82e{width:var( --container-widget-width, 222px );max-width:222px;--container-widget-width:222px;--container-widget-flex-grow:0;}.elementor-1834 .elementor-element.elementor-element-f94c82e.elementor-element{--align-self:center;}.elementor-1834 .elementor-element.elementor-element-f94c82e img{width:100%;}.elementor-1834 .elementor-element.elementor-element-00b8052{--min-height:100vh;--padding-top:10%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-1834 .elementor-element.elementor-element-ebda1e6 > .elementor-widget-container{padding:2% 2% 2% 2%;}#elementor-popup-modal-1834 .dialog-message{width:330px;}#elementor-popup-modal-1834{justify-content:flex-start;}#elementor-popup-modal-1834 .dialog-close-button{top:2%;font-size:20px;}body:not(.rtl) #elementor-popup-modal-1834 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-1834 .dialog-close-button{left:5%;}}@media(min-width:768px){.elementor-1834 .elementor-element.elementor-element-e1a1c03{--width:96.406%;}.elementor-1834 .elementor-element.elementor-element-054428e{--width:100%;}.elementor-1834 .elementor-element.elementor-element-00b8052{--width:100%;}}/* Start custom CSS for wp-widget-woocommerce_product_categories, class: .elementor-element-ebda1e6 *//* ============================================================
   WIDGET CATEGORÍAS DE PRODUCTO — Elementor / WooCommerce
   Alcance: .elementor-element-748ddaa
   Estructura del archivo:
   1. Variables
   2. Reset de listas (todos los niveles)
   3. Estructura del ítem (flex: viñeta + texto + subcategorías)
   4. Viñeta genérica
   5. Texto / enlaces genéricos
   6. Subcategorías (nivel hijo)
   7. Título del widget
   8. Categorías PRINCIPALES (overrides — deben ir al final,
      ver nota de especificidad más abajo)
   9. Responsive (celular)
   ============================================================ */

/* 1. VARIABLES ------------------------------------------------ */
.elementor-element-ebda1e6 {
  /* Estilo base (aplica a subcategorías) */
  --cat-font-family: 'Roboto condensed', sans-serif;
  --cat-font-size: 24px;
  --cat-font-size-mobile: 16px;
  --cat-color: #fff;
  --cat-color-hover: red;
  --cat-bullet-color: red;
  --cat-bullet-size: 8px;
  --cat-indent: 20px;
  --cat-line-height: 2;

  /* Estilo de categorías PRINCIPALES (nivel 1) */
  --cat-parent-font-size: 20px;
  --cat-parent-font-size-mobile: 20px;
  --cat-parent-color: red;
  --cat-parent-color-hover: red;
  --cat-parent-weight: 700;
  --cat-parent-transform: uppercase; /* uppercase | capitalize | none */
  --cat-parent-bullet-display: none;
  --cat-parent-bullet-size: 10px;
  --cat-parent-bullet-color: green;
}

/* 2. RESET DE LISTAS — todos los niveles ----------------------- */
.elementor-element-ebda1e6 ul.product-categories,
.elementor-element-ebda1e6 ul.product-categories ul,
.elementor-element-ebda1e6 ul.children {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.elementor-element-ebda1e6 ul.product-categories li {
  list-style-type: none !important;
}

/* 3. ESTRUCTURA DEL ÍTEM (flex) --------------------------------
   flex-wrap permite que el <ul class="children"> de subcategorías
   baje a su propia línea en vez de acomodarse al lado del texto */
.elementor-element-ebda1e6 ul.product-categories li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: var(--cat-line-height);
  margin-top: 0;
}

.elementor-element-ebda1e6 ul.product-categories li ul.children {
  flex-basis: 100%;
  width: 100%;
}

/* 4. VIÑETA GENÉRICA -------------------------------------------- */
.elementor-element-ebda1e6 ul.product-categories li::before {
  content: "";
  flex-shrink: 0;
  width: var(--cat-bullet-size);
  height: var(--cat-bullet-size);
  background-color: var(--cat-bullet-color);
  border-radius: 50%;
  margin-right: 10px;
}

/* 5. TEXTO / ENLACES GENÉRICOS ----------------------------------- */
.elementor-element-ebda1e6 ul.product-categories li a {
  font-family: var(--cat-font-family);
  font-size: var(--cat-font-size);
  color: var(--cat-color) !important;
  text-decoration: none;
  transition: color 0.25s ease;
}

.elementor-element-ebda1e6 ul.product-categories li a:hover {
  color: var(--cat-color-hover) !important;
}

/* 6. SUBCATEGORÍAS (nivel hijo) ----------------------------------- */
.elementor-element-ebda1e6 ul.product-categories ul.children {
  margin-top: 0;
  padding-left: var(--cat-indent);
}

.elementor-element-ebda1e6 ul.product-categories ul.children li::before {
  width: calc(var(--cat-bullet-size) * 0.7);
  height: calc(var(--cat-bullet-size) * 0.7);
  opacity: 0.75;
}

/* 7. TÍTULO DEL WIDGET --------------------------------------------- */
.elementor-element-ebda1e6 h5 {
  font-family: var(--cat-font-family);
}

/* ============================================================
   8. CATEGORÍAS PRINCIPALES (hijo directo del ul raíz)
   NOTA DE ESPECIFICIDAD: estos .elementor-1834 .elementor-element.elementor-element-ebda1e6es tienen la MISMA
   especificidad que los genéricos de arriba (1 clase + 2
   elementos). Por eso este bloque va al final del archivo:
   en un empate, gana la regla que aparece después en el CSS.
   Si mueves este bloque más arriba, dejará de aplicarse.
   ============================================================ */
.elementor-element-ebda1e6 ul.product-categories > li {
  margin-top: 10px;
}

.elementor-element-ebda1e6 ul.product-categories > li::before {
  width: var(--cat-parent-bullet-size);
  height: var(--cat-parent-bullet-size);
}

.elementor-element-ebda1e6 ul.product-categories > li > a {
  font-size: var(--cat-parent-font-size);
  color: var(--cat-parent-color) !important;
  font-weight: var(--cat-parent-weight);
  text-transform: var(--cat-parent-transform);
  letter-spacing: 0.5px;
}

.elementor-element-ebda1e6 ul.product-categories > li > a:hover {
  color: var(--cat-parent-color-hover) !important;
}

/* ============================================================
   9. RESPONSIVE — CELULAR
   (el override de categorías principales va después del
   genérico, por la misma razón de especificidad explicada arriba)
   ============================================================ */
@media (max-width: 767px) {
  .elementor-element-ebda1e6 {
    --cat-indent: 14px;
    --cat-bullet-size: 6px;
  }

  .elementor-element-ebda1e6 ul.product-categories li a {
    font-size: var(--cat-font-size-mobile);
  }

  .elementor-element-ebda1e6 ul.product-categories > li > a {
    font-size: var(--cat-parent-font-size-mobile);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00b8052 *//* =================================
   PERSONALIZACIÓN — WIDGET CATEGORÍAS DE PRODUCTO
   Selector corregido según tu HTML real
   ============================= */
.elementor-element-fb94c90  elementor-widget-wp-widget-woocommerce_product_categories {
  --cat-font-family: 'Roboto condensed', sans-serif;
  --cat-font-size: 14px;
  --cat-font-size-mobile: 11px;
  --cat-color: black;
  --cat-color-hover: red;
  --cat-bullet-color: blue;
  --cat-bullet-size: 8px;
  --cat-indent: 20px;
  --cat-line-height: 2;
  --cat-parent-font-size: 24px;
  --cat-parent-font-size-mobile: 18px;
  --cat-parent-color: blue;
  --cat-parent-color-hover: red;
  --cat-parent-weight: 700;
  --cat-parent-transform: uppercase; /* uppercase | capitalize | none */
  --cat-parent-bullet-size: 10px;
}

/* ================================
   CATEGORÍAS PRINCIPALES (hijo directo del ul raíz)
   ============================ */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a {
  font-size: var(--cat-parent-font-size);
  color: var(--cat-parent-color) !important;
  font-weight: var(--cat-parent-weight);
  text-transform: var(--cat-parent-transform);
  letter-spacing: 0.5px;
}

.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a:hover {
  color: var(--cat-parent-color-hover) !important;
}


/* Viñeta más grande para categorías principales */
/*.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li::before {*/
  /*width: var(--cat-parent-bullet-size);*/
  /*height: var(--cat-parent-bullet-size);
}*/

/* Un poco más de espacio arriba entre cada categoría principal */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li {
  margin-top: 10px;
}

/* Responsive */
@media (max-width: 767px) {
  .elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a {
    font-size: var(--cat-parent-font-size-mobile);
  }
}
/* Contenedor de la lista*/
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Quita el list-style en TODOS los niveles de <ul>, no solo el principal */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories,
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul,
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.children {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
/* Asegura que también el <li> pierda cualquier marcador nativo */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li {
  list-style-type: none !important;
}
/* Cada ítem — flex solo para alinear viñeta+texto, pero permite que 
   el <ul> hijo (subcategorías) baje a su propia línea */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li {
  display: flex;
  flex-wrap: wrap;         /* NUEVO: permite que el hijo salte de línea */
  align-items: center;
  line-height: var(--cat-line-height);
}

/* NUEVO: el <ul> de subcategorías ocupa todo el ancho y se va a la línea siguiente */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li ul.children {
  flex-basis: 100%;
  width: 100%;
}

/* Viñeta personalizada — quitamos el positioning absoluto */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li::before {
  content: "";
  flex-shrink: 0;
  /* que no se achique si el texto es largo */
  width: var(--cat-bullet-size);
  height: var(--cat-bullet-size);
  background-color: var(--cat-bullet-color);
  border-radius: 50%;
  margin-right: 10px;
  /* espacio entre viñeta y texto*/
}

/*El link ya no necesita padding extra, el flex-gap lo resuelve */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li a {
  font-family: var(--cat-font-family);
  font-size: var(--cat-font-size);
  color: var(--cat-color) !important;
  text-decoration: none;
  transition: color 0.25s ease;
}
/* Hover */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li a:hover {
  color: var(--cat-color-hover) !important;
}
/* Subcategorías (jerarquía) */
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children {
  margin-top: 0px;
  padding-left: var(--cat-indent);
}
.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories ul.children li::before {
  width: calc(var(--cat-bullet-size) * 0.7);
  height: calc(var(--cat-bullet-size) * 0.7);
  opacity: 0.75;
}
/* Título "Categorías del producto" (opcional) */
.elementor-element-ebda1e6elementor-widget-wp-widget-woocommerce_product_categories h5 {
  font-family: var(--cat-font-family);
}
/* =================================
   RESPONSIVE — CELULAR
   ============================== */
@media (max-width: 767px) {
  .elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li a {
    font-size: var(--cat-font-size-mobile);
  }
  .elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories li {
    padding-left: 14px;
  }
  .elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories {
    --cat-indent: 14px;
    --cat-bullet-size: 6px;
  }
}

.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a {
  font-size: var(--cat-parent-font-size);
  color: var(--cat-parent-color) !important;
  font-weight: var(--cat-parent-weight);
  text-transform: var(--cat-parent-transform);
  letter-spacing: 0.5px;
}

.elementor-element-ebda1e6 elementor-widget-wp-widget-woocommerce_product_categories ul.product-categories > li > a:hover {
  color: var(--cat-parent-color-hover) !important;
}/* End custom CSS */