.elementor-317 .elementor-element.elementor-element-6f60136 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(191deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-317 .elementor-element.elementor-element-6f60136 > .elementor-container{min-height:400px;}.elementor-317 .elementor-element.elementor-element-6f60136 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-317 .elementor-element.elementor-element-6f60136{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-317 .elementor-element.elementor-element-6e65a06 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:5px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-317 .elementor-element.elementor-element-96309a7{text-align:start;font-family:"Nunito", Sans-serif;font-size:24px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-317 .elementor-element.elementor-element-96309a7 p{margin-block-end:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-317 .elementor-element.elementor-element-ed3ed69 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:84px;font-weight:700;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-317 .elementor-element.elementor-element-a4b6dda{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:2px;}.elementor-317 .elementor-element.elementor-element-a4b6dda .elementor-divider-separator{width:100%;}.elementor-317 .elementor-element.elementor-element-a4b6dda .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-317 .elementor-element.elementor-element-63109c1{padding:50px 0px 50px 0px;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__row{display:block;padding-top:calc(0px/2);margin-bottom:calc(0px/2);}.elementor-317 .elementor-element.elementor-element-924d375 .jet-list-tree__children{display:block;padding-left:10px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list-wrapper{text-align:left;margin-top:calc(-0px/2);margin-bottom:calc(-0px/2);}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__label{font-size:14px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__button:hover{color:var( --e-global-color-primary );}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button{color:var( --e-global-color-accent );}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-collapse-icon{width:20px;height:20px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-collapse-none{width:20px;height:20px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-filter-items-search{max-width:100%;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-filter+.jet-filter{margin-top:10px;}.elementor-317 .elementor-element.elementor-element-924d375 .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-317 .elementor-element.elementor-element-5ab88f3.elementor-wc-products ul.products li.product{text-align:center;}.elementor-317 .elementor-element.elementor-element-5ab88f3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-317 .elementor-element.elementor-element-5ab88f3.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-317 .elementor-element.elementor-element-fa3095b{width:25%;}.elementor-317 .elementor-element.elementor-element-f8942f9{width:75%;}}@media(max-width:1024px){.elementor-317 .elementor-element.elementor-element-5ab88f3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-317 .elementor-element.elementor-element-5ab88f3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for section, class: .elementor-element-63109c1 *//* ============================================================
   DISTRIBUIDORA DELFINA — CSS CATÁLOGO COMPLETO
   Basado en clases reales inspeccionadas de JetSmartFilters
   ============================================================ */

:root {
  --df-naranja:      #FF3C00;
  --df-amarillo:     #FFCE00;
  --df-texto:        #2d2d2d;
  --df-gris:         #6b6b6b;
  --df-borde:        #e8e8e8;
  --df-fondo:        #f5f4f0;
  --df-blanco:       #ffffff;
  --df-radio:        6px;
  --df-sombra:       0 2px 14px rgba(0,0,0,0.07);
}


/* ============================================================
   1. JETSMARTFILTERS — CHECKBOXES
   ============================================================ */

/* Contenedor sticky del sidebar */
.jet-smart-filters-widget {
  background: var(--df-blanco);
  border: 1px solid var(--df-borde);
  border-radius: 10px;
  padding: 22px 18px;
  box-shadow: var(--df-sombra);
  position: sticky;
  top: 110px;
}

/* Título de sección del filtro (legend oculto por defecto en JSF) */
.jet-checkboxes-list-wrapper legend {
  display: none;
}

/* Cada fila */
.jet-checkboxes-list__row {
  margin-bottom: 2px;
}

/* Label clickeable — toda la fila */
.jet-checkboxes-list__item {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  border-radius: var(--df-radio);
  cursor: pointer;
  transition: background 0.15s;
  line-height: 1;
}

.jet-checkboxes-list__item:hover {
  background: #fff5f2;
}

/* ── Input nativo: ocultarlo completamente ── */
.jet-checkboxes-list__input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none;
}

/* ── Decorator: el cuadradito visual ── */
.jet-checkboxes-list__decorator {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 2px solid #ccc;
  border-radius: 4px;
  background: var(--df-blanco);
  position: relative;
  flex-shrink: 0;
  transition: border-color 0.15s, background 0.15s;
  display: block;
}

/* Tilde SVG custom (vacío por defecto) */
.jet-checkboxes-list__decorator::after {
  content: '';
  position: absolute;
  left: 3px;
  top: 0px;
  width: 5px;
  height: 9px;
  border: 2px solid transparent;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  transition: border-color 0.1s;
}

/* Hover sobre toda la fila → borde naranja en decorator */
.jet-checkboxes-list__item:hover .jet-checkboxes-list__decorator {
  border-color: var(--df-naranja);
}

/* Estado ACTIVO (JSF agrega clase al input checked o al row) */
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__decorator,
.jet-filter-row--active .jet-checkboxes-list__decorator,
.jet-checkboxes-list__row.jet-filter-item--active .jet-checkboxes-list__decorator {
  background: var(--df-naranja);
  border-color: var(--df-naranja);
}

.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button .jet-checkboxes-list__decorator::after,
.jet-filter-row--active .jet-checkboxes-list__decorator::after,
.jet-checkboxes-list__row.jet-filter-item--active .jet-checkboxes-list__decorator::after {
  border-color: #fff;
}

/* Fila activa: fondo suave */
.jet-filter-row--active .jet-checkboxes-list__item,
.jet-checkboxes-list__row.jet-filter-item--active .jet-checkboxes-list__item {
  background: #fff5f2;
}

/* ── Texto de la categoría ── */
.jet-checkboxes-list__label {
  flex: 1;
  font-size: 14px;
  color: var(--df-texto);
  line-height: 1.3;
  transition: color 0.15s;
}

.jet-filter-row--active .jet-checkboxes-list__label,
.jet-checkboxes-list__row.jet-filter-item--active .jet-checkboxes-list__label,
.jet-checkboxes-list__item:hover .jet-checkboxes-list__label {
  color: var(--df-naranja);
  font-weight: 600;
}

/* ── Contador de productos ── */
.jet-checkboxes-list__count,
[class*="jet-filter-items-count"] {
  font-size: 11px;
  color: #bbb;
  background: #f2f2f2;
  border-radius: 20px;
  padding: 2px 8px;
  flex-shrink: 0;
  transition: background 0.15s, color 0.15s;
}

.jet-filter-row--active .jet-checkboxes-list__count,
.jet-checkboxes-list__row.jet-filter-item--active [class*="count"] {
  background: #ffe5de;
  color: var(--df-naranja);
}

/* ── Ocultar botón "Aplicar" (AJAX, no hace falta) ── */
.jet-smart-filters__apply-filters-button,
.jet-filter-apply-button,
button.apply-filters {
  display: none !important;
}


/* ============================================================
   2. ARCHIVE PRODUCTS — Barra superior
   ============================================================ */

.woocommerce-result-count {
  font-size: 13px;
  color: var(--df-gris);
  margin: 0 0 16px 0;
  line-height: 38px;
}

.woocommerce-ordering {
  margin-bottom: 16px;
}

.woocommerce-ordering select {
  border: 1px solid var(--df-borde);
  border-radius: var(--df-radio);
  padding: 8px 14px;
  font-size: 13px;
  color: var(--df-texto);
  background: var(--df-blanco);
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  border-color: var(--df-naranja);
}


/* ============================================================
   3. ARCHIVE PRODUCTS — Grilla 3 columnas
   ============================================================ */

ul.products,
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Card ── */
ul.products li.product,
.woocommerce ul.products li.product {
  background: var(--df-blanco) !important;
  border: 1px solid var(--df-borde) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: box-shadow 0.22s, transform 0.22s !important;
}

ul.products li.product:hover,
.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.10) !important;
  transform: translateY(-4px) !important;
}

/* ── Imagen ── */
ul.products li.product a img,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  border-bottom: 1px solid var(--df-borde) !important;
  transition: opacity 0.2s !important;
}

ul.products li.product:hover img {
  opacity: 0.9 !important;
}

/* ── Título ── */
ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--df-texto) !important;
  padding: 14px 14px 4px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* ── Precio ── */
ul.products li.product .price,
.woocommerce ul.products li.product .price {
  display: block !important;
  padding: 4px 14px 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--df-naranja) !important;
}

ul.products li.product .price del,
.woocommerce ul.products li.product .price del {
  color: #bbb !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins {
  text-decoration: none !important;
}

/* ── Botón "Add to cart" ── */
ul.products li.product .button,
.woocommerce ul.products li.product .button,
ul.products li.product a.button,
.woocommerce ul.products li.product a.button {
  display: block !important;
  margin: auto 14px 14px !important;
  padding: 9px 0 !important;
  background: var(--df-naranja) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  text-align: center !important;
  border: 2px solid var(--df-naranja) !important;
  border-radius: var(--df-radio) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s, border-color 0.2s !important;
}

ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:hover,
ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.button:hover {
  background: var(--df-amarillo) !important;
  color: var(--df-naranja) !important;
  border-color: var(--df-amarillo) !important;
}

/* "Read more" (productos sin precio) — outline */
ul.products li.product a.button.product_type_simple:not(.add_to_cart_button),
ul.products li.product a.read_more,
.woocommerce ul.products li.product a.read_more {
  background: transparent !important;
  color: var(--df-naranja) !important;
  border: 2px solid var(--df-naranja) !important;
}

ul.products li.product a.read_more:hover,
.woocommerce ul.products li.product a.read_more:hover {
  background: var(--df-amarillo) !important;
  border-color: var(--df-amarillo) !important;
  color: var(--df-naranja) !important;
}

/* ── Badge Sale ── */
ul.products li.product .onsale,
.woocommerce ul.products li.product .onsale {
  background: var(--df-naranja) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  min-height: auto !important;
  min-width: auto !important;
  padding: 3px 8px !important;
  top: 10px !important;
  left: 10px !important;
}


/* ============================================================
   4. PAGINACIÓN
   ============================================================ */

.woocommerce-pagination ul {
  display: flex !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid var(--df-borde) !important;
  border-radius: var(--df-radio) !important;
  font-size: 13px !important;
  color: var(--df-texto) !important;
  text-decoration: none !important;
  background: var(--df-blanco) !important;
  transition: all 0.15s !important;
}

.woocommerce-pagination ul li a:hover {
  border-color: var(--df-naranja) !important;
  color: var(--df-naranja) !important;
}

.woocommerce-pagination ul li span.current {
  background: var(--df-naranja) !important;
  border-color: var(--df-naranja) !important;
  color: #fff !important;
  font-weight: 700 !important;
}


/* ============================================================
   5. RESPONSIVE
   ============================================================ */

@media (max-width: 1024px) {
  ul.products,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .jet-smart-filters-widget {
    position: static;
    margin-bottom: 20px;
  }

  ul.products,
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  ul.products li.product a img,
  .woocommerce ul.products li.product img {
    height: 150px !important;
  }
}

@media (max-width: 480px) {
  ul.products,
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */