.elementor-51 .elementor-element.elementor-element-694bdc2{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-51 .elementor-element.elementor-element-37c9b66{--display:flex;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-51 .elementor-element.elementor-element-ba4254d{--slides-per-view:1;}.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-vertical-images .vertical-thumbnails-wrapper li{margin-bottom:10px;}.woocommerce .elementor-51 .elementor-element.elementor-element-ba4254d .woocommerce-product-gallery img{width:100%;}.woocommerce .elementor-51 .elementor-element.elementor-element-ba4254d .images-wrapper.woocommerce-product-gallery:not(.double_image, .one_image), .woocommerce .elementor-51 .elementor-element.elementor-element-ba4254d .woocommerce-product-gallery:is(.double_image, .one_image) .woocommerce-product-gallery{border-style:none;}.woocommerce .elementor-51 .elementor-element.elementor-element-ba4254d .thumbnail-item{border-style:none;}.elementor-51 .elementor-element.elementor-element-79fb5e0{--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;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E3E3E3;--border-color:#E3E3E3;--border-radius:20px 20px 20px 20px;box-shadow:6px 6px 10px -6px rgba(0, 0, 0, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:010px;--margin-right:020px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-51 .elementor-element.elementor-element-c5f084d .page-heading{padding:0px 0px 0px 0px;}.elementor-widget-woocommerce-product-etheme_title .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-51 .elementor-element.elementor-element-87b8c38 .elementor-heading-title{font-family:"Montserrat Subrayada", Sans-serif;font-size:31px;color:#222222;}.elementor-51 .elementor-element.elementor-element-287f443{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.woocommerce .elementor-51 .elementor-element.elementor-element-287f443 .woocommerce-product-details__short-description{color:#555555;font-size:17px;line-height:27px;}.elementor-51 .elementor-element.elementor-element-2e749d8b > .elementor-container{max-width:1260px;}.elementor-51 .elementor-element.elementor-element-2e749d8b{margin-top:30px;margin-bottom:0px;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab.active, .elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.type-accordion .wc-tabs .et-woocommerce-tab.active{background-color:#F2F2F2;}.woocommerce .elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.horizontal .wc-tabs{justify-content:flex-start;}.woocommerce .elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.vertical .wc-tabs{align-content:flex-start;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab a{font-size:16px;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab:not(.active) a{color:#222222;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab:not(.active):before{background-color:#222222;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab.active a{color:#000000;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.type-overline .wc-tabs .et-woocommerce-tab:before, .elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.type-underline .wc-tabs .et-woocommerce-tab:before{background-color:#000000;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab.active a, .elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.type-accordion .wc-tabs .et-woocommerce-tab.active{border-color:#F2F2F2;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab a, .elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.type-accordion .wc-tabs .et-woocommerce-tab{border-style:none;}.elementor-51 .elementor-element.elementor-element-53ad6db3 .wc-tabs .et-woocommerce-tab{border-radius:30px 30px 30px 30px;}.elementor-51 .elementor-element.elementor-element-53d8ee5a{--slides-per-view:4;}@media(min-width:768px){.elementor-51 .elementor-element.elementor-element-694bdc2{--content-width:1300px;}}@media(max-width:1024px){.elementor-51 .elementor-element.elementor-element-79fb5e0{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51 .elementor-element.elementor-element-53d8ee5a{--slides-per-view:3;}}@media(max-width:767px){.elementor-51 .elementor-element.elementor-element-79fb5e0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51 .elementor-element.elementor-element-53d8ee5a{--slides-per-view:2;}}/* Start custom CSS for woocommerce-product-etheme_product_images, class: .elementor-element-ba4254d *//* --- PARTE 1: ARREGLO DEL SLIDER PRINCIPAL --- */

/* Aplicamos el cuadrado SOLO a las imágenes dentro del wrapper principal del slider */
.elementor-51 .elementor-element.elementor-element-ba4254d .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image,
.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-slide:not(.swiper-slide-thumb-active) .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1 !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    position: relative;
    /* Agregamos margen inferior para que los thumbnails no se peguen o suban */
    margin-bottom: 0px !important; 
}

/* Ajustamos la imagen interna y el enlace */
.elementor-51 .elementor-element.elementor-element-ba4254d .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image a,
.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-slide:not(.swiper-slide-thumb-active) .woocommerce-product-gallery__image a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.elementor-51 .elementor-element.elementor-element-ba4254d .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image img,
.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-slide:not(.swiper-slide-thumb-active) .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* La clave para que no se corte */
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #ffffff;
}

/* --- PARTE 2: PROTECCIÓN DE MINIATURAS (THUMBNAILS) --- */

/* Esto fuerza a las miniaturas a tener su tamaño normal y no ser cuadradas gigantes */
.elementor-51 .elementor-element.elementor-element-ba4254d .flex-control-thumbs li img,
.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-slide-thumb-active img,
.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-container-thumbs .swiper-slide img {
    aspect-ratio: auto !important;
    height: auto !important;
    width: 100% !important;
    object-fit: cover !important;
    position: static !important; /* Evita que floten encima */
}

/* Espacio entre la imagen principal y las miniaturas */
.elementor-51 .elementor-element.elementor-element-ba4254d .flex-control-thumbs,
.elementor-51 .elementor-element.elementor-element-ba4254d .swiper-container-thumbs {
    margin-top: 20px !important; /* Separa los thumbnails de la imagen principal */
}/* End custom CSS */
/* Start custom CSS for woocommerce-etheme_breadcrumb, class: .elementor-element-c5f084d *//* EL CONTENEDOR */
.elementor-51 .elementor-element.elementor-element-c5f084d .woocommerce-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    
    /* Reseteo de espaciados (Controlar en Elementor) */
    margin: 0 !important;
    padding: 0 !important;

    /* Tipografía Base (Ruta de navegación) - MD3 Style */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important; 
    text-transform: none !important; /* Normal case para mejor lectura */
    line-height: 1.5 !important;
    color: #5e5e5e !important; /* Gris medio (On-Surface Variant) */
}

/* LOS ENLACES (Inicio / Categoría) */
.elementor-51 .elementor-element.elementor-element-c5f084d .woocommerce-breadcrumb a {
    color: #5e5e5e !important; 
    text-decoration: none !important;
    font-weight: 500 !important; /* Medium weight propio de MD3 */
    transition: color 0.2s ease-in-out !important;
}

/* Hover en los enlaces */
.elementor-51 .elementor-element.elementor-element-c5f084d .woocommerce-breadcrumb a:hover {
    color: #d97736 !important; /* Naranja Megader para feedback de interacción */
}

/* EL SEPARADOR */
.elementor-51 .elementor-element.elementor-element-c5f084d .woocommerce-breadcrumb .delimeter {
    color: #c4c4c4 !important; /* Gris suave para no ensuciar visualmente */
    font-size: 0.8em !important; 
    margin: 0 6px !important; /* Mínimo espacio lateral necesario para separar */
}

/* EL TÍTULO DENTRO DEL BREADCRUMB (Página Actual) */
.elementor-51 .elementor-element.elementor-element-c5f084d .woocommerce-breadcrumb h1.title {
    /* Identidad Megader */
    font-family: 'Playfair Display', serif !important; 
    color: #8B5E3C !important; /* Marrón Megader */
    
    /* Ajustes MD3 (Sin cursivas, limpio) */
    font-style: normal !important; 
    font-weight: 700 !important; 
    font-size: 1rem !important; /* Ligeramente más grande para jerarquía */
    
    /* Reseteos */
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-block !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-etheme_title, class: .elementor-element-87b8c38 */.elementor-51 .elementor-element.elementor-element-87b8c38 .elementor-heading-title, 
.elementor-51 .elementor-element.elementor-element-87b8c38 .product_title {
    /* Tipografía: Cambiamos a Playfair Display para la identidad de marca */
    font-family: 'Playfair Display', serif !important;
    
    /* Tamaño: Grande (Display Large de MD3) */
    font-size: 3rem !important;
    
    /* Peso: Usamos 700 (Bold) en lugar de 300 (Light).
       En tu imagen de referencia, los títulos tienen cuerpo y presencia. 
       Playfair Display en 300 puede ser difícil de leer en pantallas. */
    font-weight: 700 !important; 
    
    /* Color: MD3 High Emphasis (Negro tinta, no negro puro) */
    color: #1d1b20 !important; 
    
    /* Altura de línea: 1.2 es ideal para tipografías Serif */
    /* (Las serifas necesitan un poco más de aire vertical que las Sans como Roboto) */
    line-height: 1.2 !important; 
    
    /* Espaciado: Reducimos un poco el tracking negativo.
       -1px es mucho para una Serif; -0.5px la mantiene elegante y compacta. */
    letter-spacing: -0.5px !important; 
    
    /* Transformación: 'none' es preferible en MD3 y diseño moderno 
       para respetar gramática (ej: "Hilados de Calidad" vs "Hilados De Calidad") */
    text-transform: none !important;

    /* Reseteo de espaciados (Controlado por Elementor) */
    margin: 0 !important;
    padding: 0 !important;
}

/* Ajuste móvil */
@media (max-width: 767px) {
    .elementor-51 .elementor-element.elementor-element-87b8c38 .elementor-heading-title, 
    .elementor-51 .elementor-element.elementor-element-87b8c38 .product_title {
        /* Escalamos proporcionalmente para mantener jerarquía sin romper la pantalla */
        font-size: 2.2rem !important; 
        line-height: 1.25 !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-etheme_short_description, class: .elementor-element-287f443 *//* EL CONTENEDOR (Las Líneas) */
.elementor-51 .elementor-element.elementor-element-287f443 .woocommerce-product-details__short-description {
    /* Líneas separadoras: Usamos un gris muy sutil (#e5e5e5) 
       para mantener la limpieza visual del "Sin fondo" */
    border-top: 1px solid #e5e5e5 !important; 
    border-bottom: 1px solid #e5e5e5 !important;
    
    /* Espacio INTERNO (Padding): 
       Necesario para separar el texto de las líneas. 
       Subí a 24px (múltiplo de 8, estándar MD3) para mayor elegancia. */
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    
    /* Sin márgenes externos (Tú controlas la distancia con el título en Elementor) */
    margin: 0 !important;
    width: 100% !important;
}

/* EL TEXTO */
.elementor-51 .elementor-element.elementor-element-287f443 .woocommerce-product-details__short-description p {
    /* Tipografía: Cambiamos Roboto por 'Inter'.
       Es la fuente de cuerpo que definimos para Megader: moderna, limpia y neutra. */
    font-family: 'Inter', sans-serif !important;
    
    font-size: 1rem !important; /* 16px */
    font-weight: 400 !important; /* Regular */
    
    /* Color: #555555. 
       El gris #49454F de MD3 tiene un tinte violeta. 
       Este gris neutro/cálido combina mejor con los marrones de tu marca. */
    color: #555555 !important; 
    
    /* Altura de línea: 1.6 es ideal para bloques de texto */
    line-height: 1.6 !important; 
    
    /* Reseteos */
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-etheme_tabs, class: .elementor-element-53ad6db3 *//* --- ESPACIADO DE LAS PESTAÑAS (Tabs) --- */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-tabs.horizontal .wc-tabs {
    padding-bottom: 15px;
    margin: 0 !important;
}

/* --- CONTENEDOR PRINCIPAL DEL CONTENIDO --- */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description {
    /* Padding interno solo arriba/abajo para que respire, 
       sin márgenes laterales (full width relativo al widget) */
    padding: 25px 0 30px 0 !important;
    max-width: 100% !important;
}

/* --- TIPOGRAFÍA GENERAL (Párrafos) --- */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description p {
    /* Identidad: Inter (Limpio y moderno) */
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important; /* 16px */
    
    /* Color: Gris cálido intermedio */
    color: #555555 !important; 
    
    line-height: 1.7 !important; /* Lectura cómoda */
    margin-bottom: 1.5rem !important;
}

/* --- TÍTULOS DENTRO DE LA DESCRIPCIÓN (H2 y H3) --- */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description h2,
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description h3 {
    /* Identidad: Playfair Display (Elegancia) */
    font-family: 'Playfair Display', serif !important;
    
    /* Color: Marrón Oscuro/Negro Tinta */
    color: #222 !important; 
    
    font-weight: 700 !important; /* Bold para destacar */
    margin-top: 2rem !important; /* Más aire antes de un título nuevo */
    margin-bottom: 1rem !important;
    line-height: 1.2 !important;
}

/* Tamaños */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description h2 { font-size: 1.6rem !important; }
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description h3 { font-size: 1.3rem !important; }

/* --- LISTAS (Bullets) --- */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description ul {
    margin-left: 20px !important;
    margin-bottom: 25px !important;
}

.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description li {
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    color: #555555 !important;
    line-height: 1.6 !important;
    margin-bottom: 10px !important;
    
    /* Estilo del bullet */
    list-style-type: disc !important; 
}

/* Negritas dentro del texto */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description strong {
    color: #222 !important; /* Negro tinta */
    font-weight: 600 !important;
}

/* --- LÍNEA SEPARADORA (HR) --- */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description hr {
    border: 0;
    border-top: 1px solid #e5e5e5 !important; 
    margin: 35px 0 !important;
}

/* --- LA CAJA DE NOTA TÉCNICA (El div destacado) --- */
/* APLICAMOS EL ESTILO MEGADER (Igual al testimonio del Home) */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description > div {
    /* Forma */
    border-radius: 8px !important;
    
    /* Color de Fondo: Beige suave (Megader Style) */
    background-color: #f9f7f2 !important; 
    
    /* Espaciado */
    padding: 25px 30px !important;
    margin-top: 35px !important;
    
    /* Borde Izquierdo: Naranja Megader */
    border-left: 4px solid #d97736 !important; 
    
    /* Sombra */
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; 
}

/* Texto dentro de la caja técnica */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description > div p {
    color: #4a4a4a !important; /* Un poco más oscuro para contraste sobre beige */
    margin-bottom: 1rem !important;
}

/* Quitamos el margen del último párrafo dentro de la nota */
.elementor-51 .elementor-element.elementor-element-53ad6db3 .woocommerce-Tabs-panel--description > div p:last-child {
    margin-bottom: 0 !important;
}























/* =========================================
   ESTILO GENERAL DEL CONTENEDOR
   ========================================= */
#reviews {
    font-family: 'Inter', sans-serif;
    color: #333;
    padding: 20px 0;
}

/* =========================================
   LISTA DE RESEÑAS (Comentarios existentes)
   ========================================= */

/* Título "1 review for..." */
.woocommerce-Reviews-title {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    color: #262626;
    margin-bottom: 30px;
    line-height: 1.2;
}

/* Destacar el nombre del producto en el título */
.woocommerce-Reviews-title span {
    color: #8C5E32; /* Marrón de marca */
    font-style: italic;
}

/* Contenedor de cada comentario */
.woocommerce-Reviews .commentlist li.review {
    list-style: none;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0; /* Línea separadora sutil */
    padding-bottom: 30px;
}

/* Avatar del usuario */
.woocommerce-Reviews .comment_container img.avatar {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    padding: 3px;
    width: 60px;  /* Tamaño fijo */
    border-radius: 50%; /* Redondo */
    float: left;
    margin-right: 20px;
}

/* Texto del comentario */
.woocommerce-Reviews .comment-text {
    overflow: hidden; /* Limpia el float */
    border: 1px solid #f0f0f0; /* Caja sutil alrededor del texto */
    background-color: #fcfcfc;
    padding: 20px;
    border-radius: 8px;
}

/* Estrellas Votadas (Las que ya se pusieron) */
.woocommerce-Reviews .star-rating {
    float: right;
    color: #8C5E32; /* Estrellas marrones */
    font-size: 14px;
}

/* Metadatos (Autor y Fecha) */
.woocommerce-Reviews .meta {
    font-size: 13px;
    color: #777;
    margin-bottom: 10px;
    display: block;
}

.woocommerce-Reviews .meta strong {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #262626; /* Nombre más oscuro */
    font-size: 15px;
    text-transform: capitalize;
}

/* Descripción del comentario */
.woocommerce-Reviews .description p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 0;
}

/* =========================================
   FORMULARIO DE NUEVA RESEÑA ("Add a review")
   ========================================= */

/* Título "Add a review" */
#review_form_wrapper #reply-title {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 600;
    color: #262626;
    display: block;
    margin-bottom: 20px;
}

/* Etiquetas (Labels) - Igual que tu Contact Form */
.comment-form label {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    display: block;
    letter-spacing: -0.01em;
}

/* Inputs y Textarea - Estilo idéntico al anterior */
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
    background-color: #ffffff;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    padding: 12px 16px;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Efecto Focus */
#review_form input:focus,
#review_form textarea:focus {
    outline: none;
    border-color: #8C5E32;
    background-color: #fafafa;
    box-shadow: 0 0 0 1px rgba(140, 94, 50, 0.2);
}

/* Selector de Estrellas (Input) */
p.stars a {
    color: #8C5E32; /* Estrellas color marca */
    transition: color 0.2s ease;
}

p.stars a:hover {
    color: #6e4927; /* Más oscuro al pasar el mouse */
}

/* Botón de Enviar (Submit) - Estilo exacto */
#review_form #submit {
    background-color: #8C5E32 !important;
    color: #ffffff !important;
    border: 2px solid #8C5E32 !important;
    padding: 12px 30px !important;
    border-radius: 6px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 15px;
    display: inline-block;
}

#review_form #submit:hover {
    background-color: #6e4927 !important;
    border-color: #6e4927 !important;
    color: #ffffff !important;
    transform: none !important;
}









/* Ocultar el avatar (foto de perfil) en las reseñas */
.woocommerce-Reviews .comment_container img.avatar {
    display: none !important;
}






/* 1. Ocultar el texto "Valorado con" y "de 5" haciendo la letra invisible */
.woocommerce-Reviews .star-rating span {
    font-size: 0 !important; 
}

/* 2. Volver a mostrar el número (el 4) con el tamaño correcto */
.woocommerce-Reviews .star-rating span strong {
    font-size: 14px !important; /* Ajustá este tamaño si lo querés más grande */
    font-weight: 700;
    color: #8C5E32;
}

/* 3. (Importante) Asegurar que las estrellitas sigan visibles si usan fuente */
.woocommerce-Reviews .star-rating span::before {
    font-size: 14px !important; /* Debe coincidir con el tamaño de tus estrellas */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-etheme_related, class: .elementor-element-53d8ee5a *//* =========================================================
   ESTILO FINAL: MEGADER EDITION (Inter + Playfair + Tonos Tierra)
   ========================================================= */

/* --- 0. CORRECCIÓN DE BORDES Y ALTURA (Estructura Intacta) --- */

/* Paso A: Espacio para que no se corten las sombras */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .swiper-slide {
    padding: 10px !important; /* Un poco más de aire para la sombra hover */
    height: auto !important;
    display: flex !important;
}

/* Paso B: La tarjeta con estilo Megader */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .content-product {
    background-color: #ffffff !important;
    
    /* Borde suave en gris cálido */
    border: 1px solid #e5e5e5 !important; 
    border-radius: 12px !important; 
    
    padding-bottom: 15px !important; /* Espacio abajo */
    transition: all 0.3s ease !important; /* Transición suave */
    overflow: hidden !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important; /* Sombra muy sutil inicial */
    transform: none !important;
    
    /* Flexbox para alineación */
    width: 100% !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
}

/* Paso C: Contenedor de detalles */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .product-details {
    padding: 0 20px !important; /* Un poco más de padding lateral */
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* HOVER TARJETA (Efecto "Levantar" estilo Megader) */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .content-product:hover {
    border-color: #d97736 !important; /* Borde Naranja sutil al pasar el mouse */
    box-shadow: 0 8px 25px rgba(0,0,0,0.08) !important; /* Sombra elegante */
    transform: translateY(-5px) !important; /* Pequeño movimiento hacia arriba */
}

/* --- 1. TÍTULO DE LA SECCIÓN (Si aplica) --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .products-title {
    font-family: 'Playfair Display', serif !important; /* Identidad de marca */
    font-size: 2rem !important;
    font-weight: 700 !important; 
    color: #222 !important;
    text-transform: none !important; 
    margin-bottom: 30px !important;
}

/* --- 2. IMAGEN 1:1 PERFECTA --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .product-image-wrapper {
    margin-bottom: 15px !important;
    padding: 0 !important;
    background-color: #ffffff !important;
    border: none !important;
    flex-shrink: 0 !important;
}

.elementor-51 .elementor-element.elementor-element-53d8ee5a .product-content-image {
    aspect-ratio: 1 / 1 !important; 
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    border-radius: 12px 12px 0 0 !important; 
    overflow: hidden !important;
}

.elementor-51 .elementor-element.elementor-element-53d8ee5a .product-content-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; 
    object-position: center !important;
    transition: transform 0.5s ease !important; /* Zoom suave en la imagen */
}

/* Efecto Zoom en la imagen al hover */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .content-product:hover .product-content-image img {
    transform: scale(1.05) !important;
}

/* --- 3. ESTRELLAS (CORREGIDO: Oculta texto "Valorado con") --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .star-rating {
    font-size: 0 !important; /* TRUCO: Hace invisible el texto */
    color: #d97736 !important; /* Color Naranja Megader */
    margin: 5px auto !important;
    float: none !important;
    display: inline-block !important;
}

/* Recupera el tamaño SOLO de los iconos de estrellas */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .star-rating span::before,
.elementor-51 .elementor-element.elementor-element-53d8ee5a .star-rating::before {
    font-size: 14px !important; 
    color: #d97736 !important; 
}

/* --- 4. ETIQUETA SALE (Estilo Minimalista) --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .sale-wrapper .onsale {
    background-color: #8B5E3C !important; /* Marrón Megader */
    color: #ffffff !important;
    font-size: 0 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    top: 15px !important;
    left: 15px !important;
    box-shadow: none !important;
    display: inline-block !important;
    z-index: 10 !important;
}

.elementor-51 .elementor-element.elementor-element-53d8ee5a .sale-wrapper .onsale::before {
    content: "Oferta" !important; 
    font-family: 'Inter', sans-serif !important; /* Fuente limpia */
    font-size: 0.75rem !important; 
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
}

/* --- 5. TÍTULO DEL PRODUCTO --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .products-page-cats {
    display: none !important;
}

.elementor-51 .elementor-element.elementor-element-53d8ee5a .product-title a {
    font-family: 'Playfair Display', serif !important; /* Serif para elegancia */
    font-size: 1.1rem !important; /* Un poco más grande */
    font-weight: 700 !important; /* Bold */
    color: #222 !important; /* Negro tinta */
    text-decoration: none !important;
    margin-top: 10px !important;
    display: block !important;
    transition: color 0.3s ease !important;
}

/* Hover en el título */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .content-product:hover .product-title a {
    color: #8B5E3C !important; /* Marrón al pasar el mouse */
}

/* --- 6. PRECIOS --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .price {
    font-family: 'Inter', sans-serif !important; /* Números claros */
    color: #8B5E3C !important; /* Marrón Megader (Precio principal) */
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

.elementor-51 .elementor-element.elementor-element-53d8ee5a .price del .amount {
    color: #aaa !important; /* Precio anterior en gris suave */
    font-weight: 400 !important;
    font-size: 0.9em !important;
}

/* --- 7. BOTÓN ALINEADO AL FONDO (Estilo Megader) --- */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .add_to_cart_button {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    
    /* Colores Iniciales */
    background-color: #222 !important; 
    color: #ffffff !important; 
    border: 1px solid #222 !important;
    
    border-radius: 100px !important; 
    padding: 10px 24px !important;
    margin-top: auto !important; /* Empuja al fondo */
    transition: all 0.3s ease !important;
    width: 100% !important; /* Opcional: Botón ancho completo se ve moderno */
    text-align: center !important;
}

/* Hover del botón */
.elementor-51 .elementor-element.elementor-element-53d8ee5a .add_to_cart_button:hover {
    background-color: #d97736 !important; /* Naranja al hover */
    border-color: #d97736 !important;
    color: #ffffff !important;
}

/* =========================================================
   REGLAS DE OCULTAMIENTO (CARRUSEL SWIPER)
   ========================================================= */

/* Ocultar precio en cards del carrusel */
{{WRAPPER}} .swiper-slide .price,
{{WRAPPER}} .swiper-slide .woocommerce-product-price,
{{WRAPPER}} .swiper-slide .woocommerce-Price-amount {
    display: none !important;
}

/* Ocultar botón "Añadir al carrito" */
{{WRAPPER}} .swiper-slide a.add_to_cart_button {
    display: none !important;
}















/* --- 8. OCULTAR BOTÓN 'LEER MÁS' (Variable y Opciones) --- */

/* Oculta específicamente el botón de productos variables */
{{WRAPPER}} .swiper-slide .product_type_variable,
.elementor-51 .elementor-element.elementor-element-53d8ee5a .product_type_variable {
    display: none !important;
}

/* REFUERZO: Oculta cualquier enlace tipo botón que haya quedado suelto en el carrusel */
{{WRAPPER}} .swiper-slide a.button {
    display: none !important;
}/* End custom CSS */