.elementor-27 .elementor-element.elementor-element-4536b68{--display:flex;--min-height:45vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.7;}.elementor-27 .elementor-element.elementor-element-4536b68:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-4536b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://eautomation.shop/wp-content/uploads/2026/04/banner-eautomations-productos-scaled.webp");background-position:center center;background-size:cover;}.elementor-27 .elementor-element.elementor-element-4536b68::before, .elementor-27 .elementor-element.elementor-element-4536b68 > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-4536b68 > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-4536b68 > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-4536b68 > .e-con-inner > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-4536b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-f4ac7ef{text-align:center;}.elementor-27 .elementor-element.elementor-element-f4ac7ef .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-primary );}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-19eab65 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-6100492a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-579b616a{--display:flex;}.elementor-27 .elementor-element.elementor-element-f565486{--display:flex;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-27 .elementor-element.elementor-element-d5443c9 .e-search-input{font-size:15px;letter-spacing:0.2px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;}.elementor-27 .elementor-element.elementor-element-d5443c9{--e-search-placeholder-color:var( --e-global-color-secondary );--e-search-icon-label-color:var( --e-global-color-primary );--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:5px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-submit-margin-inline-start:5px;}.elementor-27 .elementor-element.elementor-element-7831c885{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-27 .elementor-element.elementor-element-056cd05{--grid-columns:4;}.elementor-27 .elementor-element.elementor-element-056cd05 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-27 .elementor-element.elementor-element-056cd05 .e-loop-item > .elementor-section, .elementor-27 .elementor-element.elementor-element-056cd05 .e-loop-item > .elementor-section > .elementor-container, .elementor-27 .elementor-element.elementor-element-056cd05 .e-loop-item > .e-con, .elementor-27 .elementor-element.elementor-element-056cd05 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-27 .elementor-element.elementor-element-056cd05 .elementor-pagination{text-align:center;font-family:"Inter", Sans-serif;}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-056cd05 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-056cd05 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27 .elementor-element.elementor-element-056cd05 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27 .elementor-element.elementor-element-056cd05 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-056cd05{--grid-columns:2;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-19eab65 .elementor-heading-title{font-size:43px;}.elementor-27 .elementor-element.elementor-element-056cd05{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-579b616a{--width:25%;}.elementor-27 .elementor-element.elementor-element-7831c885{--width:75%;}}@media(min-width:1367px){.elementor-27 .elementor-element.elementor-element-4536b68:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-4536b68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS *//* ============================================================
   Estilos personalizados para el filtro WOOF (WooCommerce)
   Acento: ROJO · Diseño: tarjetas limpias y modernas
   Pega este CSS en: Apariencia → Personalizar → CSS adicional
   (o en el CSS de tu tema hijo)
   ============================================================ */

:root {
  --woof-rojo:        #d92d20;   /* rojo principal (detalles)   */
  --woof-rojo-oscuro: #b42318;   /* hover / activo              */
  --woof-rojo-suave:  #fef3f2;   /* fondo tenue al seleccionar  */
  --woof-texto:       #2b2b2b;
  --woof-texto-tenue: #6b7280;
  --woof-borde:       #e6e7eb;
  --woof-fondo:       #ffffff;
  --woof-radio:       10px;      /* radio de esquinas           */
}

/* ---------- Contenedor de cada bloque de filtro ---------- */
.woof_container {
  background: var(--woof-fondo);
  border: 1px solid var(--woof-borde);
  border-radius: var(--woof-radio);
  padding: 4px 18px 14px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.woof_container:hover {
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.08);
}

/* ---------- Título del bloque ---------- */
.woof_container h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: var(--woof-texto);
  text-transform: capitalize;
  margin: 0 0 12px;
  padding: 14px 0 10px;
  border-bottom: 2px solid var(--woof-rojo);
}

/* ---------- Botón de abrir/cerrar (+ / -) ---------- */
.woof_front_toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: var(--woof-rojo);
  color: #fff !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease;
}
.woof_front_toggle:hover {
  background: var(--woof-rojo-oscuro);
  transform: scale(1.05);
}

/* ---------- Listas ---------- */
.woof_list,
.woof_childs_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woof_list > li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 7px 6px;
  border-radius: 8px;
  transition: background 0.15s ease;
}
.woof_list > li:hover {
  background: var(--woof-rojo-suave);
}
/* El padre con hijos se pega un poco más a su sub-lista */
.woof_childs_list_li {
  padding-bottom: 2px;
}

/* ---------- Etiquetas (labels) ---------- */
.woof_radio_label {
  cursor: pointer;
  font-size: 14px;
  color: var(--woof-texto);
  margin: 0;
  transition: color 0.15s ease;
}
.woof_list > li:hover .woof_radio_label {
  color: var(--woof-rojo-oscuro);
}

/* ---------- Ocultar los radios (marcador circular iCheck) ---------- */
.iradio_square-blue {
  display: none !important;
}
/* Quita el margen que dejaba el radio y alinea las etiquetas */
.woof_radio_label {
  margin-left: 0;
}

/* Resaltar la opción seleccionada (en vez del círculo) */
.iradio_square-blue.checked + .woof_radio_label {
  color: var(--woof-rojo);
  font-weight: 700;
}
.woof_list > li:has(.iradio_square-blue.checked) {
  background: var(--woof-rojo-suave);
}

/* ---------- Ocultar términos vacíos (0 productos) ----------
   HUSKY marca los términos sin productos con el input en disabled.
   Ocultamos la fila completa (padre e hijos). */
.woof_list > li:has(input:disabled),
.woof_childs_list li:has(input:disabled) {
  display: none !important;
}
/* Respaldo por si el skin marca la clase .disabled en el marcador */
.woof_list > li:has(.iradio_square-blue.disabled),
.woof_childs_list li:has(.iradio_square-blue.disabled) {
  display: none !important;
}

/* ---------- Sub-listas (categorías hijas) ---------- */
.woof_childs_list_li .woof_childs_list {
  flex: 0 0 100%;   /* ocupa todo el ancho y baja a una nueva línea */
  width: 100%;
  margin: 2px 0 6px 22px;   /* pegada al padre arriba, aire abajo */
  padding: 2px 0 2px 14px;
  border-left: 2px solid var(--woof-rojo-suave);
}
.woof_childs_list li {
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 8px;
}
.woof_childs_list li:hover {
  background: var(--woof-rojo-suave);
}

/* ---------- Flecha para desplegar hijos ---------- */
.woof_childs_list_opener {
  margin-left: 8px;
  text-decoration: none !important;
}
.woof_childs_list_opener .woof_is_closed,
.woof_childs_list_opener .woof_is_opened {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--woof-rojo);
  transition: transform 0.2s ease;
}
.woof_childs_list_opener .woof_is_opened {
  transform: rotate(180deg);
}

/* ---------- Botón "X" para quitar el filtro seleccionado ---------- */
.woof_radio_term_reset img {
  filter: grayscale(1);
  opacity: 0.6;
  transition: filter 0.15s ease, opacity 0.15s ease;
}
.woof_radio_term_reset:hover img {
  filter: none;
  opacity: 1;
}

/* ---------- Bloque cerrado (oculto por el plugin) ---------- */
.woof_closed_block {
  display: none;
}

.woof_radio_term_reset_visible {
    display: inline-block !important;
    padding: 2px 0 0 7px;
    position: absolute;
    right: 30px;
}



.woof-marca-nombre-oculto{
    position:absolute;
    width:1px; height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
}
.woof-marca-swatch{
    max-width:70px;
    max-height:40px;
    display:block;
    object-fit:contain;
}

label[data-swatch-applied="1"] .woof_radio_count{
    display:none;
}

.woof_fs_pa_marca li {
    display: inline-block;
}/* End custom CSS */