@media (min-width: 1200px) {
            .container {  	
                width: 1140px;
                
            }}
         :root {  
            --maincolor: #231A7D;  
            --bodycolor: #1B1464;  
        }html{
            font-size: 14px;
        }body{
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            color: #1B1464;
        }.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Open Sans", sans-serif;
            color: #231A7D;
            text-transform: capitalize;
			font-weight: 600;
        }.pos_title h2{
            font-size: 24px;
        }.pos-title{
            font-family: "Open Sans", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #1B1464;   
        }.page-title-wrapper{ background-image: url(https://cunabb.com/img/cms/636985.jpg);}.js-product-miniature .product_desc .product_name{
            color: #1B1464;
            text-transform: none;
            font-weight: 400;
        }@media(min-width: 768px){
                .js-product-miniature .product_desc .product_name{
                font-size: 16px;
                }
            }.js-product-miniature .product_desc .product_name:hover{
            color: #1B1464;
        }.product-price-and-shipping .price{
            color:#1B1464;
            font-size: 16px;
        }.h1.namne_details, .product_name_h1{
            color: #121111;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#121111;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: ;
        }.whatsapp-titulo {
    background: red !important;
}
.whatsapp-titulo {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    white-space: nowrap; /* evita que baje de línea */
}

.whatsapp-titulo a {
    color: #ffffff;
    text-decoration: none;
}

/* 📱 Ajuste para móvil */
@media (max-width: 768px) {
    .whatsapp-titulo {
        font-size: 18px; /* más pequeño en celular */
    }
}






/* =====================================
   MEGA MENU OPTIMA — FIX REAL FINAL
   ===================================== */





/* RESET GENERAL */
.main-menu .menu-dropdown a {
    color: #9e005d !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}


/* =====================================
   TITULOS DE COLUMNA REALES (H4)
   ===================================== */
.main-menu .menu-dropdown h4.column_title {
    color: #0071bd !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.2 !important;
}

/* SUBCATEGORÍAS cuando existe H4 */
.main-menu .menu-dropdown h4.column_title + .ul-column li > a {
    color: #0071bd !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}


/* =====================================
   OCULTAR CATEGORÍA PADRE DUPLICADA
   (la que aparece justo debajo del H4)
   ===================================== */
.main-menu .menu-dropdown h4.column_title + .ul-column > li:first-child {
    display: none !important;
}


/* =====================================
   COLUMNAS SIN H4 (título tipo link)
   SOLO si el enlace tiene subcategorías dentro
   ===================================== */
.main-menu .menu-dropdown .ul-column > li.parent > a {
    color: #0071bd !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

/* Quitar flecha a esos títulos */
.main-menu .menu-dropdown .ul-column > li.parent > a::before {
    content: "" !important;
}


/* =====================================
   SUBCATEGORÍAS
   ===================================== */
.main-menu .menu-dropdown .ul-column li:not(.parent) > a {
    display: flex !important;
    align-items: flex-start;
    gap: 6px;
}

.main-menu .menu-dropdown .ul-column li:not(.parent) > a::before {
    content: "▸";
    color: #ff6727;
    font-size: 12px;
    margin-top: 4px;
    flex-shrink: 0;
    transition: transform .2s ease;
}

.main-menu .menu-dropdown .ul-column li:not(.parent) > a:hover::before {
    transform: translateX(3px);
}

.main-menu .menu-dropdown a:hover {
    color: #0071bd !important;
    padding-left: 4px;
}


/* =====================================
   ALINEACIÓN Y ESPACIADO
   ===================================== */
.main-menu .menu-dropdown,
.main-menu .menu-dropdown ul,
.main-menu .menu-dropdown li,
.main-menu .menu-dropdown a {
    text-align: left !important;
    justify-content: flex-start !important;
}

.main-menu .menu-dropdown .ul-column {
    padding: 0 12px !important;
}

.main-menu .menu-dropdown li {
    margin-bottom: 4px !important;
}
/* =====================================
   MEGA MENU OPTIMA — FIX REAL FINAL
   ===================================== */


/* RESET GENERAL */
.main-menu .menu-dropdown a {
    color: #0047c7 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}


/* =====================================
   TITULOS DE COLUMNA REALES (H4)
   ===================================== */
.main-menu .menu-dropdown h4.column_title {
    color: #0071bd !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.2 !important;
}

/* SUBCATEGORÍAS cuando existe H4 */
.main-menu .menu-dropdown h4.column_title + .ul-column li > a {
    color: #0071bd !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}


/* =====================================
   OCULTAR CATEGORÍA PADRE DUPLICADA
   (la que aparece justo debajo del H4)
   ===================================== */
.main-menu .menu-dropdown h4.column_title + .ul-column > li:first-child {
    display: none !important;
}


/* =====================================
   COLUMNAS SIN H4 (título tipo link)
   SOLO si el enlace tiene subcategorías dentro
   ===================================== */
.main-menu .menu-dropdown .ul-column > li.parent > a {
    color: #0071bd !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

/* Quitar flecha a esos títulos */
.main-menu .menu-dropdown .ul-column > li.parent > a::before {
    content: "" !important;
}


/* =====================================
   SUBCATEGORÍAS
   ===================================== */
.main-menu .menu-dropdown .ul-column li:not(.parent) > a {
    display: flex !important;
    align-items: flex-start;
    gap: 6px;
}

.main-menu .menu-dropdown .ul-column li:not(.parent) > a::before {
    content: "▸";
    color: #0071bd;
    font-size: 12px;
    margin-top: 4px;
    flex-shrink: 0;
    transition: transform .2s ease;
}

.main-menu .menu-dropdown .ul-column li:not(.parent) > a:hover::before {
    transform: translateX(3px);
}

.main-menu .menu-dropdown a:hover {
    color: #0071bd !important;
    padding-left: 4px;
}


/* =====================================
   ALINEACIÓN Y ESPACIADO
   ===================================== */
.main-menu .menu-dropdown,
.main-menu .menu-dropdown ul,
.main-menu .menu-dropdown li,
.main-menu .menu-dropdown a {
    text-align: left !important;
    justify-content: flex-start !important;
}

.main-menu .menu-dropdown .ul-column {
    padding: 0 12px !important;
}

.main-menu .menu-dropdown li {
    margin-bottom: 4px !important;
}



/* =====================================
   COLOR FINAL DE TITULOS
   ===================================== */

/* Títulos que son H4 */
.main-menu .menu-dropdown h4.column_title {
    color: #0071bd !important;
}

.main-menu .menu-dropdown h4.column_title:hover {
    color: #0071bd !important;
}

/* Títulos que son link (categorías padre) */
.main-menu .menu-dropdown .ul-column > li.parent > a {
    color: #0071bd !important;
}

/* Hover azul SOLO para títulos */
.main-menu .menu-dropdown .ul-column > li.parent > a:hover {
    color: #0071bd !important;
}

/* Evita que subcategorías hereden el naranja */
.main-menu .menu-dropdown .ul-column li:not(.parent) > a {
    color: #0071bd !important;
}





/* =====================================
   SLIDER HERO RESPONSIVE PRO
   ===================================== */

/* ===== DESKTOP ===== */
.pos-slideshow .slider-item {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 670px;
}

/* ===== MÓVIL ===== */
@media (max-width: 768px) {
    .pos-slideshow .slider-item {
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        height: 120vw !important;
        min-height: 420px;
    }
}


/* =====================================
   ELIMINAR ESPACIOS BLANCOS DEL SLIDER
   ===================================== */

.pos-slideshow,
.pos-slideshow .slick-list {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Quitar padding del section contenedor */
.elementor-section:has(.pos-slideshow) {
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-section:has(.pos-slideshow) .elementor-container,
.elementor-section:has(.pos-slideshow) .elementor-column,
.elementor-section:has(.pos-slideshow) .elementor-widget-wrap {
    padding: 0 !important;
}


/* Ocultar botón "volver arriba" solo en móviles */
@media (max-width: 767px) {
    .back-top {
        display: none !important;
    }
}


.quickmenu-mobile-wrapper {
    display: none !important;
}