.elementor-257 .elementor-element.elementor-element-f0ec4ae{--display:flex;--min-height:300px;--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.5;}.elementor-257 .elementor-element.elementor-element-f0ec4ae:not(.elementor-motion-effects-element-type-background), .elementor-257 .elementor-element.elementor-element-f0ec4ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lareservadelbosque.com/wp-content/uploads/2026/02/shop_reserva_21.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-257 .elementor-element.elementor-element-f0ec4ae::before, .elementor-257 .elementor-element.elementor-element-f0ec4ae > .elementor-background-video-container::before, .elementor-257 .elementor-element.elementor-element-f0ec4ae > .e-con-inner > .elementor-background-video-container::before, .elementor-257 .elementor-element.elementor-element-f0ec4ae > .elementor-background-slideshow::before, .elementor-257 .elementor-element.elementor-element-f0ec4ae > .e-con-inner > .elementor-background-slideshow::before, .elementor-257 .elementor-element.elementor-element-f0ec4ae > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-257 .elementor-element.elementor-element-223b907 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:55px;font-weight:900;text-transform:uppercase;color:var( --e-global-color-e509ecb );}.elementor-257 .elementor-element.elementor-element-0a3506b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-257 .elementor-element.elementor-element-a9f94c3{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-257 .elementor-element.elementor-element-a9f94c3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-257 .elementor-element.elementor-element-a9f94c3.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-257 .elementor-element.elementor-element-f0ec4ae{--min-height:200px;}.elementor-257 .elementor-element.elementor-element-223b907 .elementor-heading-title{font-size:50px;}.elementor-257 .elementor-element.elementor-element-a9f94c3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-257 .elementor-element.elementor-element-223b907{text-align:center;}.elementor-257 .elementor-element.elementor-element-223b907 .elementor-heading-title{font-size:30px;}.elementor-257 .elementor-element.elementor-element-a9f94c3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-a9f94c3 */.elementor-widget-woocommerce-products {
  --pms-green: #2E4A3A;      /* fondo del panel inferior */
  --pms-eyebrow: #C9D3C7;    /* color del texto "Pack Premium" */
  --pms-btn-bg: #8C8375;     /* color del botón Añadir al carrito */
  --pms-btn-text: #ffffff;
}

/* Tarjeta contenedora */
.elementor-widget-woocommerce-products ul.products li.product {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Oculta el link vacío "fantasma" que tu tema/Elementor deja
   como hermano suelto antes del panel verde. Como no tiene
   contenido, :empty lo detecta sin afectar el link real
   (el que sí envuelve la imagen y el texto). */
.elementor-widget-woocommerce-products ul.products li.product > a.woocommerce-loop-product__link:empty {
  display: none;
}

/* El mockup no muestra estrellas de valoración */
.elementor-widget-woocommerce-products ul.products li.product .star-rating {
  display: none;
}

/* Panel de color inferior — envuelve TODO menos la imagen suelta
   de arriba (eyebrow, título, precio, cantidad+botón), sin
   importar en qué orden salgan realmente en el HTML. */
.elementor-widget-woocommerce-products ul.products li.product .pms-card-body {
  
  color: #fff;
  padding: 24px 22px 22px;
  display: flex;
  flex-direction: column;
}
li.product {
    background: #295640 !important;
}

/* El link real (el que SÍ tiene contenido) puede traer la imagen,
   el eyebrow, el título y el precio todos como hijos directos,
   en cualquier orden. Lo convertimos en un flex-column propio y
   usamos "order" para fijar el orden visual sin tocar el HTML. */
.elementor-widget-woocommerce-products ul.products li.product .pms-card-body a.woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-card-body a.woocommerce-loop-product__link img {
  order: -2;
  width: calc(100% + 44px);
  max-width: none;
  margin: -24px -22px 16px;
  background: #fff;
  height: auto;
  display: block;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-eyebrow {
    font-family: 'Lora';
    order: -1;
    margin: 0 0 10px;
    font-size: 16px;
    color: #ffffff;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-card-body a.woocommerce-loop-product__link .woocommerce-loop-product__title {
    font-family: 'Lora';
  order: 0;
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-card-body a.woocommerce-loop-product__link .price {
  order: 1;
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
}

.elementor-widget-woocommerce-products ul.products li.product .price del {
  opacity: 0.6;
  font-size: 0.7em;
  margin-right: 8px;
}

/* Fila de cantidad + botón, siempre al final del panel */
.elementor-widget-woocommerce-products ul.products li.product .pms-cart-row {
  margin-top: 20px;
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-qty-input {
  width: 52px;
  border: none;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  background: #fff;
  color: #1a1a1a;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-add-btn {
  flex: 1;
  background: #7C736A
 !important;
  color: var(--pms-btn-text) !important;
  border: none;
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter 0.15s ease;
}

.elementor-widget-woocommerce-products ul.products li.product .pms-add-btn:hover {
  filter: brightness(0.95);
  color: var(--pms-btn-text) !important;
}
a.button.product_type_simple {
    background: #7C736A;
    color: white;
    border-radius: 100px;
    text-align: center;
}/* End custom CSS */