/* ========================GENERAL STYLES=============================== */



body{

    color: var(--dark-color);

}



pre{

   

    margin: 0;

    padding: 0;

    width: 100vw;

    

}


h2.title{

    text-transform: uppercase;
}




select[multiple] {
    width: 250px; /* Ancho del select */
    height: auto;
    max-height: 100px; /* Altura máxima por defecto */
    overflow-y: auto; /* Habilitar desplazamiento vertical cuando sea necesario */
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    font-size: 16px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    transition: max-height 0.3s ease; /* Transición suave */
}

select[multiple]:hover {
    
    height: 50vh;
    max-height: 50vh; /* Cambia la altura máxima al hacer hover */
    z-index: 10; /* Asegúrate de que esté encima de otros elementos */
}

select[multiple] option {
    padding: 8px;
    font-size: 16px;
    color: #333;
}





/* h1, .h1 { font-size: 2rem;  text-transform: initial; }
h2, .h2 { font-size: 1.75rem; text-transform: initial;}
h3, .h3 { font-size: 1.5rem; text-transform: initial; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.875rem; } */

.w-auto{
  width: auto;
}
.h-auto{
  height: auto;

}
/* Margen superior (Margin Top) */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

/* Margen inferior (Margin Bottom) */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Margen(Margin Start) */
.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }



/* Relleno superior (Padding Top) */
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Relleno inferior (Padding Bottom) */
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Relleno izquierdo y derecho (Padding Start) */
.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

/* Relleno izquierdo y derecho (Padding Start) */
.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }



/* Margen (Margin) */
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }

/* Relleno (Padding) */
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }

/* - Margen (Margin) */
.-m-0 { margin: 0 !important; }
.-m-1 { margin: -0.25rem !important; }
.-m-2 { margin: -0.5rem !important; }
.-m-3 { margin: -1rem !important; }
.-m-4 { margin: -1.5rem !important; }
.-m-5 { margin: -3rem !important; }

/* .tiktok{
  background-image: url(../css/fonts/tiktok.svg);
  background-size: 22px 20px !important; 
} */

.d-flex{
  display: flex;
  flex-wrap: wrap;
}
.flex-row{
    flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.d-flex.center, .center{
  justify-content: center;
  align-items: center;
}
.justify-content-center{
  justify-content: center;
}

.align-items-center{
  align-items: center;
}

.label, label{
  text-align: justify;
}

.float-left{
 
  float: left;
}
.float-right{
 
  float: right;
}

.alert{
  position: relative;
  z-index: 10;
  opacity: 1;
}




.show{

    display: block;

    opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

    visibility: visible;

}

.hide{

    display: none;

}



.top-menu .sub-menu li, .top-menu .sub-menu.collapse li{
    display: block;
    visibility: visible !important;
    opacity: 1 !important;
}


.btn-buy-now, .btn-primary-boreded{
  
  
    color: var(--primary-color) !important;
    background-color: transparent !important;
    border: solid 2px var(--primary-color) !important;
    padding-top: -4px !important; 
    padding: 10px 10px;
    
  }
  
  .btn-sm,
  .btn-sm{
  
    padding-top: .25rem ;
    padding-bottom: .25rem ;
  
  }
  
  .btn-buy-now{
    margin-left: 10px;
   /* padding-top: 8px !important;  */
  }
  
  .btn-buy-now:active,
   .btn-buy-now:focus,
   .btn-primary-boreded:focus,
   .btn-primary-boreded:active
   
   {
  
    color: var(--light-color) !important;
    border: solid 2px var(--primary-color) !important;
  }
  
  .btn-buy-now:hover,
  .btn-primary-boreded:hover
  
  {
    color: var(--light-color) !important;
    background-color: var(--primary-color)  !important;
  }
  .btn-primary-boreded.disabled,
  .btn-buy-now.disabled{
    cursor: no-drop;
    opacity: 0.7;
  }
  
  
  .btn-default-boreded,
  .btn-default-boreded:focus,
  .btn-default-boreded:active
  {
    background-color: transparent !important;
   color: var(--complementary-color) !important;
   border: solid 2px var(--complementary-color) !important;
   padding: 10px 10px;
  }
  
  
  .btn-default-boreded:hover
  {
   color: var(--light-color) !important;
   background-color: var(--complementary-color)  !important;
  }
  .btn-default-boreded.disabled
  {
   cursor: no-drop;
   opacity: 0.7;
  }


  .js-address-form .col-md-offset-3{
    display: none;
  }

/* #search_filters_wrapper{

    display: none;

} */

/* #search_filters .facet .facet-title:hover + .collapse {
    display: block;
} */

#search_filters .facet-title::after {
    position: absolute;
    content: '\25BC'; /* Flecha hacia abajo (desplegado) */
    font-size: 16px;
    margin-right: 10px;
    transition: transform 0.3s ease; /* Animación para rotar la flecha */
    right: 0;
}

#search_filters .collapse::visible + .facet-title::after {
    content: '\25B2'; /* Flecha hacia arriba (colapsado) */
    transform: rotate(180deg); /* Rotación de la flecha */
}

.faceted-overlay{
    display: none;
}



.collapse .row{

    display: flex;

}

.top-menu .popover.sub-menu, .top-menu .popover.sub-menu.collapse {
    visibility: visible !important;
    opacity: 1 !important;
}



.customNavigation {

   

    opacity: 1;

    -khtml-opacity: 1;

    -webkit-opacity: 1;

    -moz-opacity: 1;

}



.page-my-account #content .links a i{

    color: var(--primary-color);

}


.popover{

    max-height: 100vh;

}

.modal {
    background-color: rgba(0, 0, 0, 0.6); /* Fondo oscuro con transparencia */
}



.modal-backdrop{
    all: unset !important;
}


.modal .modal-content .modal-header{

    background-color: var(--primary-color);

}



.modal-header .modal-title,

#blockcart-modal .modal-title

{

    color: var(--light-color);

}



.modal-dialog-centered{

    min-height: auto;

}


.modal.fade.in .modal-dialog{
    transform: translate(0,0);
} 

.header-top .header-div{
    background-color: var(--complementary-color);
}

/* .featured-products.section-products-gl{

    background: linear-gradient(50deg, var(--primary-color) ,  var(--color-1));

    padding: 20px 0px;



}



.featured-products .title{



    color: var(--light-color) !important;

}



.section-products-gl .products .product_list .product {



    background-color: white;

} */









.featured-products.section-products-gl,

.newproducts.section-products-gl,

.bestseller-products.section-products-gl,

.testimonial-block-part,

.product-tabcontent

{

    background: #f5f5f5;

    padding: 30px 0px;



}

.tabs .tab-pane{

    background-color: transparent;

}

#index .title{
    border-bottom: 3px solid var(--primary-color) ;
}

.tab-pane .product-description{

    padding-left: 10px;

    padding-right: 10px;

}





.section-products-gl .products .product_list .product {



    background-color: white;

}


#cpserviceblock .card-header{
    background-color: var(--complementary-color);
    color: var(--light-color);
}

.bt_adf_productResults .product{

    max-width: 300px;
    margin: 10px;

}

.bt_adf_productResults  .highlighted-informations .quick-view{
    display: none;
}

.bt_adf_productResults .product .product-options{
    
    flex-direction: column;
    
}

.bt_adf_productResults .product .product-options > div{
    margin: 5px;
    max-width: 50px;
}

.products .product_list article.product_item{


    border-radius: 10px;
    border: 3px solid var(--my-secondary-color) !important;
    margin: 10px ;
    padding: 10px;
}

.bt_adf_productResults .product-miniature{
    border: 3px solid var(--my-secondary-color) ;
    border-radius: 10px;
}
.bt_adf_productResults .products .product-miniature{
    border-radius: 10px;
    border: 3px solid var(--my-secondary-color);
}
.bt_adf_productResults .wishlist-button-add{

    display: none;
}



#cpcmsbanner2,

#cpcmsbanner3,

#cpcmsbanner4

{



    background: linear-gradient(50deg, var(--primary-color) ,  var(--color-1));

    padding: 20px 0px;

}





.product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .cart-line-product-actions-main .remove-from-cart .product-line-grid-right .product-price .remove-from-cart {



    color: #E17031;

}



.h3, h3 {

    font-size: var(--title-font-size);

}



.products .thumbnail-container, .product-accessories .thumbnail-container {

    text-align: center;

}



#content .h1,

.block-categories .block_title,



.block_content .icon

{

    color: var(--complementary-color);

}



.block-category .h1{

    color: var(--primary-color);

}

#checkout .continue{

    margin-top: 10px;

    margin-bottom: 10px;

}

#checkout-personal-information-step a{
    color: var(--complementary-color);

    font-weight: 600;
}

#checkout-personal-information-step a:hover{
    color: var(--light-color);
    background-color: var(--primary-color);
}


.block_newsletter{
    background-color: var(--complementary-color);
}
.product-flags{
    background-color: #c02b02;
    border-radius: 20px;
    /* position: absolute; */
    margin-top: 10px;
    left: 0;
    width: auto;
    color: #ccc;
}

.form-control,input:not(.input-group input), button:not(.input-group button, .btn-link), select:not(.input-group select), textarea:not(.input-group textarea),.btn:not(.input-group .btn, .btn-link) {
    /* display: block; */
    border-radius: 40px;
    -webkit-border-radius: 40px !important;
    border-bottom: solid 3px var(--complementary-color);

}

.product-quantity .alert{
    display: none;
}

.bt_adf_item_searchbox{
    border-radius: 10px;
}

.input-group .form-control{
     border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.form-control-select {

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    background-image: url("../img/megnor/controll.png");

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 1.25rem 1.25rem;

    padding-inline-end: 2rem;

}





.input-group-btn label {

    white-space: nowrap;

}



#content .form-group.center-email-fields{

    flex-wrap: wrap;

}



#breadcrumb_wrapper,

.breadcrumb .container

.breadcrumb{

    width: initial; 

}

.breadcrumb{

    background-color: transparent;

}



.breadcrumb li a span{

    color: var(--primary-color);

}



.condition-label a{

    color: var(--complementary-color);

}

.add-address {



    margin-bottom: 20px;

}

.add-address a{

    color: var(--primary-color);

    font-weight: 600;

    margin-bottom: 20px;

}

.address.alert-warning{color: brown;font-size: 0.9rem;margin-left:10px;}

/* #content-wrapper{



    display: flex;

    width: 100% !important;

    max-width: 100%; 

    float: none; 

} */



/*

#content-wrapper.col-sm-4,

#content-wrapper.col-md-6,

#content-wrapper[class^="col-"] {

    all: unset;

    float: left;

} */



.row > *:not([class*="col"]) {

    padding-left: 0;

    padding-right: 0;

}





.customNavigation i.prev::before {

    font-family: 'Font Awesome 6 Free';

    content: "\f100";

    -webkit-mask-image: none;

    mask-image: none;

    background-color: transparent !important;

    color: var(--complementary-color) !important;

  

    font-size: 100%;

  

}



.customNavigation i.next::before {

    font-family: 'Font Awesome 6 Free';

    content: "\f101";

    -webkit-mask-image: none;

    mask-image: none;

    background-color: transparent !important;

    color: var(--complementary-color) !important;

  

    font-size: 100%;

  

}



.product-description .product-title,

.product-description .product-title a {

    min-height: 2.6em;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2; /* Limita el texto a 2 líneas */

    -webkit-box-orient: vertical;

    white-space: normal;

}

.products .grid article.product_item{



    max-width: 300px ;

}







#additional-carousel.item-flex{



    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    gap: 5px;

}



.text-right{

    text-align: right;

  }

 

  .products-selection .sort-by{

    margin-left: 0;

  }

 

  #js-product-list-header .card-block{

    padding-left: 0;

  }



  
  .tabs .nav-tabs .nav-item{

        padding-left: 15px;
  }



/* .customNavigation i.prev:hover::before {

    background-color: transparent ;

    color: var(--complementary-color);



} */







/* ========================GENERAL HIDDEN=============================== */

/* .nav-item .nav-link[href="#product-details"] {

    display: none;

} */







/* .sidevertical-menu #manufacturers{



    display: none !important;

} */



/* ========================contact=============================== */

#contact #wrapper{

    position: relative;

    background-color: transparent;

    background: transparent;

    background-image: url('/img/cms/img-contact/contact-2.png');

    /* background-size: 100% auto; */

    background-size:cover;

    background-position: left; /* Centra la imagen en pantallas grandes */

    background-repeat: no-repeat;

   

}





#contact #wrapper::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.5); 

    z-index: 0; 

    pointer-events: none; 

}



#contact #wrapper .contact-form,

#contact #wrapper .card,

#contact #wrapper #content-wrapper

{

    background-color: transparent;

    background: transparent;



}





/* ============================logo============================ */



#_desktop_logo img {

    max-width: 150px;
    border-radius: 10px;

}
.account-code span{
    color: var(--light-color);
}
#header #_desktop_user_info .account,
.blockcart-header .cart-products-counthome,
.blockcart-header .fa-cart-shopping
{
    color:  var(--light-color) !important;
}



#search_block_top #search_query_top{

    max-width: 300px;

}



/* ============================header============================ */





#header .header-nav .left-nav{

    display: flex !important;

}

.left-nav #_contact_info {

    display: flex;

    flex-direction: row;

    grid-gap: 28px;

    align-items: center;

}



.left-nav #_contact_info i{

    color: var(--primary-color);

   

    grid-gap: 28px;

}


#ps_customersignin{
    display: flex;
     flex-direction:row;
     flex-wrap:wrap
}

#ps_customersignin > div{
    width: 100%;
}




#wrapper-top .container{

    margin: 0;

    padding: 0;

    left: 0;

    width: 100%;

    max-width: 100%;

}

#wrapper-top .flexslider{

    position: relative;

    width: 100%;

    padding-inline-end: 0px;

}





#wrapper-top .flexslider .caption-description{

    padding: 20px;

}



#_desktop_user_info .sign-in, #_desktop_user_info .sign-in:hover, #header #_desktop_user_info .account{

    font-weight: 800;

    color: var(--primary-color);

}



.special-products .special_container.container, #search_block_top #search_query_top{



    border: solid 4px var(--complementary-color) !important;

    padding: 6px 14px;

}



/* #search_block_top .btn.btn-primary{



    padding: unset;

} */



.blockcart-header .fa-cart-shopping{

        color: var(--primary-color);

        margin-left: 8px;

}

.blockcart-header .cart-products-counthome{
    background-color: var(--primary-color) !important;
}



#header .header-top-main > .container{

        display: flex;

        justify-content: space-between;

        align-items: center;



       padding-top: 5px;

       padding-bottom: 5px;

}



#header .header-top-main .menu-container .cat-title{

    flex-wrap: nowrap;

    white-space: nowrap;

    

}

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

    /* min-width: 450px; */

    justify-content: end;

}



.header-top .header-div .container .header-right {

    display: flex;

    gap: 15px;

    max-width: 25%;

    align-items: end;

    align-items: center;

}



#header .header-top .blockcart .header .icon_menu{

    position: relative;

    /* top: 12px; */

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}



#header .header-top .blockcart .header .icon_menu .cart-products-counthome{

    top : -14px;

}





/* #header .header-top-main.bg_main .menu{

    

    width: 100% ;

} */

/* #header .header-top-main #_top_main_menu .top-menu{



    display: flex;

    justify-content: flex-end;

    width: 100% ;

    float: right;

} */

#main .page-header .logo {

    padding: 10px;

}

#main .page-header .logo img{

    max-width: 100%;

}



#header .header-top-main .container.mobile{

    margin: 0;

}



#header .header-top-main .menu-container .cat-title{

    color: var(--primary-color);

}

#header .header-top-main .menu-container .cat-title i{

    color: var(--complementary-color);

}



.sidevertical_menu_top .menu{

    display: block !important;

    padding: 10px 0 !important;

}

.sidevertical_menu_top .menu a{

    margin-left: 10px;

    margin-right: 10px;

}

.sidevertical_menu_top  .top-menu a{

   color: var(--primary-color) !important;

}



.sidevertical-menu .line_sidebar_menu_top{

    border-bottom: solid 4px var(--complementary-color);

}



.vertical-side-top-text{

    background: none;

}



/* Aplica cuando el menú está expandido */
.collapse.show,
.collapse.in {
  display: block;
  height: auto !important;
  overflow: visible !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Asegura que top-menu se adapte al contenido */
.top-menu {
  height: auto !important;
  overflow: visible !important;
}

/* Esto es opcional si estás usando animaciones */
.collapse {
  transition: height 0.3s ease;
}



.tabapli tr:first-child {
    background-color: #D35400 !important;
    color: #fff;
}

table.tabapli {
    background-color: #FBF2F0;
}

.tabapli td {
    text-align: center;
    padding: 9px 10px;
}


/* #_top_main_menu .top-menu .collapse {



    display: none ;

} */

#_top_main_menu  #top-menu .sub-menu {

    z-index: 12;

}

#_top_main_menu #top-menu .sub-menu .top-menu{

    position: relative;

    display: flex;

    flex-wrap: wrap;

    gap: 2px;

    overflow-y: auto;

   

}



#_top_main_menu #top-menu .sub-menu .top-menu li{

    max-width: 100%;

 

}



#_top_main_menu #top-menu .sub-menu .top-menu .dropdown-submenu{

    color: var(--primary-color);

    border-bottom: solid 2px var(--complementary-color);

    margin-bottom: 5px;

}



#header #sidevertical_menu #top-menu.top-menu[data-depth="0"]{

    padding: 10px 0;

}

#header #sidevertical_menu #top-menu.top-menu[data-depth="0"] a{

    margin-left: 10px;

    margin-right: 10px;

}



#cpsearch_eccept_data .content-ajax-search{

    position: relative;

    overflow: auto;

    height: 400px;

    z-index: 10;



}



#cp_sidevertical_menu_top .top-menu a {

    color: var(--complementary-color);

    font-weight: 600;

}



#cp_sidevertical_menu_top .top-menu li:hover {

    background-color: var(--color-3);

}





#header #search_block_top > .search_button {

    margin-top: -7px;

    position: absolute;

    z-index: 4;

}



/* #searchbox > .btn{



    width: auto ;

   



} */





.flexslider .slides img{

     width: 100%;

     max-height: 100vh;

     /* object-fit: cover; */

}



/* ===========================LEFT COLUMN=============================================== */





#left-column::after {

    content: '';

    display: block;

    border-top: solid 0.33rem var(--complementary-color); 

    width: 100%; 

    position: absolute; 

    top: -15px; 

    left: 0; 

    height: 0;

}



.block-categories .block_content .collapse-icons,

.block-categories .block_content .arrows{

    position: absolute;

    /* top: 10px; */

}



.block-categories .block_content .collapse-icons i ,

.block-categories .block_content .arrows i {

    padding: unset;

    display: block;

    border-radius: 50%;

    border: 1px solid var(--complementary-color) !important;

    width: unset;

    height: unset;

    color: var(--complementary-color) !important;

    padding: 2px;

    padding-top: 3px;

    

}





/* ===========================PAGE CONTENT=============================================== */



.distributor-message {

    background-color: #f9f9f9; /* Fondo suave para resaltar el texto */

    border-left: 5px solid #007bff; /* Barra lateral de color */

    padding: 15px 20px; /* Espaciado interno */

    font-family: 'Arial', sans-serif; /* Fuente clara y legible */

    font-size: 1.1em; /* Tamaño de fuente ligeramente mayor */

    color: #333; /* Color del texto */

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */

    border-radius: 8px; /* Esquinas redondeadas */

}



.distributor-message p {

    margin: 0; /* Eliminar margen del párrafo */

    line-height: 1.6; /* Espaciado de líneas */

}



.distributor-message p:first-child {

    font-weight: bold; /* Resaltar la primera oración */

    color: #007bff; /* Color de acento */

}



.distributor-message p:last-child {

    margin-top: 10px; /* Espacio antes de la última oración */

    font-size: 1.2em; /* Hacer la última oración un poco más grande */

    color: var(--dark-color); /* Color llamativo para la bienvenida */

}









#cms .page-header{

    display: none;

}


#cms .title{
    margin-top: 30px;
    margin-bottom: 20px;
    color: var(--primary-color);
}

#cms .ventas{
    display: flex;
    flex-wrap: wrap;
}

#cms .ventas .item{
    margin: 10px;
    max-width: 200px;
}


#content .page-title,

#cms .page-title{

    color: var(--complementary-color) !important;

    font-weight: 600;

    margin-bottom: 20px;

}

.cms_content a{

    color: var(--primary-color);

}



.text-content li {

    margin-left: 10px;

    list-style:circle

}



.page-content .subtitle-icon i{

    color: var(--complementary-color);

    margin-right: 5px;

}





.page-content .text-banner{

    display: block;

    margin: 10px 0px;

    background-color: var(--complementary-color);

    padding:  10px 10px;

    border-radius: 5px;

    padding-left: 10px;

    color: var(--light-color);

    cursor: pointer;

}

.link-bordered {

    cursor: pointer;

    padding: 0.125rem 0.3125rem; 

    border: solid var(--complementary-color) 0.0625rem; /* 1px equivalent */

    width: auto; /* Esto ajustará el ancho al contenido */

    display: inline-block; /* Asegura que el ancho sea solo el necesario */

    border-radius: 5px;

}



.border-1rem {

    border-width: 0.0625rem; /* 1px equivalent */

}



.border-2rem {

    border-width: 0.125rem; /* 2px equivalent */

}



.border-3rem {

    border-width: 0.1875rem; /* 3px equivalent */

}



.border-4rem {

    border-width: 0.25rem; /* 4px equivalent */

}



.border-5rem {

    border-width: 0.3125rem; /* 5px equivalent */

}







.card-row .rounded-circle {

    width: 100%;

    min-width: 200px;

    min-height: 200px;

    max-width: 300px;

    max-height: 300px;

    background: linear-gradient(50deg, var(--primary-color) ,  var(--color-green)); /* Degradado de color */

    color: #fff;

    border-radius: 50%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    position: relative;

    /* box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3), -5px -5px 20px rgba(0, 0, 0, 0.3); Sombra para efecto 3D */

   

}

.shake{

    transition: transform 0.2s ease-in-out; /* Transición para suavizar el efecto */

}



.shake:hover {

    animation: shake 0.5s; /* Aplica la animación de temblor */

    animation-iteration-count: 1; /* Repite la animación una vez */

}



/* Definición de la animación de temblor */

@keyframes shake {

    0% { transform: translate(1px, 1px) rotate(0deg); }

    10% { transform: translate(-1px, -2px) rotate(-1deg); }

    20% { transform: translate(-3px, 0px) rotate(1deg); }

    30% { transform: translate(3px, 2px) rotate(0deg); }

    40% { transform: translate(1px, -1px) rotate(1deg); }

    50% { transform: translate(-1px, 2px) rotate(-1deg); }

    60% { transform: translate(-3px, 1px) rotate(0deg); }

    70% { transform: translate(3px, 1px) rotate(-1deg); }

    80% { transform: translate(-1px, -1px) rotate(1deg); }

    90% { transform: translate(1px, 2px) rotate(0deg); }

    100% { transform: translate(1px, -2px) rotate(-1deg); }

}







.card-row .d-block{

    font-size:  1.5rem;

     font-weight: 700;

}





.block_content {

    position: relative;

    overflow: hidden;

    border-radius: 5px;

  }



.block_content .categorylist {

    position: absolute;

    bottom:  0;

    left: 0;

    width: 100%;

    height: auto;

    opacity: 1;

    background-color: rgba(0, 112, 179, 0.8);

    transition: bottom 2s ease-in, opacity 2s ease-in, height 2s ease-in;

    display: flex;

    justify-content: center;

    align-items: center;

    pointer-events: none; /* para que no sea clickeable inicialmente */

    z-index: 100;

  }



  .block_content:hover .categorylist {

    top: 0;

    height: 100%;

    background-color: rgba(0, 112, 179, 0.8); /* azul transparente */

    opacity: 1; /* mostrar al hacer hover en el contenedor padre */

    pointer-events: auto; /* habilitar eventos de puntero cuando se muestra */

    cursor: pointer;

  }











  /* .block_content .categorylist {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: opacity 0.3s ease; 

    display: flex;

    justify-content: center;

    align-items: center;

    pointer-events: none; 

    z-index: 100;

  } */





  /* Estilos adicionales para mejorar la apariencia */

  .block_content .categorylist a {

    color: white; /* color de texto */

    text-decoration: none; /* quitar subrayado */

    font-weight: bold;

    

  }



  .cpcategory-container .categoryblock .block_content .categorylist .cate-heading {



        font-size: small;

        text-transform: uppercase;

  }







  

.collapse-i {

    position: relative;

    margin-right: 40px;

}



.collapse-i i {

    display: none;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%); /* Centra verticalmente el ícono */

    padding: 0;

    cursor: pointer;

    border: 2px solid var(--complementary-color);

    border-radius: 50%;

    font-weight: 500;

    font-size: large;

    width: auto;

    height: auto;

    transition: top 0.3s ease, transform 0.3s ease; /* Añade una transición para suavizar el movimiento */

    color: var(--complementary-color);

}



  .collapse-i i.remove {

    display: block; 

}



.collapsed .collapse-i i.remove {

    display: none; 

}



.collapse-i i.add {

    display: none; 

}



.collapsed .collapse-i i.add {

    display: block; 

}



.card-body{

    padding:20px 10px;



}











/* =======================================BTN========================================================== */



/* .btn {

    background-color: var(--complementary-color);

    color: var(--light-color);

} */





.btn-link{

    color: var(--primary-color);

}

.btn-link:focus,

.btn-link:hover{

    text-decoration: none !important;

}



.card-header .btn-link{

    padding-left: 0;

    text-align: left;

    font-weight: 700;

    text-decoration: none;

}





/* =======================================PRODUCTS========================================================== */



.imagewrapper img {

    transition: transform 0.3s ease;

  }

  

  .imagewrapper:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

  }

  

  .imagewrapper {

    overflow: hidden;

  }



  /* Estilos para el carrusel horizontal */
  /* .js-qv-mask.additional_slider {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow-x: hidden;
    scrollbar-width: thin; 
  }
  
  .js-qv-mask ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .thumb-container {
    flex: 0 0 auto;
    margin-right: 10px;
  }
  
  .thumb {
    max-width: 100px;
    max-height: 100px;
    object-fit: cover;
  }
  
  .customNavigation {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
  }
  
  .customNavigation .btn {
    cursor: pointer;
    font-size: 24px;
  }
   */
   
   .quickview #additional-carousel2{
    display: none;
   }







#products .product-description, .products .product-description, .product-accessories .product-description{

    float: none;

}



/* .owl-carousel .owl-item{

    min-height: 1px;

} */



.section-products-gl  .owl-carousel {

    width: 80%; 

    margin: 0 auto; 

    float: none;

}



.section-products-gl .owl-wrapper{

    /* max-width: 100% ; */

}



.section-products-gl .products .product-miniature{

    border: none;

 }



.section-products-gl .products .product_list article.item{

    float: none;

    max-width: 300px;

    margin-left: 5px;

    margin-right: 5px;

    margin: auto;

}

.section-products-gl .products .product_list .product{

    margin-top: 10px;

    margin-bottom: 10px;

    border: 3px solid var(--my-secondary-color);

    border-radius: 10px;

    transition: transform 0.3s, box-shadow 0.3s;

}



  

.section-products-gl .products .product_list .product:hover {

    /* Cambiar el tamaño y la sombra cuando el cursor está sobre el elemento */

    transform: translateY(-5px); /* Mueve el elemento hacia arriba */

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Añade una sombra más pronunciada */

}



.product-flag.new, .quickview li.product-flag.new, .product-leftside li.product-flag.new, .products li.product-flag.new, #product_comparison li.product-flag.new {

    display: block;

    background-color: var(--complementary-color) !important;

    color: var(--light-color) !important;

}


.products .product-reference .cantidad,
.product-line-info .cantidad
{

    background-color: var(--primary-color);
    /* border: solid 2px var(--primary-color); */
    /* color: var(--complementary-color); */
    color: var(--light-color);
    font-size: x-small;
    padding: 0px 10px ;
    border-radius: 20px;
}

.product-line-info .cantidad{
    margin-top: 10px;
}


.products .product-reference,

.products .product-reference .reference {

    text-align: start;

    color:  var(--complementary-color);

    font-size: var(--font-size-large);

    font-weight: 600;

    line-height: 26px;

}



.products .product-bottom .add-to-cart-button button{

    width: 100%;

}



.products .product_list {

    justify-content: center;

    

}



.product_list .add-to-cart{



    font-size: 0.8rem;

}



.product-foo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}


.product-foo .add-to-cart{
    padding-left: 15px;
    padding-right: 15px;
    /* font-size: 13px; */
    white-space: nowrap;
}
.product-foo .qty{
    max-width: 70px;
    display: none;
}

.product-foo .qty input {
    -moz-appearance: textfield; /* Firefox */
    -webkit-appearance: none; /* Chrome, Safari, Edge */
    appearance: none; /* Estándar */
}

.product-foo .qty input::-webkit-outer-spin-button,
.product-foo .qty input::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Elimina las flechas en Chrome, Safari, Edge */
    margin: 0;
}




/* .products .list .product-reference,

.products .list .product-description,

.products .list .product-bottom{



    float: right;

    width: calc(70%);

} 

.products .list .product-miniature{

    width: 25%;

    float: right;

} */



.products .list .col-md-3{

    height: 100%;

}



.products .grid .product-miniature .row > div{

    width: 100%;

}





.product-reference{

    color: var(--complementary-color);

    font-weight: 600;

}





.whatsapp.icon-gray::after {

    content: "\f232";

    font-family: "Font Awesome 5 Brands";

    font-size: 18px;

    width: 20px;

    color: var(--light-color);

}



.social-sharing li.whatsapp {

    background: #07daac;

}





#js-product-list .product_list.gridcount.list article.product_item .product-price-and-shipping{

    text-align: start;



}



.product-price-and-shipping .price span{



    font-size: 0.8rem;

}



.products .product-description:hover:not(.list .product-description) .product-detail {

    display: block !important;

    position: absolute;

    background-color: rgba(0, 0, 0, 0.8); /* Fondo semi-transparente */

    color: #fff; /* Color del texto en blanco */

    padding: 10px; /* Espacio alrededor del texto */

    border-radius: 5px; /* Bordes redondeados */

    z-index: 1000; /* Asegura que el tooltip esté por encima de otros elementos */

    left: 50%; /* Centra horizontalmente */

    transform: translateX(-50%); /* Ajusta para centrar correctamente */

    bottom: 100%; /* Posiciona el tooltip arriba del elemento */

    margin-bottom: -5px; 

    width: calc(100% + 30px);

    

}





.customNavigation,

.products .customNavigation{

    top: calc(50% - 30px);

}



.customNavigation i {

    margin: 5px;

    font-family: "Font Awesome 6 Free";

    color: var(--complementary-color) !important;

    font-size: 25px;

    font-weight: 900;

    height:30px;

    line-height: 30px;

    width: 30px;

    border-radius: 0px !important;

   

}



.customNavigation i.btn-prev{

    background: transparent;

    right: auto; 

    left: -5px;

}

.customNavigation i.btn-next{

    background: transparent;

    left: auto; 

    right: -5px;

}

#cpcmsbanner2 .left-side.main-content .cms_content .cms-block{

    color: var(--primary-color);

}



#cpcmsbanner2_block1 .main-content,

#cpcmsbanner2_block1 .main-content .cms_content,

#cpcmsbanner2_block1 .main-content .cms_content img

{

    max-width: 100%;

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

}





#cpcmsbanner4_block1 .main-content,

#cpcmsbanner3_block1 .main-content{

    border: solid 4px var(--complementary-color);

}



#cpcmsbanner4_block1 .cms_content .cms-block,

#cpcmsbanner3_block1 .cms_content .cms-block{

    

    left: 12%;

    

    padding: 10px;

    text-align: center;

    top: 30%;

    bottom: 0;

    position: absolute;

    z-index: 1;

    color: white;

    padding: 20px;

    transform: skewX(45deg); 

}



#cpcmsbanner4_block1 .cms_content .cms-block{

    max-width: 45%;

}

#cpcmsbanner4_block1 .cms_content .cms-block .offer-text2 a{

   

    color: #ffffff !important;

   

}



#cpcmsbanner4_block1 .cms_content .cms-block .offer-text2,

#cpcmsbanner3_block1 .cms_content .cms-block .offer-text2{

    top: 0;

    margin-top: 0;

    padding-top: 0;

}

#cpcmsbanner3_block1 .cms_content .cms-block .offer-button .btn{

    background-color: var(--light-color) !important;

    color: var(--primary-color) !important;

    padding: 5px 10px;

}



#cpcmsbanner4_block1 .cms_content,

#cpcmsbanner3_block1 .cms_content

{

    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 300px;
}



#cpcmsbanner4_block1 .cms_content img{

    width: 100%;

}



#cpcmsbanner4_block1 .cms_content .inclined,

#cpcmsbanner3_block1 .cms_content .inclined {

    content: "";

    position: absolute;

    top: 0;

    right: calc(-54% );

    width: 100%;

    height: 100%; /* Ajusta el tamaño verticalmente */

    background-color: rgba(0, 70, 179, 0.7);

    transform-origin: bottom right;

    transform: skewX(-45deg); 

    z-index: 100;

}



#cpcmsbanner4_block1 .cms_content .inclined:hover,

#cpcmsbanner3_block1 .cms_content .inclined:hover {

    right: calc(-30% );

}







.testimonial-block-part .cptestimonial-container .cptestimonial-container-inner {

    border-inline-end: 4px solid var(--complementary-color);

}



.cptestimonial-container .testi-title{

    color: var(--primary-color);

    font-weight: 700;

    margin-inline-start: 0px;

}





.gl-grade-stars {

    display: inline-block;

    font-size: 25px;

}



.gl-grade-stars:before {

    content: '★★★★★';

    letter-spacing: 3px;

    background: linear-gradient(90deg, var(--complementary-color) var(--star-rating, 0), #ddd var(--star-rating, 0));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    display: inline-block;

}









/* ===================BLOQUE PIE DE PAGFINA================================== */



/* Estilos del footer */

#footer .container{

    max-width: 100%;

    padding: 0px;

    margin: 0;

}

#footer .footer-middle{

    margin: 0;

}

#footer .footer-before{

    margin: 0;

}



#footer .container .footer{

    padding: 25px 15px;

    background-color: rgba(246, 246, 246);

}



.footer-left .block-contact-title a,

.footer-left .h3,

.footer-left i,

.footer-right .h3,

.footer-right .block_title,

.footer-right .block_title i

{

    color: var(--complementary-color);

}





#footer #block-contact_list .info{

    display: flex;

    align-items: center;

}

#footer #block-contact_list .info i{

    margin-top: 0;

}



.footer-container .block_content .maps{

    width: 100%;

    height: auto;

    border: 0;

}



#block-contact_list li .contactdiv, #block-contact_list li span{

    width: 100%;

    text-align: justify;

}





#footer .block_newsletter .title{

    margin-left: 10px;

}



#footer .block_newsletter .input-wrapper input[type="email"] {

    border: solid 4px var(--primary-color);

}

.block_newsletter .btn-primary{
    background-color:  var(--primary-color) !important;
}





/* ===================BLOQUE REDES SOCIALES================================== */



.footer-container .block-social li a{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 40px;

    height: 40px;

    /* border: solid 1px var(--primary-color); */

    border: none;

    padding: 0;

    line-height: 40px;

    /* background-color: var(--primary-color); */

    border-radius: 5px;



}



.footer-container  .block-social li a::before {

    margin-left: 2px;

    background-color: var(--primary-color);

    height: 1.7rem;

    width: 1.7rem;

}





/* .footer-container .block-social li a

{

    border: solid 1px var(--color-2);

} */

.footer-container .block-social li a:hover {

    background-color: transparent;

}



.footer-container .block-social li a:hover::before{

    background-color: var(--complementary-color) !important;

}



.footer-container .block-social .h3{

    display: block;

    font-weight: 600;

}



.facebook a::before {

    -webkit-mask-image: url(../img/megnor/facebook-brands-solid.svg); 

    mask-image: url(../img/megnor/facebook-brands-solid.svg);

}









/* ==========================MEDIA QUERY=================================== */



@media (max-width: 991px) {

    #_desktop_logo img {

        max-width: 200px;

    }

    #cpcmsbanner2_block1 .main-content .cms_content .cms-block{

        height: 100%;

    }



    /* .header-div .container{

        max-width: 98%;

    } */

    .section-products-gl .products .product_list article.item{

        max-width: 350px;

    }



}



@media (max-width: 768px) {

 

    .left-nav #_contact_info .text {

        display: none;

    }



    .left-nav #_contact_info a:hover .text,

    .left-nav #_contact_info div:hover .text {

        display: block;

        position: absolute;

        width: 100%;

        height: 30px;

        background-color: var(--primary-color);

        left: 0;

        color: var(--light-color) ;

        z-index: 100;

    }



    .left-nav #_contact_info .text a{

        color: var(--light-color) ;

    }



    #_desktop_user_info .sign-in span{

            display: none;

    }


    .header-top .header-div .container {
        flex-direction: column;
    }

    /* #ets_blog_page #left-column{
        display: none;
    } */



    #_desktop_user_info .sign-in,

    #_desktop_user_info .sign-in:hover,

    #header #_desktop_user_info .account,

    #header #search_block_top .search_button,

    .blockcart-header .fa-cart-shopping

    {

        color: var(--light-color) ;

        font-size: 18px;

    }





    #header #_desktop_cart .blockcart{

        margin-top: 5px;

    }



    #header #_desktop_cart .blockcart .cart-products-counthome{

        margin-top: 5px;

        /* margin-left: 0px;

        padding-left: 5px; */

    }



    #header #_desktop_user_info .account span{

        display: none;

    }



    #header .search_button.active, .search_button.active:hover{

        background-color: var(--light-color);

    }



    #search_block_top #search_query_top{

        width: 100vw;

        max-width: 100vw;

    } 



    #header #search_block_top .searchtoggle {

        position: fixed;

        left: 0;

        width: 100%;

        top: 55px;

        overflow-y: auto;

        overflow-x: hidden; 

        height: calc(100vh - 100px);

        /* z-index: 2; */

    }



    #header #search_block_top .searchtoggle .search_query{

        padding-left: 40px;

    }

    #header #search_block_top .searchtoggle .search_button{

            position: absolute;

            background-color: var(--complementary-color);

            color: var(--light-color);

            height: 42px;

            line-height: 42px;

            text-align: center;

            width: 35px;

    }

    #header #search_block_top .searchtoggle .search_button.active{

        color: transparent;

    }

    .product-foo .add-to-cart{
         font-size: 10px; 
    }

    .product-foo .qty input{
        margin-top: 0;
        padding: 5px 12px;
        margin-bottom: 10px;
    }

    .products .product-reference .cantidad, .product-line-info .cantidad {
        font-size: 9px;
    }


    #search_filter_toggler{
        display: none;
    }



}



@media (max-width: 480px) {

    .header-top .header-div .container{
        flex-wrap: wrap;
    }

    .header-top .header-div .container .header-right{
        max-width: 100%;
    }

    .btn{

       

        width: 100%;

       

    }

    .btn-primary{

        margin-bottom: 10px;

    }

    .cart_block .checkout.card-block .viewcart {

        margin-inline-end: 0px;

    }

    .cart_block .checkout.card-block a {

        flex: 1;

    }

    #header #_desktop_cart .blockcart .cart-products-counthome {

        margin-left: 7px;

    }

    .products .product_item{

        min-width: 250px;

    }



    .products .product_list article.product_item.col-sm-6,

    .products .product_list article.item.col-sm-6,

    .products .product_list article.product_item.col-md-6

    {

        min-width: 250px;

    }



     /* #cpcmsbanner3_block1 .cms_content .cms-block {

        top: 15%;

    } */

    #cpcmsbanner3_block1 .cms_content .inclined:hover {

        right: calc(0% );

    }



    #cpcmsbanner3_block1 .cms_content .offer-button {

        display: none;

    }



    #cpcmsbanner4_block1 .cms_content .cms-block .offer-button a.btn{

        display: none;

    }



}



@media (min-width: 480px) {



    .products #cpcategorylist {

        width: 80%; 

        margin: 0 auto; 

        float: none;

    } 

}





@media (min-width: 768px) {


    
    .container {

        max-width: 96%;

    }




    #header #search_block_top .search_button{

        display: none;

    }



    .customNavigation i {

        margin: 0px;

        font-size: 50px;

        height:60px;

        line-height: 60px;

        width: 60px;

    }



    .cart-products-counthome{



        left: 50%;

    }

   

    /* .products .product_list.grid {

        margin-left: 30px;

        margin-right:30px ;

    } */


}







@media (min-width: 991px) {



    #header .header-top-main > .container{

     

        padding-top: 0px;

        padding-bottom: 0px;

     }

     .sidevertical-menu .line_sidebar_menu_top{

        display: none;

    }

  

    .sidevertical_menu_top .menu{

        display: none !important;

    }

    .container {

        max-width: 97%;

    }



    .footer-container .block_content .maps{

        width: 95%;

    }



    #left-column::after {

        border-top: none; 

        /* border-right: solid 0.33rem var(--primary-color);  */

        width: auto; 

        height: 110%; 

        top: 0; 

        right: -10px;

        left: auto; 

    }

}



@media (min-width: 1200px) {



  

    /* .featured-products .products .product_list article.product_item.col-sm-6,

    .featured-products .products .product_list article.item.col-sm-6,

    .featured-products .products .product_list article.product_item.col-md-6{

        width: 33.33%;

    } */



    #cpcmsbanner2 .left-side.main-content .cms_content .cms-block {

        top: calc(50% - 30px);

    }

}



@media (min-width: 2000px) {





}





/*=====================Complemento BOOTSTAR 4==========================*/



/* ====================================================

REPLACE ROW

==================================================== */

 /* @media (min-width: 767px) {  */

    /* .row {

      display: flex;

      flex-wrap: wrap;

    

    }  */

  

/* }  */

/* .row > [class*="col"]:not() {

    float: none !important;

   

} */

/* 

.col {

    all: unset;

position: relative;

width: 100%;

padding-right: 15px;

padding-left: 15px; 

} */



/* .row {

    display: flex;

    flex-wrap: wrap;

}



.row > [class*="col-1"],

.row > [class*="col-2"],

.row > [class*="col-3"],

.row > [class*="col-4"],

.row > [class*="col-5"],

.row > [class*="col-6"],

.row > [class*="col-7"],

.row > [class*="col-8"],

.row > [class*="col-9"],

.row > [class*="col-10"],

.row > [class*="col-11"]

 {

    float: none !important;

} */



/* .row > [class*="col"]:not([class*="-12"]) {

    float: none !important;

} */





  

/* 

.nav-tabs {

    display: flex;

    flex-direction: row; 

    border-bottom: 2px solid #dee2e6;

    padding: 0;

    margin-bottom: 1rem;

}



.nav-item {

    margin-bottom: 0; 

}



.nav-link {

    //border: 1px solid transparent;

    border-radius: 0.25rem;

    padding: 0.5rem 1rem;

    font-weight: 500;

    color: #495057;

    background-color: #f8f9fa;

    margin-right: -1px;

    display: block;

}



.nav-link.active {

    color: #fff;

    //background-color: var(--primary-color);

    border-radius: 0;

    border-bottom: solid 3px var(--primary-color);

}



.tab-content > .tab-pane {

    padding: 1rem;

    border: 1px solid #dee2e6;

    border-top: none;

    border-radius: 0.25rem;

    background-color: #fff;

} */





/* .text-center {

    text-align: center;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.text-justify {

    text-align: justify;

} */