.elementor-365 .elementor-element.elementor-element-41cca12{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-365 .elementor-element.elementor-element-b99fe9a{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-365 .elementor-element.elementor-element-b99fe9a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-365 .elementor-element.elementor-element-2d48f027{--display:flex;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-365 .elementor-element.elementor-element-599804da{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-365 .elementor-element.elementor-element-731c15e9{--divider-border-style:solid;--divider-color:var( --e-global-color-99953a1 );--divider-border-width:1px;}.elementor-365 .elementor-element.elementor-element-731c15e9 .elementor-divider-separator{width:100%;}.elementor-365 .elementor-element.elementor-element-731c15e9 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-365 .elementor-element.elementor-element-78668fc1{--divider-border-style:solid;--divider-color:var( --e-global-color-99953a1 );--divider-border-width:1px;}.elementor-365 .elementor-element.elementor-element-78668fc1 .elementor-divider-separator{width:100%;}.elementor-365 .elementor-element.elementor-element-78668fc1 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-365 .elementor-element.elementor-element-7f69ef9 .cart button, .elementor-365 .elementor-element.elementor-element-7f69ef9 .cart .button{transition:all 0.2s;}.elementor-365 .elementor-element.elementor-element-7f69ef9 .quantity .qty{transition:all 0.2s;}.elementor-365 .elementor-element.elementor-element-35aabb01{--divider-border-style:solid;--divider-color:var( --e-global-color-99953a1 );--divider-border-width:1px;}.elementor-365 .elementor-element.elementor-element-35aabb01 .elementor-divider-separator{width:100%;}.elementor-365 .elementor-element.elementor-element-35aabb01 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-365 .elementor-element.elementor-element-536eeeef{--display:flex;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-365 .elementor-element.elementor-element-56079dc9{--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:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-365 .elementor-element.elementor-element-13633362{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:20px;--grid-column-gap:16px;--grid-row-gap:0px;}.elementor-365 .elementor-element.elementor-element-13633362.elementor-element{--align-self:center;}.elementor-365 .elementor-element.elementor-element-13633362 .elementor-social-icon{background-color:#02010100;--icon-padding:0px;}.elementor-365 .elementor-element.elementor-element-13633362 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-365 .elementor-element.elementor-element-13633362 .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-365 .elementor-element.elementor-element-13633362 .elementor-icon{border-radius:0px 0px 0px 0px;}.elementor-365 .elementor-element.elementor-element-13633362 .elementor-social-icon:hover i{color:var( --e-global-color-3cab8f2 );}.elementor-365 .elementor-element.elementor-element-13633362 .elementor-social-icon:hover svg{fill:var( --e-global-color-3cab8f2 );}.elementor-365 .elementor-element.elementor-element-1ed8a357{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:104px;--padding-bottom:104px;--padding-left:16px;--padding-right:16px;}.elementor-365 .elementor-element.elementor-element-10a6be90{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:104px;--padding-bottom:104px;--padding-left:16px;--padding-right:16px;}.elementor-365 .elementor-element.elementor-element-7afe2619{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-365 .elementor-element.elementor-element-453694e7{text-align:center;}.elementor-365 .elementor-element.elementor-element-30357e35{text-align:center;}@media(max-width:1024px){.elementor-365 .elementor-element.elementor-element-41cca12{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-365 .elementor-element.elementor-element-2d48f027{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-365 .elementor-element.elementor-element-2d48f027.e-con{--order:-99999 /* order start hack */;}.elementor-365 .elementor-element.elementor-element-1ed8a357{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:56px;--padding-bottom:56px;--padding-left:24px;--padding-right:24px;}.elementor-365 .elementor-element.elementor-element-10a6be90{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:56px;--padding-bottom:56px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-365 .elementor-element.elementor-element-2d48f027{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-365 .elementor-element.elementor-element-13633362.elementor-element{--flex-grow:1;--flex-shrink:0;}}@media(min-width:768px){.elementor-365 .elementor-element.elementor-element-b99fe9a{--width:43%;}}/* Start custom CSS for container, class: .elementor-element-2d48f027 *//* ==========================================================================
   COLUMNA DE COMPRA PREMIUM (PRODUCT INFO) - LICONA MODA
   ========================================================================== */

/* Contenedor general de información de producto */
.elementor-element-2d48f027 {
    font-family: "DM Sans", sans-serif !important;
}

/* 1. Título del Producto (H1) */
.elementor-element-2d48f027 h1.elementor-heading-title {
    font-family: "DM Sans", sans-serif !important; /* O la serifa de tu tema */
    font-size: 2.2rem !important;
    font-weight: 400 !important;
    color: #1A1A1A !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important;
}

/* 2. Precio del Producto */
.elementor-element-2d48f027 h4.elementor-heading-title .woocommerce-Price-amount {
    font-size: 1.8rem !important;
    font-weight: 500 !important;
    color: #15394C !important; /* Azul Marino Licona */
}

/* 3. Divisores finos y sutiles */
.elementor-element-2d48f027 .elementor-divider-separator {
    border-top: 1px solid #E6E7E4 !important; /* Fina línea gris platino */
    width: 100% !important;
}

/* 4. Descripción breve */
.elementor-element-5aad8ce6 {
    font-size: 1rem !important;
    line-height: 1.8 !important;
    color: #5A5A5A !important;
    margin-bottom: 25px !important;
}

/* 5. Área de Compra (Formulario de añadir al carrito) */
.elementor-element-2d48f027 form.cart {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important; /* Separación entre el .elementor-365 .elementor-element.elementor-element-2d48f027 de cantidad y el botón */
    margin: 30px 0 !important;
}

/* Selector de cantidad */
.elementor-element-2d48f027 .quantity {
    margin: 0 !important;
}
.elementor-element-2d48f027 .quantity input.qty {
    width: 70px !important;
    height: 52px !important; /* Altura idéntica al botón para simetría */
    border: 1px solid #E6E7E4 !important;
    border-radius: 4px !important;
    background-color: #FBFBFB !important;
    color: #1A1A1A !important;
    font-weight: 500 !important;
    text-align: center !important;
    font-size: 1rem !important;
    outline: none !important;
    transition: border-color 0.3s ease !important;
}
.elementor-element-2d48f027 .quantity input.qty:focus {
    border-color: #15394C !important;
    background-color: #FFFFFF !important;
}

/* Botón "Añadir al carrito" */
.elementor-element-2d48f027 button.single_add_to_cart_button {
    background-color: #15394C !important; /* Azul Marino Licona */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px !important;
    height: 52px !important;
    padding: 0 35px !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    flex-grow: 1 !important; /* Permite que ocupe de manera responsiva el espacio restante */
    max-width: 320px !important; /* Limita el ancho del botón para conservar la elegancia */
}
.elementor-element-2d48f027 button.single_add_to_cart_button:hover {
    background-color: #C8994E !important; /* Dorado Licona */
}

/* 6. Categorías de producto */
.elementor-element-61a6b54c h5.elementor-heading-title {
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #A0A7A5 !important;
    font-weight: 400 !important;
}
.elementor-element-61a6b54c h5.elementor-heading-title a {
    color: #5A5A5A !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}
.elementor-element-61a6b54c h5.elementor-heading-title a:hover {
    color: #C8994E !important;
}

/* 7. Redes Sociales (Sección Compartir) */
.elementor-element-20f9677f p.elementor-heading-title {
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #A0A7A5 !important;
    margin-bottom: 12px !important;
    font-weight: 400 !important;
}

/* Formato unificado y minimalista para los iconos sociales */
.elementor-element-13633362 .elementor-icon {
    background-color: transparent !important;
    border: 1px solid #E6E7E4 !important;
    border-radius: 4px !important;
    color: #5A5A5A !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease !important;
    padding: 0 !important;
}
.elementor-element-13633362 .elementor-icon svg {
    fill: currentColor !important;
    width: 15px !important;
    height: 15px !important;
}

/* Efecto hover refinado en dorado con leve brillo de fondo */
.elementor-element-13633362 .elementor-icon:hover {
    color: #C8994E !important;
    border-color: #C8994E !important;
    background-color: rgba(200, 153, 78, 0.05) !important; 
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   GALERÍA VERTICAL DE PRODUCTOS (MINIATURAS AL LADO) - LICONA MODA
   ========================================================================== */
/* ==========================================================================
   PESTAÑAS DE INFORMACIÓN DE PRODUCTO PREMIUM - LICONA MODA
   ========================================================================== */

/* Contenedor general de pestañas */
.woocommerce-tabs.wc-tabs-wrapper {
    font-family: "DM Sans", sans-serif !important;
    margin-top: 60px !important;
}

/* 1. Menú de pestañas (Lista de navegación) */
.woocommerce-tabs ul.tabs.wc-tabs {
    display: flex !important;
    justify-content: flex-start !important; /* Alineación limpia a la izquierda */
    border-bottom: 1px solid #E6E7E4 !important; /* Línea separadora fina global */
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 40px 0 !important;
    list-style: none !important;
}

/* 2. Elementos individuales de la pestaña */
.woocommerce-tabs ul.tabs.wc-tabs li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 40px 0 0 !important; /* Separación horizontal entre pestañas */
    padding: 0 0 15px 0 !important;
    position: relative !important;
}

/* Enlaces de las pestañas */
.woocommerce-tabs ul.tabs.wc-tabs li a {
    color: #5A5A5A !important; /* Gris de lectura suave */
    font-size: 0.95rem !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    padding: 0 !important;
}

/* Estado activo y hover */
.woocommerce-tabs ul.tabs.wc-tabs li:hover a,
.woocommerce-tabs ul.tabs.wc-tabs li.active a {
    color: #1A1A1A !important; /* Contraste negro al estar activo */
}

/* Indicador de pestaña activa (Línea inferior en Azul Marino Licona) */
.woocommerce-tabs ul.tabs.wc-tabs li::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important; /* Alineado justo encima de la línea divisoria global */
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background-color: #15394C !important;
    transition: width 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.woocommerce-tabs ul.tabs.wc-tabs li.active::after {
    width: 100% !important; /* Expande la línea al 100% de la pestaña activa */
}

/* 3. Panel de Contenido de las pestañas */
.woocommerce-Tabs-panel {
    padding: 10px 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Ocultar el título H2 redundante dentro del panel para mayor limpieza */
.woocommerce-Tabs-panel h2 {
    display: none !important;
}

/* Estilo de los textos descriptivos */
.woocommerce-Tabs-panel p {
    line-height: 1.8 !important;
    color: #5A5A5A !important;
    font-size: 1rem !important;
    margin-bottom: 25px !important;
}

/* Textos destacados en negrita (Concepto, Detalles técnicos, etc.) */
.woocommerce-Tabs-panel p b,
.woocommerce-Tabs-panel ul li p b {
    color: #1A1A1A !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Estilo de la lista de detalles técnicos */
.woocommerce-Tabs-panel ul {
    padding-left: 18px !important;
    margin-bottom: 30px !important;
    list-style-type: square !important; /* Viñeta minimalista */
}

.woocommerce-Tabs-panel ul li {
    margin-bottom: 14px !important;
    color: #5A5A5A !important;
}

.woocommerce-Tabs-panel ul li p {
    margin: 0 !important;
}

/* 4. Sección de Valoraciones (Formularios y Comentarios) */
.woocommerce-Reviews-title {
    font-size: 1.3rem !important;
    color: #1A1A1A !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}

.comment-reply-title {
    font-size: 1.1rem !important;
    color: #1A1A1A !important;
    margin-bottom: 25px !important;
    display: inline-block !important;
}

/* Campo de comentarios (Textarea) */
.woocommerce-Reviews textarea {
    border: 1px solid #E6E7E4 !important;
    border-radius: 4px !important;
    background-color: #FBFBFB !important;
    padding: 14px 16px !important;
    width: 100% !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
}

.woocommerce-Reviews textarea:focus {
    border-color: #15394C !important;
    outline: none !important;
    background-color: #FFFFFF !important;
}

/* Estrellas de puntuación en dorado */
.woocommerce-Reviews .stars a {
    color: #C8994E !important;
}

/* Botón para enviar valoración */
.woocommerce-Reviews .submit {
    background-color: #15394C !important; /* Azul Marino Licona */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 14px 28px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce-Reviews .submit:hover {
    background-color: #C8994E !important; /* Dorado Licona */
}
@media (min-width: 768px) {
    /* 1. Forzar contenedor de galería a usar Flexbox de lado a lado */
    .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: row-reverse !important; /* Coloca miniaturas a la izquierda y la imagen grande a la derecha */
        gap: 15px !important; /* Espacio de separación entre miniaturas e imagen grande */
        align-items: flex-start !important;
    }

    /* 2. Ajustar la anchura de la imagen principal */
    .woocommerce-product-gallery .flex-viewport {
        width: 82% !important; /* Toma el 82% del espacio disponible */
        flex: 1 !important;
    }

    /* 3. Ajustar y apilar las miniaturas verticalmente */
    .woocommerce-product-gallery ol.flex-control-thumbs {
        display: flex !important;
        flex-direction: column !important; /* Apilar verticalmente */
        width: 15% !important; /* Las miniaturas toman el 15% del ancho */
        gap: 10px !important; /* Espacio entre cada miniatura */
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    /* 4. Quitar propiedades flotantes heredadas de WooCommerce */
    .woocommerce-product-gallery ol.flex-control-thumbs li {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    /* 5. Estilo estético premium para las miniaturas */
    .woocommerce-product-gallery ol.flex-control-thumbs li img {
        width: 100% !important;
        height: auto !important;
        border-radius: 4px !important;
        border: 1px solid #E6E7E4 !important; /* Gris Platino neutro */
        opacity: 0.6 !important;
        transition: opacity 0.3s ease, border-color 0.3s ease !important;
        cursor: pointer !important;
    }

    /* Efecto hover y miniatura activa */
    .woocommerce-product-gallery ol.flex-control-thumbs li img:hover,
    .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
        opacity: 1 !important;
        border-color: #15394C !important; /* Azul Marino Licona al estar activo */
    }
}/* End custom CSS */