.elementor-14833 .elementor-element.elementor-element-2a5f8649{--display:flex;--min-height:550px;--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:0px 0px;--row-gap:0px;--column-gap: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-14833 .elementor-element.elementor-element-2a5f8649:not(.elementor-motion-effects-element-type-background), .elementor-14833 .elementor-element.elementor-element-2a5f8649 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-14833 .elementor-element.elementor-element-4b1d29c{--display:flex;--min-height:550px;--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;--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-14833 .elementor-element.elementor-element-7e185a4{--display:flex;--justify-content:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14833 .elementor-element.elementor-element-49fe42f.elementor-element{--align-self:center;}.elementor-14833 .elementor-element.elementor-element-49fe42f{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:300;letter-spacing:0px;color:#29347E;}.elementor-14833 .elementor-element.elementor-element-fac3c80{--display:flex;}.elementor-14833 .elementor-element.elementor-element-fac3c80:not(.elementor-motion-effects-element-type-background), .elementor-14833 .elementor-element.elementor-element-fac3c80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arkanaecuador.com.ec/wp-content/uploads/2026/01/Foto-Contorno-de-ojos.webp");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-14833 .elementor-element.elementor-element-794bb08c{--display:flex;--min-height:275px;--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;--gap:0px 0px;--row-gap:0px;--column-gap: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-14833 .elementor-element.elementor-element-794bb08c:not(.elementor-motion-effects-element-type-background), .elementor-14833 .elementor-element.elementor-element-794bb08c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#29347E;}.elementor-14833 .elementor-element.elementor-element-7555a82f{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:300;line-height:40px;color:#F4F4F4;}.elementor-14833 .elementor-element.elementor-element-17552afc{--display:flex;--min-height:500px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-accent );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-accent );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-accent );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-accent );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:300;border-radius:15px 15px 15px 15px;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-14833 .elementor-element.elementor-element-4b1d29c{--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-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-size:var( --e-global-typography-accent-font-size );}.elementor-14833 .elementor-element.elementor-element-4c7d3905.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-14833 .elementor-element.elementor-element-7e185a4{--width:70%;}.elementor-14833 .elementor-element.elementor-element-fac3c80{--width:50%;}}/* Start custom CSS for text-editor, class: .elementor-element-49fe42f */.elementor-14833 .elementor-element.elementor-element-49fe42f span{
    border: 1px solid #29347e;
    border-radius: 15px;
    padding: 3px 6px;
}

.elementor-14833 .elementor-element.elementor-element-49fe42f h2 {
    font-size: 30px;
    color: #29347e;
    margin-bottom: 15px;
}

@media (max-width: 768px){
    .elementor-14833 .elementor-element.elementor-element-49fe42f span{
        border: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b1d29c */@media (max-width: 768px) {
    .contenedor-banner {
        height: 700px;
    }
    .banner-img {
        order: 1;
        height: 450px;
        top: 85px;
    }
    .banner-txt {
        top: 100px !important;
    }
    .banner-txt h2{
        font-size: 26px !important;
    }
    .banner-txt span{
        font-size: 19px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-794bb08c */@media (max-width: 768px) {
    .elementor-14833 .elementor-element.elementor-element-794bb08c {
        height: ;
    }
    .elementor-14833 .elementor-element.elementor-element-794bb08c p {
        margin: 20px;
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17552afc */.productos-arkana-recomendados a>h2 {
    color: #2A357F;
    font-size: 18px;
}

.productos-arkana-recomendados .product_type_simple{
    opacity: 0;
    transition: 0.5s;
}

.productos-arkana-recomendados:hover .product_type_simple{
    opacity: 1;
    transition: 0.5s;
}

/* 1. Ocultar todos los contenidos por defecto */
.contenido-tab {
    display: none;
    opacity: 0;
    transition: opacity 0.4s ease; /* Transición suave */
}

/* 2. Mostrar SOLO el que tenga la clase 'activo' */
.contenido-tab.activo {
    display: block !important; /* Forzamos que se vea */
    opacity: 1;
    animation: fadeIn 0.5s;
}

/* 3. Estilo del botón activo (Opcional, para que el usuario sepa cuál seleccionó) */
.boton-tab.activo .elementor-button {
    background-color: #fff !important; /* Azul Arkana (o tu color activo) */
    color: #2A357F !important;
    padding: 15px !important;
    font-size: 40px !important;
    font-weight: 600;
    border: none;
}

/* Animación de entrada simple */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 678px) {
    #ultimos, #contenido-ultimos {
        display: none;
    }
    .elementor-14833 .elementor-element.elementor-element-17552afc span.elementor-button-text {
        font-size: 19px !important;
        font-weight: 600;
    }
    .boton-tab.activo .elementor-button {
        border-bottom: 3px solid #0005 !important;
    }
}

/* --- SOLO PARA MÓVILES (Scroll Horizontal de Productos) --- */
@media (max-width: 767px) {
    
    /* 1. EL CONTENEDOR (La lista UL) */
    /* Apuntamos a tu ID específico y a la clase general por si tienes otro widget igual */
    #contenido-populares ul.products,
    .contenido-tab ul.products {
        display: flex !important;           /* Usar Flexbox */
        flex-wrap: nowrap !important;       /* PROHIBIDO saltar de línea */
        overflow-x: auto !important;        /* Habilitar scroll horizontal */
        overflow-y: hidden;                 /* Ocultar scroll vertical */
        gap: 15px !important;               /* Espacio entre tarjetas */
        padding-bottom: 20px !important;    /* Espacio abajo para que no se corte la sombra */
        margin-bottom: 0 !important;
        
        /* Opcional: Efecto imán (Snap) para que se detenga en cada producto */
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch; /* Suavidad en iOS */
    }

    /* 2. LOS ITEMS (Cada LI o Producto) */
    #contenido-populares ul.products li.product,
    .contenido-tab ul.products li.product {
        /* Aquí defines el ancho de la tarjeta */
        flex: 0 0 75% !important;   /* Ocupa el 75% de la pantalla (deja ver un pedacito del siguiente) */
        max-width: 75% !important;
        width: 75% !important;
        
        /* Asegurar que no tengan márgenes extraños */
        margin-bottom: 0 !important;
        margin-right: 0 !important;
        
        /* Alineación del snap */
        scroll-snap-align: start;
    }

    /* 3. (OPCIONAL) OCULTAR LA BARRA DE SCROLL FEA */
    #contenido-populares ul.products::-webkit-scrollbar,
    .contenido-tab ul.products::-webkit-scrollbar {
        display: none; /* Oculta la barra gris en Chrome/Safari */
    }
    
    #contenido-populares ul.products,
    .contenido-tab ul.products {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    
    .elementor-kit-11 h2 {
        font-size: 19px;
    }
    
    .productos-arkana-recomendados .product_type_simple{
        opacity: 1;
    }
}

/* --- EFECTO HOVER: AÑADIR AL CARRITO (Solo Escritorio) --- */
@media (min-width: 1025px) {

    /* 1. Preparamos el contenedor de la imagen */
    .wc-img-wrapper {
        position: relative; /* Para que el botón flote respecto a esto */
        overflow: hidden;   /* Para que todo lo que se salga de la caja se corte */
    }

    /* 2. Estado INICIAL del botón (Oculto) */
    .arkana-add-to-cart {
        position: absolute;
        bottom: 10px;       /* Pegado al fondo de la imagen */
        left: 0;
        right: 0;
        text-align: center; /* Centrado horizontal */
        
        /* La Magia de la Ocultación */
        opacity: 0;         /* Invisible */
        transform: translateY(20px); /* Lo empujamos 20px hacia abajo */
        transition: all 0.4s ease-in-out; /* Animación suave */
        z-index: 10;
    }

    /* 3. Estado HOVER (Cuando pasas el mouse por la IMAGEN) */
    /* Le decimos: Cuando hagas hover en .wc-img-wrapper, afecta a .arkana-add-to-cart */
    .wc-img-wrapper:hover .arkana-add-to-cart {
        opacity: 1;         /* Visible */
        transform: translateY(0); /* Vuelve a su posición original */
    }

    /* 4. Estilo del Botón (Para que se vea bonito y ancho) */
    .arkana-add-to-cart .button {
        width: 90% !important;  /* Casi todo el ancho */
        padding: 10px 15px !important;
        border-radius: 30px !important; /* Bordes redondos estilo cápsula */
        background-color: #ffffff !important; /* Fondo blanco (o tu azul #2A357F) */
        color: #2A357F !important; /* Texto azul */
        font-weight: 600 !important;
        font-size: 13px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important; /* Sombra flotante */
        border: none !important;
    }
    
    /* Hover sobre el propio botón (cambio de color) */
    .arkana-add-to-cart .button:hover {
        background-color: #2A357F !important;
        color: #ffffff !important;
    }
    
    /* 5. (Opcional) Efecto Zoom en la imagen al mismo tiempo */
    .wc-img-wrapper img {
        transition: transform 0.5s ease;
    }
    .wc-img-wrapper:hover img {
        transform: scale(1.1); /* Zoom suave al 110% */
    }
}/* End custom CSS */