[class*="CarouselArrow"] {
    overflow: hidden !important;
}
@media (min-width: 1450px) {
    .container {
        max-width: 1450px !important;
    }
}

#hook_shopping_cart_footer {
    display: flex !important;
    justify-content: flex-end !important;
}

@media (max-width: 576px) {
    #hook_shopping_cart_footer {
        justify-content: stretch !important;
    }
    #hook_shopping_cart_footer .botonPDFCarrito {
        width: 100% !important;
        text-align: center !important;
    }
}

#checkout #opc_main .opc-step {
    background-color: white !important;
}

[class*="CarouselOuter"] {
    overflow: hidden !important;
}
button#btn-register-customer.btn.btn-primary,
button#btn-opc_login,
button#btn-register-customer.btn.btn-primary:hover,
button#btn-register-customer.btn.btn-primary:focus,
button#btn-register-customer.btn.btn-primary:active {
    background-color: #0069A6 !important;
    border-color: #0069A6 !important;
    color: #fff !important;
}

/*Boton login*/
#go_to_login .btn.btn-link {
  background-color:  #0069A6 !important; /* azul Bootstrap primario */
  padding-left: 20px !important;
  padding-right: 20px !important;
  color: #fff !important;
  text-decoration: none;
}


#order-confirmation #spe_res {
    position: relative !important;
}

.opc-promo-code{
    display:none !important;
}

.product-comments-additional-info{display:none !important}
#order-confirmation #spe_res {
    overflow: visible !important;
}

#order-confirmation .products {
    overflow: visible !important;
}
#arcontact {
    margin-bottom: 47px;
}

#order-confirmation #spe_res .customNavigation i.btn.feature_prev::before,
#order-confirmation #spe_res .customNavigation i.btn.feature_next::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LDE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px;
    background-color: #000 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
}

#order-confirmation #spe_res .customNavigation i.btn.feature_prev::before {
    transform: none;
}

#order-confirmation #spe_res .customNavigation i.btn.feature_next::before {
    transform: scaleX(-1);
}

#order-confirmation .featured-products {
    overflow: visible !important;
}
#order-confirmation #spe_res .customNavigation {
    position: absolute !important;
    top: 36% !important;
    transform: translateY(-50%) !important;
    width: 100% !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 100 !important;
}

#order-confirmation #spe_res .customNavigation i.btn.feature_prev {
    position: absolute !important;
    left: -20px !important;
    pointer-events: all !important;
}

#order-confirmation #spe_res .customNavigation i.btn.feature_next {
    position: absolute !important;
    right: -20px !important;
    pointer-events: all !important;
}

#order-confirmation #spe_res .customNavigation i.btn.feature_prev,
#order-confirmation #spe_res .customNavigation i.btn.feature_next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    background: white !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    pointer-events: all !important;
}

:root{
    --link-hover-color: #0069A6 !important;
}
.disc-price_hola {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.btn-comment {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-left: auto !important;
}
/* Modal reseñas */
#post-product-comment-form .product-cover img {
    border-radius: 6px !important;
}
.nav-phone, .nav-email {
    color: #fff !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-right: 15px !important;
}

.nav-phone .material-icons,
.nav-email .material-icons {
    font-size: 16px !important;
    color: #fff !important;
}
#post-product-comment-form .h3 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

#post-product-comment-form label.form-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #444 !important;
    margin-top: 12px !important;
    display: block !important;
}

#post-product-comment-form input[type="text"],
#post-product-comment-form textarea {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    margin-top: 4px !important;
}

#post-product-comment-form textarea {
    min-height: 100px !important;
}

.btn-comment-inverse {
    background: #f5f5f5 !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}

.btn-comment-big {
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}

.post-comment-buttons {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

@media (max-width: 991px) {
    .product-notification {
        position: fixed !important;
        bottom: 10px !important;
        left: 10px !important;
        right: 10px !important;
        max-width: calc(100% - 20px) !important;
        z-index: 999999 !important;
    }
}
body.cbp-spmenu-body {
    overflow-x: hidden !important;
}

body.cbp-spmenu-body.cbp-spmenu-push-toright,
body.cbp-spmenu-push-toright {
    left: 0 !important;
    position: static !important;
    transform: none !important;
    -webkit-transform: none !important;
    width: 100% !important;
    overflow-x: hidden !important;
}
.special-products .product-flags .discount {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
}
body#product #cp_vertical_menu_top.sticky-menu {
    position: relative !important;
    top: auto !important;
}

.special-products .product-flags .on-sale {
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

.special-products .product-flags {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    z-index: 3 !important;
}
/* #cp_vertical_menu_top .vertical-menu {
     position: fixed !important;
    top: 130px !important;
    left: 0 !important;
    z-index: 99999 !important;
}*/
.footer-container {
    display: flex !important;
    flex-direction: column !important;
}

.no-more-item img {
    width: 27% !important;
    margin-right: 40px !important;
}

.product-flag.discount, .product-flag.pack, .product-flag.on-sale{
	background-color: #4cbb6c !important;
}

.footer-container .block_newsletter {
    order: -1 !important;
    
    padding: 25px 0 !important;
    
}

.footer-container .block_newsletter .title {
    color: #fff !important;
}

.footer-container .block_newsletter .block_title {
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 4px !important;
}

.footer-container .block_newsletter .block_title + span {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
}

.footer-container .block_newsletter input[type="email"] {
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #fff !important;
    border-radius: 6px 0 0 6px !important;
}

.footer-container .block_newsletter input[type="email"]::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

.footer-container .block_newsletter input[type="submit"] {
    background: #fff !important;
    color: #0069A6 !important;
    font-weight: 600 !important;
    border-radius: 0 6px 6px 0 !important;
}
.btn-comment{
	color: white !important;
}

#accessories-carousel + .customNavigation i.btn.accessories_prev,
#accessories-carousel + .customNavigation i.btn.accessories_next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    background: white !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-size: 0 !important;
    overflow: visible !important;
    cursor: pointer;
    position: absolute !important;
	margin-top: -16%;
}

#accessories-carousel + .customNavigation i.btn.accessories_prev {
    left: -20px !important;
}

#accessories-carousel + .customNavigation i.btn.accessories_next {
    right: -20px !important;
}

#accessories-carousel + .customNavigation i.btn.accessories_prev::before,
#accessories-carousel + .customNavigation i.btn.accessories_next::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LDE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px;
    background-color: #000 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
}

#accessories-carousel + .customNavigation i.btn.accessories_prev::before {
    transform: none;
}

#accessories-carousel + .customNavigation i.btn.accessories_next::before {
    transform: scaleX(-1);
}

#accessories-carousel .product-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.8em !important;
    line-height: 1.4 !important;
}

#accessories-carousel .product-miniature {
    display: flex !important;
    flex-direction: column !important;
}

#accessories-carousel .product-bottom {
    margin-top: auto !important;
}
#cp_vertical_menu_top #top-menu {
    display: none;
	background-color: #0069A6;
}

body#index #cp_vertical_menu_top #top-menu {
    display: block;
	
}
.cp_sf-menu .top-menu {
	background-color: #0069A6;
}
#cp_vertical_menu_top{
background-color:	#0069A6;
}
#cp_vertical_menu_top #top-menu{
	border: 2px solid black;
}
#cp_vertical_menu_top .block-title{
	background-color: black !important;
	border: none !important;
	    padding: 14px 20px !important;
}
/*=== HEADER (logo + buscador + telefono) ===*/
#header { background-color: white !important; }
.header-top { background-color: white !important; }
.header-div { background: white !important; }
#header .header-center input#search_query_top, #header .header-center .search_query.form-control { background-color: #f5f5f5 !important; border-color: #ddd !important; }
.header-top .header-div .header-center #cpheadercms3 .callus::before { content: none !important; }
.callus { color: #333 !important; font-weight: 600; }

/*=== ICONOS HEADER (comparar, wishlist, carrito) ===*/
.header-right .blockcart, .header-right .ap-btn-wishlist, .header-right .ap-btn-compare { margin-left: 15px; }
#_desktop_user_info .locator-icon, #_desktop_user_info .track-icon, #_desktop_user_info .account-icon { background-color: #000 !important; }
.head-compare a { background-color: #333 !important; color: #fff; width: 28px; height: 26px; display: inline-block; font-size: 18px; text-align: center; line-height: 26px; }
.head-compare a i { font-size: 18px; vertical-align: middle; }
.head-compare a::before { content: none !important; }
.head-compare a .material-icons { display: none; }
.head-compare a span { font-size: 0 !important; }
#_desktop_cart .carthome, #_mobile_cart .carthome { mask-image: url(/themes/balsur-child/assets/img/carro.png) !important; -webkit-mask-image: url(/themes/balsur-child/assets/img/carro.png) !important; mask-position: center; mask-repeat: no-repeat; mask-size: 24px; -webkit-mask-size: 30px; background-color: #333 !important; width: 28px; height: 28px; display: inline-block; }
.ap-total-compare, .cart-products-counthome { color: #ffffff !important; }

/*=== BARRA NAVEGACION AZUL ===*/
.header-top-main .top-menu > li > a, .header-top-main #_top_main_menu a { color: white !important; }
.header-top-main > .container > #_top_main_menu .top-menu > li > a { color: white !important; }
.header-top-main.bg_main #_top_main_menu li a[data-depth="0"] { font-weight: 400 !important; text-transform: capitalize !important; }

/*=== SUBMENU DESPLEGABLE (menú horizontal) ===*/
.header-top-main #_top_main_menu .popover.sub-menu a, .header-top-main #_top_main_menu .sub-menu .top-menu li a { color: #333 !important; }
.header-top-main #_top_main_menu .sub-menu .top-menu li a:hover { color: #0069A6 !important; }
.header-top-main #_top_main_menu .popover.sub-menu { background: white; }

/* ============================================
   CP VERTICAL MENU - COMPRAR POR CATEGORÍAS
   (ÚNICA SECCIÓN - NO DUPLICAR)
   ============================================ */
/*#cp_vertical_menu_top {
  position: relative;
}


.material-icons .menu-open{
    margin-top: 10px;
}


#cp_vertical_menu_top .block-title {
  background: black !important;
  padding: 13px !important;
  cursor: pointer;
}*/
#index #cp_vertical_menu_top #top-menu {
	background-color: #0069a6;
}
#cp_vertical_menu_top .block-title .menu-title { color: #fff !important; }
#cp_vertical_menu_top .block-title .material-icons { color: #fff !important; }
#cp_vertical_menu_top .menu-title::after { background-color: #ffffff; }
/*

#cp_vertical_menu_top .vertical-menu {
  display: none;
  position: absolute;
  z-index: 99999;
  background: #fff;
  width: 300px;
  top: 100%;
  left: 0;
  padding: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  border: 1px solid #eee;
}

#index #wrapper-top .flexslider,
#index #wrapper-top .cpserviceblock,
#index #wrapper-top > .container {
    display: none !important;
}


#wrapper-top {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
}

#wrapper-top .menu-container {
    visibility: visible !important;
    pointer-events: all !important;
}

#index #wrapper-top .menu-container,
.header-center .menu-container {
    visibility: visible !important;
}


#header .header-top-main.bg_main #cp_vertical_menu_top .vertical-menu {
  display: none;
}

#cp_vertical_menu_top .vertical-menu > ul,
#cp_vertical_menu_top .vertical-menu > ul > li {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
}
#cp_vertical_menu_top {
  position: relative;
  z-index: 99999;
}

.header-top-main.bg_main {
  overflow: visible !important;
}
#balsur-finder {
  position: relative;
  z-index: 1;
}
.header-top-main.bg_main .container {
  overflow: visible !important;
}


#cp_vertical_menu_top .vertical-menu .dropdown-item { color: #333 !important; }
#cp_vertical_menu_top .vertical-menu .dropdown-item:hover { color: #0069A6 !important; }
#cp_vertical_menu_top #top-menu { border: 2px solid white !important; }
*/
/* ============================================
   MENU LATERAL SIDE (MOBILE)
   ============================================ */
#cp_sidevertical_menu_top .top-menu li a { color: #333 !important; }
#cp_sidevertical_menu_top .top-menu li a:hover { color: #0069A6 !important; }
#index #cp_sidevertical_menu_top #top-menu { padding: 11px; }

.verticalmenu-side #cpheadercms1 { display: none !important; }
.verticalmenu-side { border-top: 2px solid #0069A6 !important; padding: 15px !important; background: #f8f9fa; }
.verticalmenu-side .vertical-side-top-text { display: flex; flex-direction: column; gap: 8px; }
.verticalmenu-side .user-info-side a, .verticalmenu-side .sign-in { display: block; background: #0069A6; color: white !important; text-align: center; padding: 12px 15px !important; border-radius: 6px; font-weight: 600; font-size: 0 !important; text-transform: uppercase; transition: all 0.3s ease; text-decoration: none; line-height: 1.2 !important; }
.verticalmenu-side .user-info-side a:hover, .verticalmenu-side .sign-in:hover { background: #005083; }
.verticalmenu-side .user-info-side a span, .verticalmenu-side .sign-in span { display: none !important; }
.verticalmenu-side .user-info-side a::after, .verticalmenu-side .sign-in::after { content: "INICIAR SESIÓN" !important; font-size: 13px !important; }

.verticalmenu-side .head-compare a { display: block; background: #0069A6 !important; color: white !important; text-align: center; padding: 12px 15px !important; border-radius: 6px; border: none !important; font-weight: 600; font-size: 0 !important; text-transform: uppercase; transition: all 0.3s ease; text-decoration: none; mask-image: none !important; -webkit-mask-image: none !important; width: auto; height: auto; line-height: 1.2 !important; }
.verticalmenu-side .head-compare a:hover { background: #005083 !important; }
.verticalmenu-side .head-compare a span { display: none !important; }
.verticalmenu-side .head-compare a::after { content: "Comparar" !important; font-size: 13px !important; color: white !important; font-weight: 600 !important; text-transform: uppercase !important; }
.verticalmenu-side .head-compare .ap-total-compare { display: none; }
.verticalmenu-side .locator, .verticalmenu-side .track-order { display: none !important; }

#cp_sidevertical_menu_top .title_main_menu { background: #0069A6 !important; padding: 12px 20px !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 8px !important; }
#cp_sidevertical_menu_top .title_main_menu .title_menu { color: #fff !important; font-weight: 600 !important; font-size: 14px !important; }
.menu-icon .material-icons.menu-close { color: white !important; }

/*=== SLIDER ===*/
#wrapper-top .flexslider { max-height: 500px !important; overflow: hidden !important; }
#wrapper-top .flexslider .slides li img { width: 100% !important; height: 500px !important; object-fit: cover !important; object-position: center !important; }
#cpserviceblock { display: none !important; }

/*=== BOTONES GENERALES ===*/
.btn.add-to-cart { color: #fff !important; }
.btn.btn-primary.add-to-cart { background-color: #0069A6 !important; }
.btn-primary { color: white !important; }
#authentication [data-action="show-password"], .input-group .input-group-btn > .btn { color: white !important; }
.btn-default{
 color: white !important;   
}

/* ========================================
   OFERTAS - HOME (layout vertical como featured)
   ======================================== */
.special-products .special_container {
  border: none !important;
  padding: 30px 0 !important;
}

.special-products .products-section-title .title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    /* text-transform: uppercase !important; */
    color: #222 !important;
    text-align: left !important;
    margin-bottom: 25px !important;
}

/* Grid 4 columnas */
.special-products #special-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
}

.special-products .product_item#productoOferta {
  flex: 0 0 calc(25% - 15px) !important;
  max-width: calc(25% - 15px) !important;
  background: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.special-products .product_item#productoOferta:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
  border-color: #0069A6 !important;
}

/* Layout vertical */
.special-products .product-miniature1 {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

.special-products .product-miniature1 .thumbnail-container {
  width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  position: relative !important;
}

.special-products .product-miniature1 .thumbnail-container .special_block {
  position: relative !important;
}

.special-products .product-miniature1 .thumbnail-container .image-block {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  background: #fff !important;
}

.special-products .product-miniature1 .thumbnail-container img.img-fluid {
  max-width: 100% !important;
  height: auto !important;
  max-height: 200px !important;
  object-fit: contain !important;
}

/* Badges */
.special-products .product-flags {
  position: absolute !important;
  top: 10px !important;
  left: 3px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.special-products .product-flags .on-sale {
  background-color: #4cbb6c !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
}

.special-products .product-flags .discount {
background-color:#4cbb6c !important
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 38px !important;
}


/* ===== MARCAS CAROUSEL ===== */
.brands #spe_res,
.brands .products {
    position: relative;
}

.brands .customNavigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
    pointer-events: none;
    z-index: 100;
}

.brands .customNavigation i.btn.brand_prev {
    position: absolute;
    left: -20px;
    pointer-events: all !important;
    z-index: 101;
}

.brands .customNavigation i.btn.brand_next {
    position: absolute;
    right: -20px;
    pointer-events: all !important;
    z-index: 101;
}

.brands .customNavigation i.btn.brand_prev,
.brands .customNavigation i.btn.brand_next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    background: white !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-size: 0 !important;
    overflow: visible !important;
    cursor: pointer;
}

.brands .customNavigation i.btn.brand_prev::before,
.brands .customNavigation i.btn.brand_next::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LDE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px;
    background-color: #000 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    font-size: 0 !important;
}

.brands .customNavigation i.btn.brand_prev::before {
    transform: none;
}

.brands .customNavigation i.btn.brand_next::before {
    transform: scaleX(-1);
}

/* Separación entre logos */
.brands #brand-carousel .owl-item {
    padding: 0 15px !important;
}

#featured-products .thumbnail-container a.product-thumbnail {
    height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#featured-products .thumbnail-container a.product-thumbnail img.img-fluid {
    max-height: 200px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.brands .brand-image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    background: white !important;
    height: 120px;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
}
#index .brands .products .product_list article.item{
    background-color: transparent !important;
}

.brands .brand-image img {
    max-height: 60px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: grayscale(0%) !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}

.brands .brand-image:hover img {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}

/* Descripción */
.special-products .product-miniature1 .product-description {
  width: 100% !important;
  padding: 15px !important;
  border-top: 1px solid #f0f0f0 !important;
}

.special-products .product-title a {
  color: #222 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.special-products .product_item:hover .product-title a {
  color: #0069A6 !important;
}

/* Precios */
.special-products .product-price-and-shipping {
  margin-top: 8px !important;
}

.special-products .product-price-and-shipping .price {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0069A6 !important;
}

.special-products .product-price-and-shipping .regular-price {
  font-size: 13px !important;
  color: #999 !important;
  text-decoration: line-through !important;
  margin-left: 6px !important;
}

/* IVA incl */
.special-products #textoIvaIncludo {
  font-size: 11px !important;
  color: #999 !important;
  padding: 0 15px !important;
}

/* Botón Ver producto */
.special-products .botonVerMas {
  display: block !important;
  background: #0069A6 !important;
  color: #fff !important;
  padding: 10px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: center !important;
  margin: 10px 15px 15px !important;
  transition: background 0.2s ease !important;
}

.special-products .botonVerMas:hover {
  background: #005083 !important;
}


  .special-products article.loadmore {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    display: none !important;
}


.special-products .gridcount {
  
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 30px !important;
  font-weight: 600 !important;
}

#cpcategorytabs {
    display: none !important;
}


.special-products .product-flags {
    display: flex !important;
}

.special-products .product-flags .on-sale,
.special-products .product-flags .discount {
    display: block !important;
}

/*=== MENU MOBILE ===*/
.container.text-xs-center.mobile .menu-container { display: inline-block !important; }
.container.text-xs-center.mobile { text-align: center !important; }

/*=== ORDEN ICONOS HEADER ===*/
.header-top .header-div .container .header-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 15px !important; margin-right: 0 !important; padding-right: 0 !important; }
.header-top .header-div .container .header-right .ets_speed_dynamic_hook { display: flex !important; align-items: center !important; gap: 15px !important; margin: 0 !important; padding: 0 !important; }

.header-right > p { display: none !important; }

/* ========================================
   SIDEBAR FILTROS
   ======================================== */
#search_filters { font-size: 13px !important; }
#search_filters .facet .facet-title, #search_filters .facet h4 { font-size: 14px !important; font-weight: 600 !important; color: #222 !important; padding: 10px 0 !important; margin: 0 !important; border-bottom: 1px solid #eee !important; text-transform: none !important; }
#search_filters .facet ul { max-height: 200px !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 8px 0 !important; margin: 0 !important; list-style: none !important; }
#search_filters .facet ul::-webkit-scrollbar { width: 4px !important; }
#search_filters .facet ul::-webkit-scrollbar-track { background: #f5f5f5 !important; border-radius: 2px !important; }
#search_filters .facet ul::-webkit-scrollbar-thumb { background: #ccc !important; border-radius: 2px !important; }
#search_filters .facet li { padding: 3px 0 !important; margin: 0 !important; }
#search_filters .facet .facet-label { margin: 0 !important; padding: 0 !important; }
#search_filters .facet .search-link { color: #555 !important; font-size: 13px !important; text-decoration: none !important; transition: color 0.2s ease !important; white-space: nowrap !important; overflow: visible !important; text-overflow: unset !important; }
#search_filters .facet .search-link:hover { color: #0069A6 !important; }
#search_filters .facet li, #search_filters .facet .facet-label, #search_filters .facet .custom-checkbox, #search_filters .facet .checkbox-label { overflow: visible !important; text-overflow: unset !important; white-space: nowrap !important; }
#search_filters .custom-checkbox input[type="checkbox"] + .checkbox-label::before { border: 1px solid #ccc !important; border-radius: 3px !important; width: 16px !important; height: 16px !important; }
#search_filters .custom-checkbox input[type="checkbox"]:checked + .checkbox-label::before { background: #0069A6 !important; border-color: #0069A6 !important; }
#search_filters .js-search-filters-clear-all, .active-filter-title .filter-button { background: #0069A6 !important; color: #fff !important; border: none !important; border-radius: 4px !important; font-size: 12px !important; padding: 6px 14px !important; text-transform: none !important; }
#search_filters .facet-slider { margin: 10px 0 !important; }

/* Ocultar stock/countdown */
.qtyprogress { display: none !important; }
.countdown.show, .countdown { display: none !important; }

/* Descripción corta producto */
[id^="product-description-short"] { letter-spacing: normal !important; columns: unset !important; column-count: unset !important; text-align: left !important; }
[id^="product-description-short"] p { text-align: left !important; text-align-last: auto !important; }

/* Precio */
.product-price { color: #0069A6 !important; }
#precioIVAInclu { padding-right: 23px !important; color: #555 !important; font-size: 0.75rem !important; line-height: 1rem !important;padding-left: 10px; }

/* Comparar al lado de Añadir al carrito */
.product-quantity .wish-comp { margin: 0 !important; }
.product-quantity .add .btn.add-to-cart { white-space: nowrap !important; }
.wish-comp .compare a.st-compare-button { background: white !important; color: #fff !important; border: none !important;     text-transform: none;border-radius: 4px !important; padding: 12px 25px !important; font-size: 14px !important; font-weight: 600 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; white-space: nowrap !important; transition: all 0.3s ease !important; }

.wish-comp .compare a.st-compare-button i, .wish-comp .compare a.st-compare-button .st-compare-title { color: #878582  !important; }
.wish-comp .compare .st-compare-bt-content { font-weight: 600 !important; }
.modal .modal-title a.btn { color: #fff !important; background: #0069A6 !important; }
div#review_block {
    display: none !important;
}

.product-add-to-cart.js-product-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#mp-step-quantity {
    width: 100%;
}

.blockreassurance_product{
    display:none !important;
}
/* Ocultar social/payment */
.social-sharing { display: none !important; }
.cpproductpaymentlogo { display: none !important; }

#balsur-finder {
  position: relative;
  z-index: 1;
  height: 460px !important;
  max-height: 460px !important;
      margin-bottom: 100px;
}


.textopag1 strong {
    color: #2064af;
    font-weight: 600;
}

#titulo_pagina_inicio {
    text-align: left !important;
    line-height: 20px;
    font-size: 23px !important;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 10px;
}



#mp-step-quantity {
    width: 100%;
}

#panelCantidadCarrito {
   display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    float: left !important;
    margin-bottom: 20px;
}


#btnAddProduct {
    padding: 9px 12px !important;
 
    margin-top: 30px !important;
    
}

#cantidadmasbotones {
    float: none !important;
    width: auto !important;
}

#popupForm {
    display: none;
}
#consultaDiv {
    border: 1px solid #b1acac;
    border-radius: 7px;
    padding: 20px 14px 10px;
    background-color: #f8f8f8;
    cursor: pointer;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#addcarrito {
    float: none !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    color: #ff5000;
    cursor: pointer;
    font-weight: bold;
}
#formularioenvio_popup {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}


.form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    width: 100%;
}
#h2_popup {
    text-align: left;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 20px;
    color: #ff6a1d;
    text-transform: uppercase;
    font-weight: normal;
    padding-top: 8px;
}

@media only screen and (min-width: 992px) {
    .close {
        color: #9d9d9d !important;
    }
}

@media only screen and (min-width: 992px) {
    .form-group label {
        flex: 1;
        font-size: 14px;
        margin-right: 0px;
        text-align: left;
    }
}

.politicas {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    font-size: 12px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#submit-button_popup {
    padding: 8px 16px;
    background-color: #ff5000;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
    width: 100%;
}
.popup-content {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    width: 450px;
    max-height: 700px;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
}
.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
#cantidadmasbotones {
    float: none;
}

#addcarrito {
    float: none;
}
#header .header-nav .material-icons {
    line-height: 14px !important;
    
}
.wish-comp {
    position: relative;
}


#featured-products #spe_res_yo {
    position: relative;
}



/* ===== FLECHAS CAROUSEL - BASE COMÚN ===== */


.special-products #spe_res {
    position: relative;
}

.special-products .customNavigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
    pointer-events: none;
    z-index: 100;
    margin-bottom: 0;
}

.special-products .customNavigation i.btn.special_prev {
    position: absolute;
    left: -20px;
    pointer-events: all !important;
    z-index: 101;
}

.special-products .customNavigation i.btn.special_next {
    position: absolute;
    right: -20px;
    pointer-events: all !important;
    z-index: 101;
}

.special-products .customNavigation i.btn.special_prev,
.special-products .customNavigation i.btn.special_next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    background: white !important;
    
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-size: 0 !important;
    overflow: visible !important;
    cursor: pointer;
}

.special-products .customNavigation i.btn.special_prev::before,
.special-products .customNavigation i.btn.special_next::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LDE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px;
    background-color: #000 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    font-size: 0 !important;
}

.special-products .customNavigation i.btn.special_prev::before {
    transform: none;
}

.special-products .customNavigation i.btn.special_next::before {
    transform: scaleX(-1);
}

css.bestseller-products #spe_res {
    position: relative;
}

.bestseller-products .customNavigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
    pointer-events: none;
    z-index: 100;
    margin-bottom: 0;
}

.bestseller-products .customNavigation i.btn.bestseller_prev {
    position: absolute;
    left: -20px;
    pointer-events: all !important;
    z-index: 101;
}

.bestseller-products .customNavigation i.btn.bestseller_next {
    position: absolute;
    right: -20px;
    pointer-events: all !important;
    z-index: 101;
}



.bestseller-products .customNavigation i.btn.bestseller_prev,
.bestseller-products .customNavigation i.btn.bestseller_next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    background: white !important;
    
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-size: 0 !important;
    overflow: visible !important;
    cursor: pointer;
}

.bestseller-products .customNavigation i.btn.bestseller_prev::before,
.bestseller-products .customNavigation i.btn.bestseller_next::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px;
    background-color: #000 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    font-size: 0 !important;
}

.bestseller-products .customNavigation i.btn.bestseller_prev::before {
    transform: none;
}

.bestseller-products .customNavigation i.btn.bestseller_next::before {
    transform: scaleX(-1);
}
.cpcategory-container #spe_res,
#featured-products #spe_res_yo {
    position: relative;
}

.cpcategory-container .customNavigation,
#featured-products .customNavigation {
    position: absolute;
    top: 36%;
    transform: translateY(-50%);
    width: 100%;
    display: block;
    pointer-events: none;
    z-index: 100;
    margin-bottom: 0;
}

/* Posición flechas categorías */
.cpcategory-container .customNavigation i.cat_prev {
    position: absolute;
    left: 5px;
}
.cpcategory-container .customNavigation i.cat_next {
    position: absolute;
    right: 5px;
}
.cpcategory-container .customNavigation i.cat_prev,
#featured-products .customNavigation i.feature_prev {
    left: -20px;
}

.cpcategory-container .customNavigation i.cat_next,
#featured-products .customNavigation i.feature_next {
    right: -20px;
}

/* Posición flechas destacados */
#featured-products .customNavigation i.feature_prev {
    position: absolute;
    left: 5px;
}
#featured-products .customNavigation i.feature_next {
    position: absolute;
    right: 5px;
}

/* Estilo común botones */
.cpcategory-container .customNavigation i.btn.cat_prev,
.cpcategory-container .customNavigation i.btn.cat_next,
#featured-products .customNavigation i.btn.feature_prev,
#featured-products .customNavigation i.btn.feature_next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 35px !important;
    min-width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    background: white !important;
  
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-size: 0 !important;
    overflow: visible !important;
    pointer-events: all !important;
    z-index: 101;
    cursor: pointer;
}

/* Icono SVG común */
.cpcategory-container .customNavigation i.btn.cat_prev::before,
.cpcategory-container .customNavigation i.btn.cat_next::before,
#featured-products .customNavigation i.btn.feature_prev::before,
#featured-products .customNavigation i.btn.feature_next::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDcwLjggNjg2LjIiPjxwYXRoIGQ9Ik0xMDY5LjU1LDMyNi4yM2MtOC45My0xMS4xMS0yMy40Ni0xMi4zMy0zNy44OC0xMi0xMzguMzMuMTUtMjk5LjI5LjEyLTQ1NSwuMS0xNTEuNDksMC0zMDgtLjA1LTQ0My43OC4wOSw0MC4xOC00MCw4MC43NC04MC42MywxMjAtMTIwLDQxLjg0LTQxLjg5LDg1LjEyLTg1LjIyLDEyNy44NS0xMjcuNzUsNy40NS03LjU2LDE1LjQtMTYuNjEsMTUuNTktMjguNDRhMzEuMiwzMS4yLDAsMCwwLTgtMjNBMzEuNTYsMzEuNTYsMCwwLDAsMzY2LjI2LDQuMzdjLTE2LTEuNzQtMjguMzEsMTEuMjktMzUsMTguMzVDMjU5LjkxLDk0LjI0LDE4Ny4yNSwxNjYuODYsMTE3LDIzNy4xUTYzLjM1LDI5MC42OCw5Ljc0LDM0NC4yOGwtMy4xOCwzLjE4LDMuMTgsMy4xOEMxMTQsNDU0LjkxLDIyMS44Myw1NjIuNzMsMzI4LjY0LDY2OS4zNGwyLjQ2LDIuNDhjOC4xMiw4LjI3LDE4LjIyLDE4LjU0LDMyLjI1LDE4LjU0aDBjLjU3LDAsMS4xNCwwLDEuNzEsMGEzMi4xOCwzMi4xOCwwLDAsMCwzMS4zMi0zMC43MWMuODgtOS4zMS0zLjM0LTE5LTEyLjUyLTI4LjczbC0uMS0uMWMtNDEuMTQtNDEtODIuODMtODIuNjgtMTIzLjE0LTEyMy00MS44Mi00MS44NS04NS04NS0xMjcuNzItMTI3LjU3LDIwOS44NC4xNCw0NjYuMTQuMTIsNjkyLjc0LjFoMjE0LjM3YzkuMTctLjQzLDE5LjUxLTEuODYsMjYuNzQtOS4wOWEzMi4zOSwzMi4zOSwwLDAsMCwyLjc2LTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYgLTQuMjEpIi8+PC9zdmc+");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 14px;
    background-color: #000 !important;
    width: 14px !important;
    height: 14px !important;
    display: block !important;
    font-size: 0 !important;
}

/* Flecha izquierda (prev) - apunta izquierda */
.cpcategory-container .customNavigation i.btn.cat_prev::before,
#featured-products .customNavigation i.btn.feature_prev::before {
    transform: none;
}

/* Flecha derecha (next) - voltear para apuntar derecha */
.cpcategory-container .customNavigation i.btn.cat_next::before,
#featured-products .customNavigation i.btn.feature_next::before {
    transform: scaleX(-1);
}

.textopag1 {
    font-size: 14px;
    text-align: left;
}
#imagen_banner {
       margin: -100px 0px 33px 0px !important;
}
.products .product-miniature .thumbnail-container a.product-thumbnail:hover .img_1,
.products .product-miniature .thumbnail-container:hover .img_1,
.products .product-miniature:hover .thumbnail-container .img_1,
.product_item .product-miniature:hover .img_1,
.product_item:hover .product-miniature .img_1 {
  opacity: 1 !important;
  transform: scaleX(1) !important;
  -webkit-transform: scaleX(1) !important;
  background-color: transparent !important;
}
.allproducts{
    color:white !important;
}
/* Barra superior azul */
.header-nav {
  background: #0069A6 !important;
  padding: 6px 0 !important;
  border-bottom: none !important;
}
.header-nav .right-nav {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  line-height: 1 !important;
}

.header-nav .right-nav a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.header-nav .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.header-nav, 
.header-nav a, 
.header-nav span, 
.header-nav i {
  color: #fff !important;
  font-size: 15px !important;
}

.header-nav a:hover,
.header-nav a:hover span {
  color: rgba(255,255,255,0.8) !important;
}

/* Iconos blancos */
.header-nav .locator-icon,
.header-nav .track-icon,
.header-nav .account-icon {
  background-color: #fff !important;
}

/* Ocultar user-info-side en desktop */
.header-nav #verticalmenu_desktop_user_info {
  display: none !important;
}

.special-products .product-flags .discount {
  padding: 2px 8px !important;
}
/* ========================================
   SIDEBAR FILTROS - MODERNO
   ======================================== */
#left-column {
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
  padding: 10px !important;

}
.product-comments-additional-info {
    margin: 20px 0;
    font-weight: 300;
    display: block; 
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
}

.hola-mundo{
    display:none !important;
}

#search_filters {
  font-size: 13px !important;
}

/* Título de cada filtro */
#search_filters .facet .facet-title,
#search_filters .facet h4 {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #222 !important;
  padding: 12px 0 8px !important;
  margin: 0 !important;
  border-bottom: 2px solid #0069A6 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Lista de opciones */
#search_filters .facet ul {
  max-height: 220px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px 0 !important;
  margin: 1px !important;
  list-style: none !important;
}
#left-column #search_filters .facet ul {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}
/* Scrollbar personalizada */
#search_filters .facet ul::-webkit-scrollbar {
  width: 5px !important;
}
#search_filters .facet ul::-webkit-scrollbar-track {
  background: #f0f0f0 !important;
  border-radius: 10px !important;
}
#search_filters .facet ul::-webkit-scrollbar-thumb {
  background: #0069A6 !important;
  border-radius: 10px !important;
}

/* Cada item del filtro */
#search_filters .facet li {
  padding: 0 !important;
  margin: 2px 0 !important;
}

#search_filters .facet .facet-label {
  margin: 0 !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  transition: background 0.2s ease !important;
  cursor: pointer !important;
}

#search_filters .facet .facet-label:hover {
  background: #f0f7fb !important;
}

/* Texto de los links */
#search_filters .facet .search-link {
  color: #444 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

#search_filters .facet .search-link:hover {
  color: #0069A6 !important;
}

/* Checkbox personalizado */
#search_filters .custom-checkbox input[type="checkbox"] + .checkbox-label::before {
  border: 2px solid #ccc !important;
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important;
  transition: all 0.2s ease !important;
}

#search_filters .custom-checkbox input[type="checkbox"]:checked + .checkbox-label::before {
  background: #0069A6 !important;
  border-color: #0069A6 !important;
  box-shadow: 0 0 0 2px rgba(0,105,166,0.2) !important;
}

/* Contador de resultados */
#search_filters .facet .magnitude {
  color: #999 !important;
  font-size: 11px !important;
  margin-left: 4px !important;
}

/* Slider de precio */
#search_filters .facet-slider {
  margin: 15px 5px !important;
}

#search_filters .ui-slider {
  background: #e0e0e0 !important;
  border: none !important;
  border-radius: 10px !important;
  height: 6px !important;
}

#search_filters .ui-slider .ui-slider-range {
  background: #0069A6 !important;
  border-radius: 10px !important;
}

#search_filters .ui-slider .ui-slider-handle {
  background: #fff !important;
  border: 3px solid #0069A6 !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  top: -7px !important;
  cursor: grab !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
  transition: box-shadow 0.2s ease !important;
}

#search_filters .ui-slider .ui-slider-handle:hover,
#search_filters .ui-slider .ui-slider-handle:active {
  box-shadow: 0 0 0 4px rgba(0,105,166,0.2) !important;
}

/* Valores del precio */
#search_filters p.displayed-price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0069A6 !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Botón limpiar filtros */
#search_filters .js-search-filters-clear-all,
.active-filter-title .filter-button {
  background: #0069A6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  padding: 8px 16px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  transition: background 0.2s ease !important;
  cursor: pointer !important;
}

#search_filters .js-search-filters-clear-all:hover,
.active-filter-title .filter-button:hover {
  background: #005083 !important;
}

/* Filtros activos (tags) */
.active_filters .active-filter-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin-bottom: 10px !important;
}

.active_filters ul li {
  display: inline-block !important;
  margin: 3px !important;
}

.active_filters ul li a {
  background: #f0f7fb !important;
  color: #0069A6 !important;
  border: 1px solid #0069A6 !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-size: 12px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  transition: all 0.2s ease !important;
}

.active_filters ul li a:hover {
  background: #0069A6 !important;
  color: #fff !important;
}

/* Separador entre filtros */
#search_filters .facet {
  border-bottom: 1px solid #f0f0f0 !important;
  padding-bottom: 5px !important;
  margin-bottom: 5px !important;
}

#search_filters .facet:last-child {
  border-bottom: none !important;
}

/* ========================================
   TARJETAS DE PRODUCTO - LISTADO
   ======================================== */

/* Contenedor de cada producto */
#products .product-miniature {
  background: #fff !important;
  border-radius: 8px !important;
  border: 1px solid #eee !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  margin-bottom: 20px !important;
}



/* Imagen */
#products .product-miniature .thumbnail-container {
  position: relative !important;
  overflow: hidden !important;
}

#products .product-miniature .product-thumbnail img {
  transition: transform 0.4s ease !important;
}

#products .product-miniature:hover .product-thumbnail img {
  transform: scale(1.05) !important;
}

/* Marca */
#products .product-miniature .product-brand {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #999 !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 4px !important;
}


/* Título producto */
#products .product-miniature .product-title a {
  color: #222 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#products .product-miniature:hover .product-title a {
  color: #0069A6 !important;
}

/* Características (Capacidad, Precisión, Tamaño) */
#products .product-miniature .features {
  padding: 8px 15px !important;
  margin: 0 !important;
  border-top: 1px solid #f5f5f5 !important;
}

#products .product-miniature .features > div {
  padding: 3px 0 !important;
  font-size: 12px !important;
  color: #666 !important;
}

#products .product-miniature .features .faBlueright4 {
  color: #0069A6 !important;
  width: 16px !important;
  text-align: center !important;
  margin-right: 4px !important;
  font-size: 12px !important;
}

#products .product-miniature .features .TextoCPT {
  font-weight: 600 !important;
  color: #444 !important;
  font-size: 12px !important;
}

#products .product-miniature .features .valorfeature {
  color: #666 !important;
  font-size: 12px !important;
}

/* Descripción corta del producto */
#products .product-miniature .product-detail {
  font-size: 12px !important;
  color: #777 !important;
  line-height: 1.5 !important;
  padding: 8px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Zona inferior (precio + botón) */
#products .product-miniature .product-bottom {
  padding: 12px 15px !important;
  border-top: 1px solid #f0f0f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

/* Precio */
#products .product-miniature .price {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0069A6 !important;
}

#products .product-miniature .regular-price {
  font-size: 13px !important;
  color: #999 !important;
  text-decoration: line-through !important;
}

/* Botón Add to Cart */
#products .product-miniature .add-to-cart {
  background: #0069A6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}

#products .product-miniature .add-to-cart:hover {
  background: #005083 !important;
  box-shadow: 0 3px 10px rgba(0,105,166,0.3) !important;
}

/* Badges (En oferta, descuento) */
#products .product-miniature .product-flags li {
  background: #0069A6 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  margin-bottom: 4px !important;
}

#products .product-miniature .product-flags .discount {
  background: #e74c3c !important;
}

#products .product-miniature .product-flags .on-sale {
  background: #f5a623 !important;
}

/* Botones quickview y comparar sobre la imagen */
#products .product-miniature .product-actions-main {
  position: absolute !important;
  bottom: -50px !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px !important;
  background: rgba(255,255,255,0.95) !important;
  transition: bottom 0.3s ease !important;
}

#products .product-miniature:hover .product-actions-main {
  bottom: 0 !important;
}

#products .product-miniature .product-actions-main .quick-view,
#products .product-miniature .product-actions-main .st-compare-button {
  
  color: #333 !important;
  border: 1px solid #ddd !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
}

#products .product-miniature .product-actions-main .quick-view:hover,
#products .product-miniature .product-actions-main .st-compare-button:hover {
  background: #0069A6 !important;
  color: #fff !important;
  border-color: #0069A6 !important;
}

/* Product description padding */
#products .product-miniature .product-description {
  padding: 12px 15px 8px !important;
}

/* Ocultar texto "Más detalles" */
#products .product-miniature .llevarotrositio {
  display: none !important;
}

/* Ocultar el segundo bloque de acciones (el que aparece en la descripción) */
#products .product-miniature .product-description .product-actions-main {
  display: none !important;
}

/* Solo el primer bloque de acciones (sobre la imagen) */
#products .product-miniature .thumbnail-container .product-actions-main {
  position: absolute !important;
  bottom: -50px !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px !important;
  background: transparent !important;
  transition: bottom 0.3s ease !important;
  z-index: 2 !important;
}

#products .product-miniature:hover .thumbnail-container .product-actions-main {
  bottom: 0 !important;
}

/* La imagen no debe desbordar */
#products .product-miniature .thumbnail-container {
  position: relative !important;
  overflow: hidden !important;
}

/* Quitar el texto dentro del botón comparar en el overlay */
#products .product-miniature .thumbnail-container .st-compare-title {
  display: none !important;
}

/* Imagen centrada en la tarjeta */
#products .product-miniature .thumbnail-container a.product-thumbnail {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 15px !important;
}

#products .product-miniature .thumbnail-container a.product-thumbnail img {
  max-width: 80% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Badges oferta/descuento en la esquina izquierda */
#products .product-miniature .product-flags {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#products .product-miniature .product-flags li {
  width: fit-content !important;
}

/* Resetear estilos de tarjetas en HOME */
#index #featured-products .product-miniature,
#index .bestseller-products .product-miniature,
#index .newproducts .product-miniature,
#index .special-products .product-miniature1 {
  border: 1px solid #eee !important;
  border-radius: 8px !important;
  background: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}

#index #featured-products .product-miniature:hover,
#index .bestseller-products .product-miniature:hover,
#index .newproducts .product-miniature:hover {
  border-color: #ddd !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
  transform: none !important;
}

#index .product-miniature .product-bottom {
  border-top: 1px solid #f0f0f0 !important;
  padding: 10px 15px !important;
}

#index .product-miniature .price {
  color: #0069A6 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

#index .product-miniature .add-to-cart {
  background: #0069A6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}



.overlay.overlay_active {
 
    opacity: 0.5 !important;
    z-index: 999998 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #000 !important;
}
body.menu_shown .overlay {
    display: none !important;
}
/*Sobreescribir colores del carrito a la derecha*/
.cart_block.block.exclusive .top-block-cart {
    background: #0069A6 !important;
}
#products .product-miniature .thumbnail-container img.img_1 {
    background-color: transparent !important;
}

.cart_block .toggle-title {

    color: white !important;
}

/* ========================================
   FILTROS RÁPIDOS HEADER
   ======================================== */
#header .header-center {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

#header-quick-filters {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.header-filter-select {
  padding: 7px 26px 7px 10px !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  color: #333 !important;
  background-color: #f5f5f5 !important;
  cursor: pointer !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  min-width: 100px !important;
  height: 36px !important;
  transition: border-color 0.2s ease !important;
}

.header-filter-select:focus {
  border-color: #0069A6 !important;
  background-color: #fff !important;
}

#header-filter-btn {
  background: #0069A6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  padding: 0 !important;
}

#header-filter-btn:hover {
  background: #005083 !important;
}

#header-filter-btn .material-icons {
  font-size: 18px !important;
  color: #fff !important;
}


/* Alinear buscador y filtros en una línea */
#header .header-center {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

#search_block_top {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
}

#search_block_top .searchtoggle {
  display: flex !important;
  width: 100% !important;
}

#search_block_top #searchbox {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 0 !important;
}

#search_block_top .cpsearch-main {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
}

#search_block_top .search_query {
  flex: 1 !important;
  height: 38px !important;
}

#search_block_top .select-wrapper {
  display: none !important;
}

#search_block_top button[type="submit"] {
  height: 38px !important;
  border-radius: 0 6px 6px 0 !important;
}

/* Teléfono */
#cpheadercms3 {
  white-space: nowrap !important;
}




#search_block_top {
  position: relative !important;
}

#search_block_top #searchbox {
  position: relative !important;
}

/* El panel de resultados no debe empujar los filtros */
#search_block_top .searchtoggle {
  position: relative !important;
}

/* Contener resultados de búsqueda */
#search_block_top {
  position: relative !important;
}

#searchbox {
  position: relative !important;

}
/* Ocultar dropdown CP search */
#cpsearch_content_result {
  display: none !important;
}

/* Dropdown Joli Search */
.ui-autocomplete {
  z-index: 999999 !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
  max-height: 450px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.header-top .header-div .container {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.header-top .header-div .container .header-right {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 15px !important;
  white-space: nowrap !important;
}

#searchbox button[type="submit"] .submit-text {
  font-size: 0 !important;
}

#searchbox button[type="submit"] .submit-text img {
  display: none !important;
}

#searchbox button[type="submit"] .submit-text::before {
  content: '\e8b6' !important;
  font-family: 'Material Icons' !important;
  font-size: 20px !important;
  color: #fff !important;
  font-style: normal !important;
  font-weight: normal !important;
  -webkit-font-feature-settings: 'liga' !important;
  font-feature-settings: 'liga' !important;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
}


/* Ocultar texto accesibilidad Joli Search */
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(0,0,0,0) !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
}

/* Dropdown de Joli Search */
.ui-autocomplete {
  z-index: 999999 !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
  max-height: 450px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ui-autocomplete .ui-menu-item {
  padding: 8px 15px !important;
  border-bottom: 1px solid #f5f5f5 !important;
  cursor: pointer !important;
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-state-active {
  background: #f0f7fb !important;
  color: #0069A6 !important;
}


/* Botón hamburguesa - visible en todas las páginas */

#wrapper-top .container {
    display: none !important;
}
#wrapper-top .menu-container {
    pointer-events: all !important;
    visibility: visible !important;
}


#cp_sidevertical_menu_top {
    z-index: 999999 !important;
}


.header-top .header-div .container .header-center .menu-container {

    margin-right: 0 !important;
    padding-right: 16px !important;
    margin-bottom: 20px !important;

}


.header-top .header-div .container .header-center {
    gap: 2px !important;
}


/* ========================================
   PÁGINA COMPARACIÓN DE PRODUCTOS
   ======================================== */
#product_comparison {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: none !important;
    width: 100% !important;
}

/* Celda vacía primera columna */
#product_comparison .td_empty {
    background: #f8f9fa !important;
    border: none !important;
    vertical-align: bottom !important;
    padding: 15px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #999 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    width: 160px !important;
}

/* Tarjetas de producto */
#product_comparison .st-productscompare-item {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    padding: 15px !important;
    text-align: center !important;
    vertical-align: top !important;
}

/* Botón eliminar */
#product_comparison .delete-productcompare {
    text-align: right !important;
    margin-bottom: 5px !important;
}

#product_comparison .delete-productcompare .st-compare-button {
    background: #fee !important;
    border: 1px solid #fcc !important;
    border-radius: 50% !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #e74c3c !important;
}

#product_comparison .delete-productcompare .st-compare-button:hover {
    background: #e74c3c !important;
    color: #fff !important;
    border-color: #e74c3c !important;
}

/* Imagen */
#product_comparison .product-image {
    margin-bottom: 10px !important;
}

#product_comparison .product-image img {
    max-width: 160px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Nombre producto */
#product_comparison .product-title a {
    color: #222 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

#product_comparison .product-title a:hover {
    color: #0069A6 !important;
}

/* Descripción */
#product_comparison .product_desc {
    font-size: 12px !important;
    color: #777 !important;
    margin: 6px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Precio */
#product_comparison .price {
    color: #0069A6 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Filas de características */
#product_comparison .feature-name {
    background: #f8f9fa !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 12px 15px !important;
    font-size: 13px !important;
    color: #444 !important;
    font-weight: 600 !important;
}

#product_comparison .comparison_infos {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 12px 15px !important;
    font-size: 13px !important;
    color: #555 !important;
    text-align: center !important;
}

#product_comparison .comparison_feature_even .comparison_infos,
#product_comparison .comparison_feature_even .feature-name {
    background: #fafafa !important;
}

#product_comparison .comparison_feature_odd .comparison_infos,
#product_comparison .comparison_feature_odd .feature-name {
    background: #fff !important;
}
#product_comparison .product-description {
    text-align: center !important;
}

#product_comparison .thumbnail-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.lnk_view.btn-outline {
    color: #fff !important;
}

/* ========================================
   CABECERA DE CATEGORÍA
   ======================================== */
#js-product-list-header .block-category {
    background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%) !important;
    border: none !important;
    border-left: 4px solid #0069A6 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 20px 25px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

#js-product-list-header .block-category .h1 {
    color: #0069A6 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
}

#js-product-list-header #category-description h1 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    font-family: inherit !important;
}

#js-product-list-header #category-description p {
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
}

#js-product-list-header #category-description span#spanTexto {
    color: #0069A6 !important;
    font-weight: 600 !important;
}

/* ========================================
   SUBCATEGORÍAS - GRID
   ======================================== */
#subcategories {
    margin-bottom: 25px !important;
}

#subcategories .subcategory-heading {
    background-color: white;
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222 !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #0069A6 !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
}

#subcategories .subcategories-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#subcategories .subcategories-list li {
    flex: 0 0 calc(16.666% - 13px) !important;
    max-width: calc(16.666% - 13px) !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
}

#subcategories .subcategories-list li:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    border-color: #0069A6 !important;
    transform: translateY(-3px) !important;
}

#subcategories .subcategory-image {
    padding: 15px !important;
    background: #f8f9fa !important;
}

#subcategories .subcategory-image img {
    width: 100% !important;
    height: 100px !important;
    object-fit: contain !important;
}

#subcategories .subcategories-list h5 {
    padding: 10px 8px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

#subcategories .subcategories-list h5 a {
    color: #333 !important;
    text-decoration: none !important;
}

#subcategories .subcategories-list li:hover h5 a {
    color: #0069A6 !important;
}

#subcategories .cat_desc {
    display: none !important;
}



/* ========================================
   MENÚ LATERAL SHOP BY CATEGORY
   ======================================== */
.block-categories {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    padding: 0 !important;
}

.block-categories .block_title {
    background: #0069A6 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    border: none !important;
}

.block-categories .block_title a {
    color: #fff !important;
    text-decoration: none !important;
}

.block-categories .block_content {
    padding: 8px 0 !important;
}

.block-categories .category-sub-menu li {
    border-bottom: 1px solid #f5f5f5 !important;
    list-style: none !important;
}

.block-categories .category-sub-menu li:last-child {
    border-bottom: none !important;
}

.block-categories .category-sub-menu li a {
    display: block !important;
    padding: 10px 18px !important;
    font-size: 13px !important;
    color: #444 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.block-categories .category-sub-menu li a:hover {
    background: #f0f7ff !important;
    color: #0069A6 !important;
    padding-left: 24px !important;
}

/* Subcategorías anidadas */
.block-categories .category-sub-menu li[data-depth="1"] a {
    padding-left: 30px !important;
    font-size: 12px !important;
    color: #666 !important;
}

.block-categories .category-sub-menu li[data-depth="1"] a:hover {
    padding-left: 36px !important;
    color: #0069A6 !important;
}

/* Botón expandir subcategorías */
.block-categories .navbar-toggler {
    float: right !important;
    cursor: pointer !important;
    color: #0069A6 !important;
    padding: 10px 18px !important;
}

.block-categories .collapse-icons .material-icons {
    font-size: 16px !important;
    color: #0069A6 !important;
}



.menu-open:hover{
    cursor: pointer !important;
}

/* ===========================
   SERVICIO TÉCNICO - Balsur
   =========================== */

/* Header de página */
.page-cms-10 .page-header h1.h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #0069A6;
  border-left: 5px solid #0069A6;
  padding-left: 15px;
  margin-bottom: 30px;
}

/* Reset del HTML existente */
.page-cms-10 #content {
  padding: 0 10px;
}

.page-cms-10 h1#h1sub {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0069A6;
  margin-bottom: 5px;
}

.page-cms-10 h2#h1sub {
  font-size: 1.1rem;
  color: #444;
  font-weight: 400;
  margin-bottom: 30px;
}

/* Sección imágenes + texto experiencia */
.page-cms-10 > div[style*="float: left"] {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 40px;
}

.page-cms-10 > div[style*="float: left"] > div[style*="float: left; width: 50%"] {
  float: none !important;
  width: 100% !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.page-cms-10 > div[style*="float: left"] img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

/* Bloque "quienes somos" / ventajas */
.page-cms-10 .quienes_somos2 {
  padding: 0 !important;
  background: #f7f9fc;
  border-radius: 8px;
  padding: 30px !important;
}

.page-cms-10 .quienes_somos2 > h2 {
  font-size: 1.1rem;
  color: #333;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 2px solid #0069A6;
  line-height: 1.5;
}

.page-cms-10 .quienes_somos2 > h2 strong#h3ST {
  color: #0069A6;
  font-size: 1.2rem;
}

/* Tarjetas de ventajas */
.page-cms-10 .quienes_somos2 h3#h3ST {
  font-size: 0.85rem;
  font-weight: 700;
  color: #0069A6;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 20px 0 5px 0;
  padding-left: 12px;
  border-left: 3px solid #0069A6;
}

.page-cms-10 .quienes_somos2 p {
  font-size: 0.9rem;
  color: #555;
  margin: 0 0 5px 12px;
  line-height: 1.6;
}

/* PRECIO que quedó fuera del float - ocultarlo si está duplicado */
.page-cms-10 > h3#h3ST,
.page-cms-10 > p {
  display: none;
}

/* ===========================
   SOBRE NOSOTROS - Balsur
   =========================== */

.page-cms-4 h1#h1sub {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0069A6;
  border-left: 5px solid #0069A6;
  padding-left: 15px;
  margin-bottom: 30px;
}

/* Layout dos columnas limpio */
.page-cms-4 .quienes_somos1 {
  float: none !important;
  padding: 0 !important;
  width: 45% !important;
  float: left !important;
  margin-right: 5%;
}

.page-cms-4 .quienes_somos1 img {
  float: none !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,105,166,0.15);
  display: block;
}

.page-cms-4 .quienes_somos2 {
  padding: 0 !important;
  width: 50% !important;
  float: left !important;
}

/* Título y subtítulo */
.page-cms-4 h2#h2SN {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0069A6;
  margin-bottom: 10px;
}

.page-cms-4 h4#h2SN {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e8f0f7;
}

/* Párrafos - quitar padding-left inline */
.page-cms-4 .quienes_somos2 p {
  font-size: 0.92rem;
  color: #555;
  line-height: 1.7;
  margin-bottom: 10px;
  padding-left: 0 !important;
}

/* Firma */
.page-cms-4 .quienes_somos2 p:last-child {
  font-weight: 600;
  color: #0069A6;
  margin-top: 15px;
}

/* Clearfix */
.page-cms-4 #content::after {
  content: '';
  display: table;
  clear: both;
}





/* ===== LEYENDA PREFOOTER ===== */
.leyenda {
    background: #f0f7fb !important;
    padding: 15px 0 !important;
    text-align: center !important;
    border-top: 1px solid #dde8f0 !important;
    border-bottom: 1px solid #dde8f0 !important;
}

.leyenda_footer {
    color: #0069A6 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* ===== FOOTER OPTIONS ===== */
.footer-options {
    background: #fff !important;
    padding: 30px 0 !important;
    border-bottom: 1px solid #eee !important;
}

.footer-options .divInterior {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    display: flex !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
}

.footer-options .option {
    flex: 1 !important;
    min-width: 200px !important;
}

.footer-options .info-icon {
    font-size: 20px !important;
    color: #0069A6 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.footer-options .TituloCuadradito {
    display: block !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #222 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.footer-options .info-text {
    display: block !important;
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
}

.footer-options .highlight {
    color: #0069A6 !important;
    font-weight: 600 !important;
}

.footer-options .custom-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-options .custom-list li {
    font-size: 13px !important;
    color: #555 !important;
    padding: 2px 0 !important;
}

.footer-options .custom-list li::before {
    content: "- " !important;
}

.footer-options .phone-numbers {
    display: block !important;
    font-size: 13px !important;
    color: #555 !important;
    margin-bottom: 8px !important;
    margin-left: 5px !important;
}

.footer-options .email-link {
    color: #0069A6 !important;
    text-decoration: none !important;
}

.footer-options .fa {
    color: #0069A6 !important;
    margin-right: 4px !important;
}
.footer-container{
background-color: #0069A6 !important;
    padding-bottom: 10px;
}

.footer-left {
    float: left;
    width: 20%;
    position: relative;
}

.footer-container .footer-left {
    display: none !important;
}

.footer-container .footer-right {
    width: 100% !important;
    flex: 1 !important;
}
.footer-container .footer-right li a:hover{
    color: white !important; 
}

select.form-control:not([size]):not([multiple]) {
    height: 2.7rem !important;
}


#textoinfo {
    color: green; /* Color verde para el texto */
}

#textoMasInfo {
    color: orange; /* Color naranja para el texto del span */
    cursor: pointer; /* Cambia el cursor cuando se pasa sobre el texto */
}



/**/
/* Fondo oscuro que cubre toda la pantalla */
.fondoOscuro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo oscuro con opacidad */
    display: none; /* Ocultar por defecto */
    z-index: 998; /* Asegurarse de que el fondo esté detrás del div */
}

/* Estilo del div que contiene la información */
.textoMasinfo {
    position: fixed; /* Fijar el contenedor en la pantalla */
    top: 50%; /* Centrar verticalmente */
    left: 50%; /* Centrar horizontalmente */
    transform: translate(-50%, -50%); /* Ajustar la posición para centrar correctamente */
    background-color: white; /* Fondo blanco */
    color: black; /* Color de texto */
    border: 2px solid gray; /* Borde gris */
    padding: 20px; /* Espaciado interno */
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil para darle más énfasis */
    z-index: 999; /* Asegurarse de que esté sobre el fondo oscuro */
    max-width: 80%; /* Limitar el tamaño máximo del contenedor */
    max-height: 80%; /* Limitar la altura */
    overflow-y: auto; /* Hacer que el contenido sea desplazable si es necesario */
    display: none; /* Ocultar por defecto */
}


.close-btn {
    position: absolute; /* Fijar la posición en relación con el contenedor */
    top: 10px; /* Posición desde el borde superior */
    right: 10px; /* Posición desde el borde derecho */
    background: none;
    border: none;
    font-size: 20px;
    color: black;
    cursor: pointer;
}

.close-btn:hover {
    color: red; /* Cambia el color cuando el usuario pasa el ratón sobre el botón */
}

#cp_sidevertical_menu_top #top-menu {
    padding: 10px !important;
  
}

.cart_block.block.exclusive {
    z-index: 999999 !important;
}

.blockcart .cart_block {
    z-index: 999999 !important;
}
#featured-products .owl-item .thumbnail-container {
    height: 220px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#featured-products .owl-item .thumbnail-container a.product-thumbnail {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

#featured-products .owl-item .thumbnail-container a.product-thumbnail img {
    max-height: 200px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
}
#featured-products .product-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    height: 2.8em !important;
    line-height: 1.4 !important;
}
.cpcategory-container .owl-item {
    padding: 0 5px !important;
}

.cpcategory-container .categoryblock {
    min-width: 0 !important;
}

.cpcategory-container .cate-heading {
    width: 100% !important;
    overflow: hidden !important;
}

.cpcategory-container .cate-heading a {
    display: block !important;
    white-space: normal !important;        /* Permite salto de línea */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;      /* Máximo 2 líneas */
    -webkit-box-orient: vertical !important;
    word-break: break-word !important;
    min-height: 2.8em !important;          /* Altura consistente entre items */
    line-height: 1.4 !important;
}
.logo-confianza, .logo-confianza-en-linea{
 max-width:30% !important   ;
}
.bestseller-products .product-title a,
#featured-products .product-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
    height: 2.8em !important;
    line-height: 1.4 !important;
}

#cp_sidevertical_menu_top .menu-icon .material-icons.menu-open::after {
    content: 'close' !important;
    font-family: 'Material Icons' !important;
    font-size: 24px !important;
    color: white !important;
}

#cp_sidevertical_menu_top .menu-icon .material-icons.menu-open {
    font-size: 0 !important;
}

#cp_sidevertical_menu_top .menu-icon .material-icons.menu-close::after {
    content: 'close' !important;
    font-family: 'Material Icons' !important;
    font-size: 24px !important;
    color: white !important;
}

#cp_sidevertical_menu_top .menu-icon .material-icons.menu-close {
    font-size: 0 !important;
}

/* Cuando el menú está abierto, el botón menu-open muestra X */
#cp_sidevertical_menu_top.open .menu-icon .material-icons.menu-open::after,
#cp_sidevertical_menu_top .menu-icon.active .material-icons.menu-open::after {
    content: 'close' !important;
    font-family: 'Material Icons' !important;
    font-size: 24px !important;
    color: white !important;
}

#cp_sidevertical_menu_top.open .menu-icon .material-icons.menu-open,
#cp_sidevertical_menu_top .menu-icon.active .material-icons.menu-open {
    font-size: 0 !important;
    margin: 0px 20px 20px 10px;
}

#cp_sidevertical_menu_top .menu-icon .material-icons.menu-close {
    font-size: 0 !important;
}
#cp_sidevertical_menu_top .menu-icon .material-icons.menu-close::after {
    content: 'close' !important;
    font-family: 'Material Icons' !important;
    font-size: 24px !important;
    color: white !important;
}
#FlechaAbajo{
   height: 35px;
}/* Botones producto - layout horizontal */
.product-quantity {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    flex-wrap: wrap !important;
}

.product-quantity .product-double-quantity {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
}

.product-quantity .add {
    display: block !important;
    width: auto !important;
    margin-bottom: 0 !important;
}

.product-quantity .add .btn.add-to-cart {
    width: auto !important;
    padding: 12px 25px !important;
}

.product-quantity .wish-comp {
    display: block !important;
    width: auto !important;
}

.product-quantity .product-minimal-quantity,
#product-availability {
    display: none !important;
}

.disc-price_hola .discount-amount {
    background: #0069A6 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-left: 150px;
}

/* ========================================
   TABS PRODUCTO
   ======================================== */
.product-tabcontent .nav-tabs {
    border-bottom: 2px solid #0069A6 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-bottom: 20px !important;
}

.product-tabcontent .nav-tabs .nav-item .nav-link {
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 6px 6px 0 0 !important;
    background: #f5f5f5 !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.product-tabcontent .nav-tabs .nav-item .nav-link:hover {
    background: #e0eef7 !important;
    color: #0069A6 !important;
}

.product-tabcontent .nav-tabs .nav-item .nav-link.active {
    background: #0069A6 !important;
    color: #fff !important;
}

/* Contenido de la tab */
.product-tabcontent .tab-content {
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 0 8px 8px 8px !important;
    padding: 25px !important;
}

/* Texto descripción */
.product-tabcontent .product-description {
    font-size: 14px !important;
    color: #444 !important;
    line-height: 1.7 !important;
}

.product-tabcontent .product-description h3 {
    color: #0069A6 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin: 20px 0 10px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #eee !important;
}

.product-tabcontent .product-description .textoproducto {
    color: #0069A6 !important;
    font-weight: 600 !important
}
.eapps-google-reviews-list-item-review-badge,
.eapps-google-reviews-list-item-badge,
[class*="badge"],
.eapps-google-reviews-list-item-review-image-wrapper {
    display: none !important;
}
#cp_vertical_menu_top.sticky-menu {
    position: sticky;
    top: 0;
    z-index: 999;
}


body#index .container-home {
   
    align-items: flex-start;
}

body#index #left-column {
    position: sticky;
    top: 70px;
    align-self: flex-start;
    height: fit-content;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    flex-shrink: 0;
    width: 300px; /* ajusta al ancho real del menú */
    z-index: 10;
}

body#index #content-wrapper {
    flex: 1;
    min-width: 0;
}


/*.row {
    margin-left: 60px !important;
    margin-right: 200px !important;
}*/

#main .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.cpcategory-container .categoryblock .block_content .categoryimage img{
   width: 130px !important;
}

.product-add-to-cart .wish-comp {
    display: none !important;
}
.div_pictogram_wrapper {
    justify-content: space-between;
}

.div_pictogram_wrapper .st-compare-button {
    color: white;
 
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    background: #b7b4b4 !important;
}

.div_pictogram_wrapper .st-compare-button:hover {
    background: #f5f5f5;
    color: #333;
}
.disc-price_hola .discount-percentage {
    background: #0069A6 !important;
    color: #fff !important;
    padding: 6px 14px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-left: 10px !important;
}
body#index #cp_vertical_menu_top .vertical-menu {
 /*   display: none !important;*/
}

.modal-content .row{
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.eg-google-reviews-widget-o-badge {
    display: none !important;
}
#footer .footer-middle {
    margin: 0 !important;
    
}
#main .product-container {
    max-width: 100% !important;
    margin: 0 auto !important;
}
body#product #main {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    float: none !important;
    width: 100% !important;
}

body#product .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body#product .product-tabcontent {
    max-width: 100% !important;
    margin: 0 !important;
}

@media (max-width: 991px) {
    #cp_sidevertical_menu_top {
        transform: translateX(-100%) !important;
    }
    
    #cp_sidevertical_menu_top.slide {
        transform: translateX(0) !important;
    }

    #featured-products .owl-item .thumbnail-container,
    #bestseller-carousel .owl-item .thumbnail-container {
        height: 180px !important;
    }

    #cpcmsbanner1 {
        display: none !important;
    }

    #featured-products .owl-item .thumbnail-container a.product-thumbnail img,
    #bestseller-carousel .owl-item .thumbnail-container a.product-thumbnail img {
        max-height: 160px !important;
    }

    .special-products .product_item#productoOferta {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }

    .header-top .header-div .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }

    .header-top .header-div .container .header-center {
        display: flex !important;
        align-items: center !important;
        flex: 1 !important;
        gap: 8px !important;
    }

    .header-top .header-div .container .header-center .menu-container {
        flex-shrink: 0 !important;
    }

    .header-top .header-div .container .header-center #search_block_top {
        flex: 1 !important;
    }

    #header-quick-filters {
        display: none !important;
    }

    #subcategories .subcategories-list li {
        flex: 0 0 calc(33.333% - 10px) !important;
        max-width: calc(33.333% - 10px) !important;
    }

    #balsur-finder {
        height: auto !important;
        max-height: none !important;
        margin-bottom: 20px !important;
        padding: 15px 0 !important;
    }

    #balsur-finder .container > div {
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 20px 15px !important;
    }

    #balsur-finder div[style*="display: flex"][style*="gap: 15px"] {
        flex-direction: column !important;
    }

    #balsur-finder div[style*="flex: 1"] {
        min-width: 100% !important;
    }

    #balsur-finder button#balsur-buscar {
        width: 100% !important;
        justify-content: center !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    .searchtoggle {
        top: 0px !important;
    }

    #balsur-finder {
        height: auto !important;
        max-height: none !important;
        margin-bottom: 20px !important;
        padding: 10px 0 !important;
    }

    #balsur-finder .container > div {
        margin-left: 0 !important;
        margin-top: 0 !important;
        padding: 15px !important;
    }

    #balsur-finder div[style*="display: flex"][style*="gap: 15px"] {
        flex-direction: column !important;
    }

    #balsur-finder button#balsur-buscar {
        width: 100% !important;
        justify-content: center !important;
    }

    .page-cms-10 > div[style*="float: left"] {
        grid-template-columns: 1fr;
    }

    .page-cms-4 .quienes_somos1,
    .page-cms-4 .quienes_somos2 {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    body .fondoOscuro,
    body .textoMasinfo {
        display: none !important;
    }
}
@media only screen and (min-width: 992px) {
    #checkout #opc_main .opc-step .opc-step-header {
        padding: 1.5rem 1.5rem 1.5rem !important;
    }
}
#checkout #opc_main .opc-step .opc-step-body{
    padding: 1rem 1rem 1rem !important;
}

@media (max-width: 575px) {
    .special-products .product_item#productoOferta {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #subcategories .subcategories-list li {
        flex: 0 0 calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
    }
}
/* Solo en la página de direcciones/checkout */
body#checkout #content-wrapper.js-content-wrapper.left-column.right-column.col-sm-4.col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.layout-both-columns #content-wrapper, .layout-left-column #content-wrapper {
    width: 80% !important;
}
@media (min-width: 992px) {
    .row {
        margin-left: 60px !important;
        margin-right: 200px !important;
    }

    #main .product-container {
        max-width: 1100px;
        margin: 0 auto;
        float: none;
    }

    #main .product-tabcontent {
        max-width: 1100px;
        margin: 0 auto;
    }

    .product-tabcontent {
        max-width: 1100px;
        margin: 0 auto;
    }

    #balsur-finder .container > div {
        margin-left: 400px !important;
        margin-top: -21px;
    }
}
@media (max-width: 991px) {
    #balsur-finder > .container > div[style] {
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    #content.page-home {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
}

.header-nav, .header-nav a, .header-nav span, .header-nav i {
    color: white !important;
    font-size: 15px !important;
}

.information {
    color: black !important;
    font-size: 15px !important;
}


span > #desc_user_info{
	color: black !important;}


#desc_user_info a span,
#desc_user_info a {
    color: #333 !important;
}
#desc_user_info a.logout {
    color: #fff !important;
}

#desc_user_info a.information span.information { font-size: 0 !important; }
#desc_user_info a.information span.information::after { content: 'Información'; font-size: 14px !important; color: #333 !important; }

#desc_user_info a.history span.history { font-size: 0 !important; }
#desc_user_info a.history span.history::after { content: 'Historial de pedidos'; font-size: 14px !important; color: #333 !important; }

#desc_user_info a.order-slip span.order-slip { font-size: 0 !important; }
#desc_user_info a.order-slip span.order-slip::after { content: 'Vales de descuento'; font-size: 14px !important; color: #333 !important; }
.search_button{
	display: none !important;
}

@media (max-width: 480px) {
    .products .product_list article.product_item {
        width: 100% !important;
    }
}
@media (max-width: 991px) {
    #subcategories .subcategories-list li {
        flex: 0 0 calc(50% - 8px) !important;
        max-width: calc(44% - 8px) !important;
    }
}
.menu-container .menu-icon {
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
}

.menu-container .material-icons.menu-open::after {
    content: 'menu';
    font-family: 'Material Icons';
    font-size: 24px;
    color: #333;
}

.menu-container .material-icons.menu-open {
    font-size: 0;
}
/* Panel lateral hamburguesa */
#cp_sidevertical_menu_top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 300px !important;
    height: 100vh !important;
    background: #fff !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    transform: translateX(-100%) !important;
    transition: transform 0.3s ease !important;
    box-shadow: 4px 0 15px rgba(0,0,0,0.2) !important;
}

#cp_sidevertical_menu_top.slide {
    transform: translateX(0) !important;
}
#cp_sidevertical_menu_top .collapse-icons .material-icons.add::after {
    content: 'add';
    font-family: 'Material Icons';
    font-size: 18px;
    color: #333;
}
#cp_sidevertical_menu_top .collapse-icons .material-icons.add {
    font-size: 0;
}
#cp_sidevertical_menu_top .collapse-icons .material-icons.remove::after {
    content: 'remove';
    font-family: 'Material Icons';
    font-size: 18px;
    color: #333;
}
#cp_sidevertical_menu_top .collapse-icons .material-icons.remove {
    font-size: 0;
}
/* Subir botones + y - */
#cp_sidevertical_menu_top .pull-xs-right {
    position: relative;
    top: -3px;
}

/* Separar X del borde derecho */
#cp_sidevertical_menu_top .title_main_menu .menu-icon {
    margin-right: 15px;
}

/* ========================================
   CHECKOUT - ONE PAGE
   ======================================== */
#opc_main {
    max-width: 1200px !important;
    margin: 0 auto !important;

}

#opc_content .col-lg-7 {
    flex: 0 0 56% !important;
    max-width: 56% !important;
    padding-right: 30px !important;
}

#opc_content .col-lg-5 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

/* Pasos sin borde */
.opc-step {
    margin-bottom: 20px !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #eee !important;
    overflow: visible !important;
}

.opc-step-header {
    padding: 15px 0 !important;
    background: transparent !important;
}

.opc-step-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0069A6 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.opc-step-body {
    padding: 20px 0 !important;
}

/* Carrito limpio 
#opc_step_cart_header {
    background: transparent !important;
    padding: 15px 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #0069A6 !important;
}

#opc_step_cart_header .opc-step-title {
    color: #222 !important;
    font-size: 16px !important;
}
*/

@media only screen and (min-width: 992px) {
    .cart-summary-line .value {
        color: #0069A6 !important;
        font-weight: bold;
    }
}

#opc_cart_total_products {
    background: #0069A6 !important;
    border: none !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    padding: 4px 12px !important;
}

/* Barra progreso */
.opc-progress {
    margin-bottom: 40px !important;
    padding: 0 !important;
}

.opc-progress__bar {
    height: 3px !important;
    background: #eee !important;
    border-radius: 3px !important;
}

.opc-progress__bar-fill {
    background: #0069A6 !important;
    height: 3px !important;
}



.opc-progress__step--active .opc-progress__step-icon {
    background: #0069A6 !important;
    border-color: #0069A6 !important;
    color: #fff !important;
}

.opc-progress__step-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #999 !important;
    margin-top: 6px !important;
}

.opc-progress__step--active .opc-progress__step-label {
    color: #0069A6 !important;
}

/* Campos formulario */
.opc-form .form-control {
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    height: auto !important;
}

.opc-form .form-control:focus {
    border-color: #0069A6 !important;
    box-shadow: 0 0 0 3px rgba(0,105,166,0.1) !important;
}

/* Botón continuar */
.opc-step-footer .continue,
#btn-register-customer,
.opc-step-footer button {
    background: #0069A6 !important;
   
}
#checkout #opc_main #payment-confirmation button {
background-color: #0dbf13;
    border-color:#0dbf13;
    width: 100%;
    text-transform: uppercase;
    font-size: calc(var(--pts-font-size-base, 1) * .875rem);
    font-weight: 600;
    color: var(--pts-btn-checkout-color);
}

.opc-step-footer .continue:hover,
#btn-register-customer:hover {
    background: #0069A6 !important;
}

/* Producto en carrito */
.media-list .media {
    padding: 15px 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
/*
.media-object {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 5px !important;
}*/

.product-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

.product-line-info {
    font-size: 12px !important;
    color: #777 !important;
}

.cart-summary-totals .cart-total .value {
    color: #0069A6 !important;
}

.product-total-price {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0069A6 !important;
}

/* Totales */
.cart-summary-line .label {
    font-size: 13px !important;
    color: #555 !important;
}

.cart-summary-line .value {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.cart-total .label,
.cart-total .value {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

/* Checkout más ancho */
#opc_main {
    max-width: 100% !important;
  
}

#opc_content {
    display: flex !important;
    flex-wrap: nowrap !important;
}

#opc_content .col-lg-7 {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    padding-right: 40px !important;
}

#opc_content .col-lg-5 {
    flex: 0 0 38% !important;
    max-width: 38% !important;
}

/* Quitar el margen lateral que aplica tu .row general */
body#checkout .row,
body#order .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body#checkout #main,
body#order #main {
    max-width: 100% !important;
    padding: 0 !important;
}
/* Contenedor de pictogramas en miniaturas */
.product-miniature.js-product-miniature .div_pictogram {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

.product-miniature.js-product-miniature .div_pictogram img {
    width: 24px !important;
    height: auto !important;
}

/* Separadores entre pictogramas (las líneas verticales) */
.pureproductpictogram.categorias {
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    border-right: 1px solid #ccc;
}

.pureproductpictogram.categorias:last-child {
    border-right: none;
}

/* Ocultar pictogramas en móvil si lo quieres como en balsur */
@media (max-width: 768px) {
    #listaProductos .div_pictogram {
        display: none !important;
    }
}

/* Forzar misma altura en el bloque de pictogramas */
.product-miniature .div_pictogram {
    min-height: 60px !important;
    align-content: flex-start !important;
}

/* Si un producto no tiene pictogramas, reservar el espacio igualmente */
.product-miniature .product-description::before {
    content: "";
    display: block;
    min-height: 0;
}

/* ====== Quickview modal - mejora de imágenes ====== */

/* Contenedor de imágenes */
.modal .images-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Imagen principal: limitar altura para que no ocupe tanto */
.modal .product-cover {
    width: 100%;
    max-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
}

.modal .product-cover img.js-qv-product-cover {
    max-width: 100% !important;
    max-height: 400px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Fila de miniaturas: horizontal con scroll si sobran */
.modal .js-qv-mask.additional_slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.modal #additional-carousel {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 4px 2px !important;
    margin: 0 !important;
    list-style: none !important;
    scroll-behavior: smooth;
}

.modal #additional-carousel .thumb-container {
    flex: 0 0 auto !important;
    width: 80px !important;
    height: 80px !important;
    margin: 0 !important;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s;
}

.modal #additional-carousel .thumb-container:hover,
.modal #additional-carousel .thumb-container a.active {
    border-color: #2064af;
}

.modal #additional-carousel .thumb-container img.thumb {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* Scrollbar horizontal sutil */
.modal #additional-carousel::-webkit-scrollbar {
    height: 6px;
}
.modal #additional-carousel::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}
.modal #additional-carousel::-webkit-scrollbar-thumb:hover {
    background: #2064af;
}

/* Ocultar flechas antiguas del carrusel (no las necesitamos con scroll) */
.modal .customNavigation .additional_prev,
.modal .customNavigation .additional_next {
    display: none !important;
}