.elementor-11 .elementor-element.elementor-element-b7f7b81{--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-11 .elementor-element.elementor-element-b7f7b81.e-con{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-7b3ba4b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.5;}.elementor-11 .elementor-element.elementor-element-7b3ba4b::before, .elementor-11 .elementor-element.elementor-element-7b3ba4b > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-7b3ba4b > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-7b3ba4b > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-7b3ba4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-7b3ba4b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-2cd74a5{--display:flex;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-11 .elementor-element.elementor-element-2cd74a5::before, .elementor-11 .elementor-element.elementor-element-2cd74a5 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-2cd74a5 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-2cd74a5 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-2cd74a5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-2cd74a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-2cd74a5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-a788920{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b132c4a{--display:flex;--min-height:346px;}.elementor-11 .elementor-element.elementor-element-618151c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-5px -5px -5px -5px;border-radius:20px 20px 20px 20px;}.elementor-11 .elementor-element.elementor-element-618151c.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-11 .elementor-element.elementor-element-618151c .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11 .elementor-element.elementor-element-0e949af{--display:flex;--min-height:0px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-000f11c{--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;}.elementor-11 .elementor-element.elementor-element-9c3c2bb{--iteration-count:infinite;width:var( --container-widget-width, 101.363% );max-width:101.363%;--container-widget-width:101.363%;--container-widget-flex-grow:0;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-9c3c2bb.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-9c3c2bb .elementor-headline{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-9c3c2bb .elementor-headline-plain-text{color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-1606a39{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-6474389{--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-11 .elementor-element.elementor-element-a3a9b1f{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-a3a9b1f .elementor-headline{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-a3a9b1f .elementor-headline-plain-text{color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-a3a9b1f .elementor-headline .elementor-headline-plain-text{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 0px rgba(0,0,0,0.3);}.elementor-11 .elementor-element.elementor-element-bf167d4{--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-11 .elementor-element.elementor-element-44455e1{--e-image-carousel-slides-to-show:4;}.elementor-11 .elementor-element.elementor-element-dad8328{--display:flex;--min-height:0px;}.elementor-11 .elementor-element.elementor-element-dad8328.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-6fd004a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-11 .elementor-element.elementor-element-6fd004a .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-11 .elementor-element.elementor-element-6fd004a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-11 .elementor-element.elementor-element-be397be .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-text );}.elementor-11 .elementor-element.elementor-element-55138d1{--display:flex;--min-height:0px;--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-11 .elementor-element.elementor-element-649cf0e{--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-11 .elementor-element.elementor-element-90d5cd3{--display:flex;--min-height:0px;--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-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-11 .elementor-element.elementor-element-7ad526f{--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-11 .elementor-element.elementor-element-72fbd6f{--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;}.elementor-11 .elementor-element.elementor-element-d218854.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-d218854 .elementor-main-swiper{height:300px;}.elementor-11 .elementor-element.elementor-element-d218854 .elementor-main-swiper .swiper-slide{border-radius:10px;}.elementor-11 .elementor-element.elementor-element-d218854 .elementor-swiper-button{font-size:20px;}.elementor-11 .elementor-element.elementor-element-d218854 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:auto;}#elementor-lightbox-slideshow-d218854 .elementor-video-container{width:50%;}.elementor-11 .elementor-element.elementor-element-f90a418{--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-11 .elementor-element.elementor-element-a7eb55d{text-align:center;}.elementor-11 .elementor-element.elementor-element-a7eb55d .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-text );}.elementor-11 .elementor-element.elementor-element-399f07a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-11 .elementor-element.elementor-element-399f07a .elementor-divider-separator{width:0%;}.elementor-11 .elementor-element.elementor-element-399f07a .elementor-divider{padding-block-start:10px;padding-block-end:10px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-2cd74a5{--width:75.92%;}.elementor-11 .elementor-element.elementor-element-a788920{--width:50%;}.elementor-11 .elementor-element.elementor-element-1606a39{--content-width:1600px;}.elementor-11 .elementor-element.elementor-element-dad8328{--content-width:1113px;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-b7f7b81{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:020px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-b7f7b81.e-con{--align-self:flex-start;}.elementor-11 .elementor-element.elementor-element-7b3ba4b{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-2cd74a5{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4ca8e1b > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-11 .elementor-element.elementor-element-618151c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-618151c.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-11 .elementor-element.elementor-element-0e949af{--margin-top:00px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-000f11c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-44455e1{--e-image-carousel-slides-to-show:3;}.elementor-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11 .elementor-element.elementor-element-d218854.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-7b3ba4b{--flex-wrap:wrap;}.elementor-11 .elementor-element.elementor-element-44455e1{--e-image-carousel-slides-to-show:2;}.elementor-11 .elementor-element.elementor-element-4f73c97.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11 .elementor-element.elementor-element-d218854.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for container, class: .elementor-element-b7f7b81 */.video-full {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.video-full iframe {
  width: 100% !important;
  height: 450px !important;
  object-fit: cover;
  border-radius: 16px;
}

@media (max-width: 1024px) {
  .video-full iframe {
    height: 320px !important;
  }
}

@media (max-width: 480px) {
  .video-full iframe {
    height: 250px !important;
  }
}

<div class="dp-anim-wrapper">
  <!-- Banner (slider) -->
  <div class="dp-slider">
    <div class="dp-slide active">
      <img src="https://dolcepandacali.com/wp-content/uploads/2025/06/Recurso-2-1.png" alt="Banner chica" />
      <div class="dp-overlay">
        <h2>¡Lo eliges hoy,<br> y lo recibes mañana!</h2>
        <div class="dp-line"></div>
        <p>Envíos en 24h para Cali.</p>
      </div>
    </div>
    <div class="dp-slide">
      <img src="https://dolcepandacali.com/wp-content/uploads/2025/06/Recurso-1-2.png" alt="Banner chico" />
      <div class="dp-overlay">
        <h2>¡Lo eliges hoy,<br> y lo recibes mañana!</h2>
        <div class="dp-line"></div>
        <p>Envíos en 24h para Cali.</p>
      </div>
    </div>
  </div>

  <!-- Video (puedes reemplazar la URL por el tuyo de YouTube, Vimeo o archivo local) -->
  <div class="dp-video-wrapper">
    <iframe width="100%" height="400" src="https://www.youtube.com/embed/YOUR_VIDEO_ID" frameborder="0" allowfullscreen></iframe>
  </div>
</div>

<style>
  @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');

  /* Contenedor animado */
  .dp-anim-wrapper {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    will-change: opacity, transform;
  }

  .dp-anim-wrapper.visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Banner slider */
  .dp-slider {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 30px;
  }

  .dp-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 0;
    transition: opacity 0.8s ease-in-out;
  }

  .dp-slide.active {
    opacity: 1;
    z-index: 1;
  }

  .dp-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 16px;
  }

  .dp-overlay {
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: white;
    font-family: 'DM Sans', sans-serif;
    z-index: 2;
    max-width: 700px;
  }

  .dp-overlay h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
  }

  .dp-line {
    width: 60px;
    height: 3px;
    background-color: rgba(255,255,255,0.8);
    border-radius: 2px;
    margin: 12px 0;
  }

  .dp-overlay p {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
  }

  /* Video embebido */
  .dp-video-wrapper iframe {
    width: 100%;
    border-radius: 16px;
    display: block;
  }

  @media (max-width: 768px) {
    .dp-slider {
      height: 320px;
    }

    .dp-overlay {
      bottom: 20px;
      left: 20px;
    }

    .dp-overlay h2 {
      font-size: 28px;
    }

    .dp-line {
      width: 40px;
      height: 2px;
    }

    .dp-overlay p {
      font-size: 16px;
    }
  }

  @media (max-width: 480px) {
    .dp-slider {
      height: 250px;
    }

    .dp-overlay {
      bottom: 16px;
      left: 16px;
    }

    .dp-overlay h2 {
      font-size: 22px;
    }

    .dp-line {
      width: 30px;
      height: 2px;
    }

    .dp-overlay p {
      font-size: 14px;
    }
  }
</style>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    // Slider automático
    const slides = document.querySelectorAll('.dp-slide');
    let current = 0;

    function showSlide(index) {
      slides[current].classList.remove('active');
      current = (index + slides.length) % slides.length;
      slides[current].classList.add('active');
    }

    setInterval(() => {
      showSlide(current + 1);
    }, 5000);

    // Swipe para móvil
    let startX = 0;
    const slider = document.querySelector('.dp-slider');
    slider.addEventListener('touchstart', e => {
      startX = e.touches[0].clientX;
    });

    slider.addEventListener('touchend', e => {
      const endX = e.changedTouches[0].clientX;
      if (startX - endX > 50) showSlide(current + 1);
      else if (endX - startX > 50) showSlide(current - 1);
    });

    // Observador para animación al hacer scroll
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
        }
      });
    }, { threshold: 0.3 });

    const animWrapper = document.querySelector('.dp-anim-wrapper');
    if (animWrapper) observer.observe(animWrapper);
  });
</script>/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4f73c97 */.elementor-11 .elementor-element.elementor-element-4f73c97 .woocommerce ul.products li.product {
  border: 1px solid #000; /* Contorno negro */
  border-radius: px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
}

.elementor-11 .elementor-element.elementor-element-4f73c97 .woocommerce ul.products li.product:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* Imagen con borde redondeado y responsiva */
.elementor-11 .elementor-element.elementor-element-4f73c97 .woocommerce ul.products li.product img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}

/* Título del producto */
.elementor-11 .elementor-element.elementor-element-4f73c97 .woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin: 10px 15px 0 15px;
}

/* Precio del producto */
.elementor-11 .elementor-element.elementor-element-4f73c97 .woocommerce ul.products li.product .price {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  margin: 5px 15px 15px 15px;
}

/* Precio tachado */
.elementor-11 .elementor-element.elementor-element-4f73c97 .woocommerce ul.products li.product .price del {
  color: #CC0A0A;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d5cd3 *//* Fuente DM Sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');

/* Estilo general de la card */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product {
  font-family: 'DM Sans', sans-serif;
  border-radius: 40px;
  overflow: hidden;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1.5px solid #000;
}

/* Hover de la card */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
}

/* Imagen del producto redondeada */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product img {
  border-radius: px 40px 0 0;
  margin-bottom: 10px;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

/* Título del producto */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product h2 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 16px;
  margin: 0 15px 5px 15px;
}

/* Precio */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .price {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  color: #000;
  margin: 0 15px 10px 15px;
  display: block;
}

/* Precio rebajado en rojo y tachado */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .price del {
  color: #CC0A0A;
  text-decoration: line-through;
  margin-right: 5px;
}

/* Botón Añadir al carrito */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .button {
  margin: 10px 15px 20px 15px;
  background-color: transparent;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  border-radius: 40px;
  padding: 10px;
  width: calc(100% - 30px);
  text-align: center;
  border: 2px solid #000;
  transition: all 0.3s ease;
  display: block;
}

/* Hover del botón */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .button:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-3px);
}

/* Estado activo o foco del botón */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .button:active,
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .button:focus {
  background-color: #000;
  color: #fff;
}

/* Enlace "Ver carrito" tras añadir al carrito */
.elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .added_to_cart {
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 3px 15px 20px 15px;
  font-family: 'DM Sans', sans-serif;
  color: #000;
}

/* Responsive para tablets */
@media (max-width: 768px) {
  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product {
    border-radius: 30px;
  }

  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product img {
    border-radius: 30px 30px 0 0;
  }

  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product .button {
    font-size: 14px;
    padding: 8px;
  }
}

/* Responsive para móviles */
@media (max-width: 480px) {
  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products {
    grid-template-columns: 1fr;
  }

  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product {
    margin: 0 auto;
    max-width: 90%;
    border-radius: 25px;
  }

  .elementor-11 .elementor-element.elementor-element-90d5cd3 .woocommerce ul.products li.product img {
    border-radius: 25px 25px 0 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55138d1 *//* Fuente DM Sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');

/* Estilo general de la card */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product {
  font-family: 'DM Sans', sans-serif;
  border-radius: 40px;
  overflow: hidden;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border: 1.5px solid #000;
}

/* Hover de la card */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
}

/* Imagen del producto redondeada */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product img {
  border-radius: 40px 40px 0 0;
  margin-bottom: 10px;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

/* Título del producto */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product h2 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 16px;
  margin: 0 15px 5px 15px;
}

/* Precio */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .price {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  color: #000;
  margin: 0 15px 10px 15px;
  display: block;
}

/* Precio rebajado en rojo y tachado */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .price del {
  color: #CC0A0A;
  text-decoration: line-through;
  margin-right: 5px;
}

/* Botón Añadir al carrito */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .button {
  margin: 10px 15px 20px 15px;
  background-color: transparent;
  color: #000;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  border-radius: 40px;
  padding: 10px;
  width: calc(100% - 30px);
  text-align: center;
  border: 2px solid #000;
  transition: all 0.3s ease;
  display: block;
}

/* Hover del botón */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .button:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-3px);
}

/* Estado activo o foco del botón */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .button:active,
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .button:focus {
  background-color: #000;
  color: #fff;
}

/* Enlace "Ver carrito" tras añadir al carrito */
.elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .added_to_cart {
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 3px 15px 20px 15px;
  font-family: 'DM Sans', sans-serif;
  color: #000;
}

/* Responsive para tablets */
@media (max-width: 768px) {
  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product {
    border-radius: 30px;
  }

  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product img {
    border-radius: 30px 30px 0 0;
  }

  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product .button {
    font-size: 14px;
    padding: 8px;
  }
}

/* Responsive para móviles */
@media (max-width: 480px) {
  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products {
    grid-template-columns: 1fr;
  }

  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product {
    margin: 0 auto;
    max-width: 90%;
    border-radius: 25px;
  }

  .elementor-11 .elementor-element.elementor-element-55138d1 .woocommerce ul.products li.product img {
    border-radius: 25px 25px 0 0;
  }
}

.woocommerce ul.products li.product {
  background-color: #fff !important;
  border: 1px solid #000;
  border-radius: 15px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}/* End custom CSS */