.elementor-11788 .elementor-element.elementor-element-2b60c75{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-11788 .elementor-element.elementor-element-ffd4e78{--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-11788 .elementor-element.elementor-element-f61442c{width:100%;max-width:100%;}.elementor-11788 .elementor-element.elementor-element-f61442c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11788 .elementor-element.elementor-element-f61442c.elementor-element{--flex-grow:0;--flex-shrink:0;}.woocommerce .elementor-11788 .elementor-element.elementor-element-f61442c .flex-viewport:not(:last-child){margin-bottom:5px;}.woocommerce .elementor-11788 .elementor-element.elementor-element-f61442c .flex-control-thumbs li{padding-right:calc(0px / 2);padding-left:calc(0px / 2);padding-bottom:0px;}.woocommerce .elementor-11788 .elementor-element.elementor-element-f61442c .flex-control-thumbs{margin-right:calc(-0px / 2);margin-left:calc(-0px / 2);}.elementor-11788 .elementor-element.elementor-element-7d131a7{--spacer-size:25px;}.elementor-11788 .elementor-element.elementor-element-4155a75{--spacer-size:17px;}.elementor-11788 .elementor-element.elementor-element-098b41b{--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-11788 .elementor-element.elementor-element-8c63d8c{--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-11788 .elementor-element.elementor-element-8c63d8c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11788 .elementor-element.elementor-element-681272c .cart button, .elementor-11788 .elementor-element.elementor-element-681272c .cart .button{transition:all 0.2s;}.elementor-11788 .elementor-element.elementor-element-681272c .quantity .qty{transition:all 0.2s;}.elementor-11788 .elementor-element.elementor-element-d61813a{--display:flex;}.elementor-11788 .elementor-element.elementor-element-ce96577{--spacer-size:50px;}.elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-pagination{text-align:left !important;}.elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-filter-container{border:1px solid #e5e5e5 !important;}.elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-filter-container .shortcode-wcpr-filter-button{border:1px solid #e5e5e5 !important;}.elementor-11788 .elementor-element.elementor-element-58ac570 .rate-percent-bg .rate-percent{background-color:#1f2937 !important;}.elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-stars-count .star-rating:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-content .shortcode-review-content-container .star-rating:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-stars-count .star-rating span:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .shortcode-wcpr-content .shortcode-review-content-container .star-rating span:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-comments .star-rating span:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-stars-count .shortcode-wcpr-row .shortcode-wcpr-col-star .star-rating span:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating:before,
					 .elementor-11788 .elementor-element.elementor-element-58ac570 .woocommerce-photo-reviews-shortcode .shortcode-wcpr-overall-rating-right .shortcode-wcpr-overall-rating-right-star .star-rating span:before{color:#ffb600 !important;}.elementor-11788 .elementor-element.elementor-element-58ac570 .woocommerce-photo-reviews-shortcode .woocommerce-review__verified{color:#9e7022 !important;}.elementor-11788 .elementor-element.elementor-element-61337ed{--spacer-size:75px;}.elementor-11788 .elementor-element.elementor-element-695382b{--display:flex;}.elementor-11788 .elementor-element.elementor-element-36ab4b7{--display:flex;}.elementor-11788 .elementor-element.elementor-element-36ab4b7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11788 .elementor-element.elementor-element-2f96769{--spacer-size:75px;}.elementor-11788 .elementor-element.elementor-element-44f32f3{--display:flex;}.elementor-11788 .elementor-element.elementor-element-d196069{--display:flex;}.elementor-11788 .elementor-element.elementor-element-6f089d5{--spacer-size:25px;}.elementor-11788 .elementor-element.elementor-element-a1164f3{--display:flex;}.elementor-11788 .elementor-element.elementor-element-a1164f3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11788 .elementor-element.elementor-element-1dbaddb{--display:flex;}.elementor-11788 .elementor-element.elementor-element-865d308{--display:flex;}.elementor-11788 .elementor-element.elementor-element-64a85af{--spacer-size:25px;}.elementor-11788 .elementor-element.elementor-element-d5e53ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11788 .elementor-element.elementor-element-d5e53ad.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-11788 .elementor-element.elementor-element-02a1fd3{--display:flex;}.elementor-11788 .elementor-element.elementor-element-74f03a5{--spacer-size:50px;}body.elementor-page-11788{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-11788 .elementor-element.elementor-element-d5e53ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:769px){.elementor-11788 .elementor-element.elementor-element-2b60c75{--content-width:1398px;}.elementor-11788 .elementor-element.elementor-element-ffd4e78{--width:50%;}.elementor-11788 .elementor-element.elementor-element-098b41b{--width:50%;}.elementor-11788 .elementor-element.elementor-element-8c63d8c{--width:99.329%;}.elementor-11788 .elementor-element.elementor-element-36ab4b7{--width:100%;}.elementor-11788 .elementor-element.elementor-element-a1164f3{--width:102.735%;}}@media(max-width:768px){.elementor-11788 .elementor-element.elementor-element-8c63d8c{--border-radius:0px 0px 0px 0px;}.elementor-11788 .elementor-element.elementor-element-d5e53ad.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-f61442c *//* 5. Galería de Producto (Widget: Product Images) */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery {
    border: none;
}
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
    border-radius: 0 !important; /* Para que ocupe todo el espacio sin bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-69f25bc *//* --- Estilo para un Título de Producto más Fino --- */
h1.product_title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important; /* ¡Este es el cambio clave! 400 es el peso normal, no negrita. */
    font-size: 2.5rem !important; /* Mantenemos un tamaño grande y elegante */
    color: #1f2937 !important;
    line-height: 1.2 !important;
    margin-bottom: 0.5rem !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-ed6da0d *//* =========================================
   CSS PARA PRECIO (VERSIÓN FINAL REFINADA)
   ========================================= */

/* Estilo para el contenedor del precio cuando hay oferta */
p.price {
    line-height: 1.2 !important;
}

/* --- ESTILOS PARA CUANDO HAY UNA OFERTA --- */

/* Precio original (el que se tacha) */
p.price del {
    display: block !important; /* Lo pone en su propia línea para evitar desbordamiento */
    font-size: 1.375rem !important; /* 22px - Un tamaño secundario y sutil */
    color: #9CA3AF !important; /* Un gris claro para que no distraiga */
    opacity: 0.9;
    
    /* Asegura que la línea pase por el medio */
    text-decoration: line-through !important;
    text-decoration-thickness: 1.5px !important; /* Una línea ligeramente más gruesa para ser visible */
}

/* Precio de oferta (el nuevo precio, ahora en negro) */
p.price ins {
    font-size: 2.25rem !important; /* 36px - Tamaño principal, más refinado */
    font-weight: 700 !important;
    color: #111827 !important; /* Color negro por defecto */
    text-decoration: none !important; /* Le quita el subrayado por defecto */
}


/* --- ESTILO PARA CUANDO NO HAY OFERTA --- */

/* Precio normal (para mantener consistencia de tamaño) */
p.price > .amount {
    font-size: 2.25rem !important; /* 36px */
    font-weight: 700 !important;
    color: #111827 !important; /* Color negro por defecto */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-rating, class: .elementor-element-635435d *//* 4. Reseñas (Widget: Product Rating) */
.elementor-widget-woocommerce-product-rating .woocommerce-product-rating {
    margin-bottom: 1.5rem; /* 24px */
}
.elementor-widget-woocommerce-product-rating .star-rating {
    color: #f59e0b;
}
.elementor-widget-woocommerce-product-rating .woocommerce-review-link {
    margin-left: 0.75rem; /* 12px */
    font-size: 0.875rem; /* 14px */
    color: #6B7280;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c63d8c *//* Este código crea una clase reutilizable para añadir 
  espaciado lateral solo en dispositivos móviles.
  Versión 2: Más específica para Elementor.
*/
@media (max-width: 767px) {
  /* Apuntamos al contenedor interno de la sección para mayor especificidad */
  .contenedor-encajonado-movil > .elementor-container {
    padding-left: 1rem !important;  /* 16px de espacio a la izquierda */
    padding-right: 1rem !important; /* 16px de espacio a la derecha */
    width: auto !important; /* Permite que el padding funcione correctamente */
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b60c75 *//* =========================================
   REDISEÑO DEL BADGE "OFERTA" (VERSIÓN FORZADA)
   ========================================= */

/* Hacemos que el contenedor de la galería sea el punto de referencia */
.woocommerce-product-gallery {
    position: relative;
}

.woocommerce span.onsale {
    background-color: #111827 !important; /* Fondo negro elegante */
    color: #ffffff !important;
    border-radius: 4px !important;
    
    /* Forzamos el posicionamiento en la esquina inferior derecha */
    position: absolute !important; /* Clave para sobreescribir el tema */
    top: auto !important;
    left: auto !important;
    right: 15px !important;
    bottom: 15px !important;
    
    /* Tamaño y tipografía */
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 10; /* Nos aseguramos que esté por encima de la imagen */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-content, class: .elementor-element-01df23c *//* ========================================================
   CSS PARA ESTILIZAR EL WIDGET DE DESCRIPCIÓN DE WOOCOMMERCE
   ======================================================== */

/* --- Contenedor Principal --- */
/* Esto apunta al widget de "Product Content" de Elementor */
.elementor-widget-woocommerce-product-content {
    font-family: 'Inter', sans-serif;
    color: #4B5563; /* Color de texto base (gris oscuro) */
    line-height: 1.7; /* Altura de línea para fácil lectura */
    
    /* Limita el ancho y centra el contenido para mejor legibilidad */
    max-width: 896px; /* Un ancho cómodo para leer */
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 1rem; /* Añade espacio vertical */
}


/* --- Estilo para Títulos (H3, H4) --- */
/* Usa H3 o H4 en tu editor de descripción para crear subtítulos */
.elementor-widget-woocommerce-product-content h3,
.elementor-widget-woocommerce-product-content h4 {
    font-family: 'Playfair Display', serif;
    font-size: 1.75rem; /* 28px */
    font-weight: 700;
    color: #1f2937; /* Gris muy oscuro */
    margin-top: 2.5rem; /* Espacio generoso arriba */
    margin-bottom: 1rem;
    line-height: 1.3;
}
.elementor-widget-woocommerce-product-content h3:first-child,
.elementor-widget-woocommerce-product-content h4:first-child {
    margin-top: 0; /* Elimina el margen superior del primer título */
}


/* --- Estilo para Párrafos --- */
.elementor-widget-woocommerce-product-content p {
    font-size: 1rem; /* 16px */
    margin-bottom: 1.5rem;
}


/* --- Estilo para Listas (Bullets) --- */
.elementor-widget-woocommerce-product-content ul {
    list-style-type: none; /* Quitamos los puntos por defecto */
    padding-left: 0;
    margin-bottom: 1.5rem;
}

.elementor-widget-woocommerce-product-content li {
    padding-left: 2rem; /* Espacio para el ícono personalizado */
    position: relative;
    margin-bottom: 0.75rem; /* Espacio entre cada item de la lista */
}

/* Ícono personalizado para cada item de la lista */
.elementor-widget-woocommerce-product-content li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px; /* Ajuste vertical del ícono */
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="%234B5563"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}


/* --- Estilo para Texto en Negritas --- */
.elementor-widget-woocommerce-product-content strong {
    color: #1f2937;
    font-weight: 600;
}


/* --- Estilo para Imágenes dentro de la Descripción --- */
.elementor-widget-woocommerce-product-content img {
    max-width: 100%;
    height: auto;
    border-radius: 0.75rem; /* Bordes redondeados elegantes */
    margin-top: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-d5e53ad *//* ========================================================
   CSS PARA WIDGETS "RELATED PRODUCTS" Y "PRODUCT UPSELLS"
   ======================================================== */

/* --- Título de la Sección --- */
/* Apunta a los títulos de ambas secciones */
.related.products > h2,
.upsells.products > h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 2.25rem !important; /* 36px */
    font-weight: 700 !important;
    text-align: center !important;
    color: #1f2937 !important;
    margin-bottom: 3rem !important; /* 48px */
}


/* --- Contenedor de la Cuadrícula de Productos --- */
/* Aplica los estilos de cuadrícula a ambas secciones */
.elementor-widget-woocommerce-related-products ul.products,
.elementor-widget-woocommerce-product-upsells ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; /* 4 columnas en desktop */
    gap: 2rem !important; /* 32px de espacio */
}


/* --- Estilo de Cada Tarjeta de Producto --- */
ul.products li.product {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem; /* 8px */
    padding: 1rem;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    /* --- ¡NUEVO! Para alinear contenido y solucionar alturas --- */
    display: flex;
    flex-direction: column;
}

ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.07);
}


/* --- Imagen del Producto --- */
ul.products li.product a img {
    border-radius: 0.25rem; /* 4px */
    margin-bottom: 1rem !important;
    box-shadow: none !important;
}


/* --- Título del Producto --- */
ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Inter', sans-serif;
    font-size: 1rem !important; /* 16px */
    font-weight: 600 !important;
    color: #1f2937 !important;
    padding: 0 !important;
}

/* --- ¡NUEVO! Contenedor para las estrellas para normalizar altura --- */
ul.products li.product .star-rating {
    /* Esto asegura que el espacio de las estrellas sea consistente, haya o no */
    min-height: 1.2em;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


/* --- Precio del Producto --- */
ul.products li.product .price {
    font-size: 1.125rem !important; /* 18px */
    font-weight: 700 !important;
    color: #111827 !important;
    margin-top: 0.5rem;
    display: block !important;
    /* --- ¡NUEVO! Espacio consistente antes del botón --- */
    margin-bottom: 1rem;
}
/* Estilo para el "desde" en precios variables */
.price .from {
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    color: #6B7280 !important;
}


/* --- Botón "Ver Detalles" --- */
/* Transforma el botón "Añadir al carrito" en "Ver detalles" */
ul.products li.product .button {
    width: 100%;
    /* --- ¡EDITADO! Empuja el botón al final de la tarjeta --- */
    margin-top: auto !important;
    background-color: transparent !important;
    color: #1f2937 !important;
    border: 2px solid #e5e7eb !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0.75rem !important;
    border-radius: 0.375rem !important; /* 6px */
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    /* --- ¡NUEVO! Soluciona el problema de desbordamiento y alineación --- */
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

ul.products li.product .button:hover {
    background-color: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Oculta el ícono del carrito si el tema lo añade */
ul.products li.product .button::after {
    display: none !important;
}


/* --- Ajustes para Móvil --- */
@media (max-width: 767px) {
    /* 2 columnas en móvil */
    .elementor-widget-woocommerce-related-products ul.products,
    .elementor-widget-woocommerce-product-upsells ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    .related.products > h2,
    .upsells.products > h2 {
        font-size: 1.875rem !important; /* 30px */
    }
}/* End custom CSS */
/* Start custom CSS */body.single-product .site-main,
body.single-product .content-area,
body.single-product .container,
body.single-product .ast-container,
body.single-product .elementor-section-wrap,
body.single-product .woocommerce,
body.single-product .entry-content {
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}/* End custom CSS */