.elementor-334 .elementor-element.elementor-element-0a5d09a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-57ce03a{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-199f18c{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-c4d6348{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-0ac9689{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-1fa56a0{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-9de8b6d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-334 .elementor-element.elementor-element-9de8b6d.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-334 .elementor-element.elementor-element-18eb5fb{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-26c9b2d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-de05cdd{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-2c2436f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-334 .elementor-element.elementor-element-2c2436f.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-334 .elementor-element.elementor-element-c700c58{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-56fccd7{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-334 .elementor-element.elementor-element-563bdf4{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-334 .elementor-element.elementor-element-9de8b6d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-334 .elementor-element.elementor-element-2c2436f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-334 .elementor-element.elementor-element-9de8b6d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-334 .elementor-element.elementor-element-2c2436f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-9de8b6d *//*
  ============================================================
  CSS AVANZADO — SECCIÓN "OFERTAS DE LA SEMANA"
  Dónde pegarlo:
  → Seleccioná la SECCIÓN completa en Elementor
  → Panel derecho: Avanzado → CSS personalizado
  → Pegá este código
  ============================================================
*/

/* ── Fondo de la sección ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d {
  background: #ffffff;
  padding-bottom: 64px;
}

/* ── Widget de productos ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .elementor-widget-woocommerce-products {
  padding: 0 !important;
}

/* ── GRID 2 columnas ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  padding: 8px 40px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* ── CARD — layout vertical clásico ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product {
  background: #F0F5FF !important;
  border: 2px solid rgba(26,127,255,.1) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: border-color .22s, transform .22s, box-shadow .22s !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product:hover {
  border-color: rgba(26,127,255,.45) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(26,127,255,.12) !important;
}

/* Línea azul top al hover */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 0 !important; height: 3px !important;
  background: linear-gradient(to right, #1A7FFF, #3B9BFF) !important;
  transition: width .38s ease !important;
  z-index: 3 !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product:hover::before {
  width: 100% !important;
}

/* ── IMAGEN ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product a img {
  width: 100% !important;
  aspect-ratio: 4/3 !important;
  object-fit: contain !important;
  background: #E8F0FF !important;
  padding: 16px !important;
  display: block !important;
  transition: transform .45s !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product:hover a img {
  transform: scale(1.06) !important;
}

/* ── BADGE OFERTA ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d span.onsale {
  background: #1A7FFF !important;
  color: #fff !important;
  font-family: 'Arial Black', sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
}

/* ── NOMBRE ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Arial Black', 'Arial', sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  color: #0213C4 !important;
  line-height: 1.2 !important;
  padding: 14px 14px 4px !important;
  margin: 0 !important;
  background: #ffffff !important;
  transition: color .2s !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
  color: #1A7FFF !important;
}

/* ── PRECIO ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .price {
  font-family: 'Arial Black', 'Arial', sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #0213C4 !important;
  letter-spacing: -1px !important;
  padding: 0 14px 6px !important;
  display: block !important;
  line-height: 1.1 !important;
  background: #ffffff !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .price ins,
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
  text-decoration: none !important;
  color: #1A7FFF !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .price del,
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .price del .woocommerce-Price-amount {
  font-family: 'Arial', sans-serif !important;
  font-size: 12px !important;
  color: #AAA !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  display: block !important;
  opacity: 1 !important;
}

/* ── BOTÓN CARRITO ── */
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .button,
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .add_to_cart_button {
  background: linear-gradient(135deg, #1A7FFF, #0213C4) !important;
  color: #fff !important;
  font-family: 'Arial Black', 'Arial', sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 12px 14px !important;
  margin: 8px 14px 14px !important;
  border: none !important;
  border-radius: 0 !important;
  width: calc(100% - 28px) !important;
  display: block !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: filter .2s !important;
}
.elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products li.product .button:hover {
  filter: brightness(1.12) !important;
  box-shadow: 0 4px 16px rgba(26,127,255,.35) !important;
}

/* ── RESPONSIVE ── */
@media(max-width: 768px) {
  .elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products {
    grid-template-columns: 1fr 1fr !important;
    padding: 8px 20px 0 !important;
    gap: 10px !important;
  }
}
@media(max-width: 480px) {
  .elementor-334 .elementor-element.elementor-element-9de8b6d .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-2c2436f *//*
  ============================================================
  CSS PERSONALIZADO — WIDGET "PRODUCTOS" (Elementor Pro)
  Dónde pegarlo:
  → Click en el widget Productos en Elementor
  → Panel derecho: Avanzado → CSS personalizado
  → Pegá este código
  ============================================================
  ".elementor-334 .elementor-element.elementor-element-2c2436f" referencia exactamente este widget.
  ============================================================
*/

/* ── TRACK — flex horizontal con scroll ── */
.elementor-334 .elementor-element.elementor-element-2c2436f .woocommerce ul.products,
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  padding: 8px 0 24px !important;
  margin: 0 !important;
  list-style: none !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f .woocommerce ul.products::-webkit-scrollbar,
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products::-webkit-scrollbar {
  display: none !important;
}

/* ── CARD — ancho fijo 25% para ver 4 a la vez ── */
.elementor-334 .elementor-element.elementor-element-2c2436f .woocommerce ul.products li.product,
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product {
  flex: 0 0 calc(25% - 9px) !important;
  min-width: 220px !important;
  scroll-snap-align: start !important;
  background: #F0F5FF !important;
  border: 2px solid rgba(26,127,255,.1) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: border-color .22s, transform .22s, box-shadow .22s !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product:hover {
  border-color: rgba(26,127,255,.45) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(26,127,255,.12) !important;
}

/* Línea azul top al hover */
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important;
  width: 0 !important; height: 3px !important;
  background: linear-gradient(to right, #1A7FFF, #3B9BFF) !important;
  transition: width .38s ease !important;
  z-index: 3 !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product:hover::before {
  width: 100% !important;
}

/* ── IMAGEN ── */
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product a img {
  width: 100% !important;
  aspect-ratio: 4/3 !important;
  object-fit: contain !important;
  background: #E8F0FF !important;
  padding: 16px !important;
  display: block !important;
  transition: transform .45s !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product:hover a img {
  transform: scale(1.06) !important;
}

/* ── BADGE OFERTA — cuadrado azul, reemplaza el círculo rojo ── */
.elementor-334 .elementor-element.elementor-element-2c2436f span.onsale {
  background: #1A7FFF !important;
  color: #fff !important;
  font-family: 'Arial Black', sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 0 !important;
  min-width: auto !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  box-shadow: none !important;
}

/* ── NOMBRE ── */
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Arial Black', 'Arial', sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  color: #0213C4 !important;
  line-height: 1.2 !important;
  padding: 14px 14px 4px !important;
  margin: 0 !important;
  background: #ffffff !important;
  transition: color .2s !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product:hover .woocommerce-loop-product__title {
  color: #1A7FFF !important;
}

/* ── PRECIO ── */
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .price {
  font-family: 'Arial Black', 'Arial', sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #0213C4 !important;
  letter-spacing: -1px !important;
  padding: 0 14px 6px !important;
  display: block !important;
  line-height: 1.1 !important;
  background: #ffffff !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .price ins,
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .price ins .woocommerce-Price-amount {
  text-decoration: none !important;
  color: #1A7FFF !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .price del,
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .price del .woocommerce-Price-amount {
  font-family: 'Arial', sans-serif !important;
  font-size: 12px !important;
  color: #AAA !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  display: block !important;
  opacity: 1 !important;
}

/* ── BOTÓN CARRITO ── */
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .button,
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .add_to_cart_button {
  background: linear-gradient(135deg, #1A7FFF, #0213C4) !important;
  color: #fff !important;
  font-family: 'Arial Black', 'Arial', sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 12px 14px !important;
  margin: 8px 14px 14px !important;
  border: none !important;
  border-radius: 0 !important;
  width: calc(100% - 28px) !important;
  display: block !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: filter .2s !important;
}
.elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product .button:hover {
  filter: brightness(1.12) !important;
  box-shadow: 0 4px 16px rgba(26,127,255,.35) !important;
}

/* ── RESPONSIVE ── */
@media(max-width: 1024px) {
  .elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product {
    flex: 0 0 calc(50% - 6px) !important;
  }
}
@media(max-width: 480px) {
  .elementor-334 .elementor-element.elementor-element-2c2436f ul.products li.product {
    flex: 0 0 80vw !important;
  }
}/* End custom CSS */