/*------------------font-family-------------------------------------------------*/
 * {
     font-family: 'Roboto', sans-serif;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
 h1 {
     font-weight: 700;
     font-style: italic;
}
 .offcanvas-header {
     color: white;
}
/*------------------font-family-------------------------------------------------*/
 .linea {
     position: absolute;
     left: 25%;
     width: 50%;
     text-align: center;
}
 
 @media (min-width: 0px) and (max-width: 990px) {
     .contenedor {
         margin-top: 2%;
    }
     .boton-negocio {
         display: none;
    }
     .menu-usuario {
         display: none;
    }
     .menu-negocio {
         text-align: center;
    }
     .navbar-brand img {
         margin-left: 10%;
    }
     #headerNav {
         flex-wrap: wrap;
    }
}
 @media (min-width: 990px) and (max-width: 1199px) {
     .barra-categorias {
         display: none;
    }
     .contenedor {
         margin-top: 1.7% !important;
         padding-left: 0;
         padding-right: 0;
    }
     .busqueda-productos {
         display: none !important;
    }
     .imagen-brand {
         display: none;
    }
}
 @media (min-width: 1200px) and (max-width: 5600px) {
     .contenedor-linea::-webkit-scrollbar {
         display: none !important;
    }
     .contenedor {
         margin-top: 1.7% !important;
    }
}
 #computo:hover #menu-computo {
     display: block !important;
}
 #menu-computo {
     display: none;
}
 .dropdown-menu-mobile {
     text-align: center;
     position: absolute;
     inset: auto auto 0px 0px;
     margin: 0px;
     transform: translate(0px, -50px) !important;
}
/*------------------------------------backgrounds de apartado home-------------*/
 .menu-usuario {
    /* background: linear-gradient(139deg, rgba(235,234,234,1) 11%, rgba(217,221,226,1) 55%, rgba(237,240,241,0.9752275910364145) 96%);
     */
     background: #87ceeb;
}
 .menu-background-negocio {
    /* background: linear-gradient(90deg, rgba(6,103,145,1) 0%, rgba(13,110,253,1) 50%, rgba(7,189,251,0.9752275910364145) 100%);
     */
}
 .footer-background {
    /* background: linear-gradient(36deg, rgba(49,49,54,1) 0%, rgba(182,182,182,1) 63%, #dee2e6 100%);
     */
}
 .mas-vendido-background {
     background: var(--colorUF) !important;
}
 .acordeon-categoria-boton:focus {
     z-index: 3;
     border-color: none;
     outline: 0;
     box-shadow: none;
}
 .boton-categoria-principal:not(.collapsed) {
     color: none !important;
     background-color: none !important;
     box-shadow: none !important;
}
 .slick-slider {
     height: fit-content;
}
 .slick-next:before, .slick-prev:before {
     color: black;
}
 #menuLineasEscritorio {
     font-size: 1vw;
}
 .aImg{
     color: white !important;
     text-decoration: none !important;
}
 .ui-autocomplete {
     z-index: 1030;
     max-width: 90%;
     overflow-y: auto;
     position: fixed;
}
 @media (min-width: 0px) {
     #BtnTop {
         display: none;
        /* Hidden by default */
         position: fixed;
        /* Fixed/sticky position */
         bottom: 64px;
        /* Place the button at the bottom of the page */
         right: 30px;
        /* Place the button 30px from the right */
         z-index: 99;
        /* Make sure it does not overlap */
         border: none;
        /* Remove borders */
         outline: none;
        /* Remove outline */
         color: white;
        /* Text color */
         cursor: pointer;
        /* Add a mouse pointer on hover */
         padding: 15px;
        /* Some padding */
         border-radius: 10px;
        /* Rounded corners */
         font-size: 18px;
        /* Increase font size */
    }
     #BtnTop:hover {
         background-color: #555;
        /* Add a dark-grey background on hover */
    }
}
 .loginFormSessionLeft {
    color:black;
}
 .loginFormSessionRigth {
 
     color: black;
}
 .loginFormSessionLeft:hover, .loginFormSessionRigth:hover {
     color: blue !important;
     
     border-color: transparent !important;
    isolation: isolate;
}
 #modalInicioSesion label, #modalInicioSesion span {
     color: black; 
}


 .dropMenuBlitz {
     overflow-y: scroll;
     max-height: 250px;
}


 .popover-body {
     max-height: 600px !important;
     overflow: auto;
}
 .fichaLink {
     text-decoration: none !important;
     cursor: pointer !important;
}
/*-------------------------------------css nuevo---------------------------------------------------------------------------*/
 @media (min-width: 0px) and (max-width: 991px) {
     .banner-background {
         padding: 40% !important;
    }
}
 @media (min-width: 1200px) and (max-width: 8600px) {
     .background-movil-promociones {
         display: none;
    }
     .banner-movil {
         display: none;
    }
     .banner-2 {
         margin-left: -15px;
         margin-right: -15px;
    }
     .banner-background-2 {
         margin-left: -40px;
         margin-right: -15px;
    }
     .banner-1 {
         padding: 0;
    }
}
 @media (min-width: 0px) and (max-width: 1199px) {
     .background-web-promociones {
         display: none;
    }
     .banner-movil {
         display: flex;
    }
     .imagen-1 {
         height: auto !important;
    }
     .banner-2, .banner-3 {
         display: none;
    }
}
 .carrito-vendido:hover {
     color: #fff !important;
     background: #f15916;
     transition: 1s;
}
 .card-producto {
     font-size: 14px;
     border: none !important;
}
 .card-producto:hover {
     display: block;
     box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
     border-radius: 10px;
     transition: 1s;
}
 .observaciones {
     background: #f15916;
     color: white;
     box-shadow: 0px 0px 7px 2px;
     padding: 2px;
     border-radius: 10px;
     width: 20%;
     font-size: 22px;
}
 .observaciones:hover {
     background: #fcbe00;
     color: white;
     transition: 1s;
}
 .slick-next:before, .slick-prev:before {
     color: black;
}
 .mas-vendido-background {
     background: linear-gradient(90deg, rgba(6, 103, 145, 1) 0%, rgba(24, 194, 204, 1) 50%, rgba(7, 189, 251, 0.9752275910364145) 100%);
}
 .card-producto h5 {
     font-size: 12px;
}
 .zoom img {
     transition: 1s;
}
 .zoom img:hover {
     background-size: cover;
     background-position: center center;
     webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: opacity .3s, -webkit-transform 2s cubic-bezier(.25, .46, .45, .94);
     transition: opacity .3s, transform 2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 2s cubic-bezier(.25, .46, .45, .94);
     transform: scale3d(1.05, 1.05, 1.05);
     transition: 1s;
}
 @-webkit-keyframes scroll {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     100% {
         -webkit-transform: translateX(calc(-250px * 7));
         transform: translateX(calc(-250px * 7));
    }
}
 @keyframes scroll {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     100% {
         -webkit-transform: translateX(calc(-250px * 7));
         transform: translateX(calc(-250px * 7));
    }
}
 .slider {
     box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
     height: auto;
     margin: auto;
     overflow: hidden;
     position: relative;
     width: 100%;
}
 .slider::before, .slider::after {
     content: "";
     height: 100px;
     position: absolute;
     width: 100px;
     z-index: 2;
}
 .slider::after {
     right: 0;
     top: 0;
     -webkit-transform: rotateZ(180deg);
     transform: rotateZ(180deg);
}
 .slider::before {
     left: 0;
     top: 0;
}
 .slider .slide-track {
     -webkit-animation: scroll 20s linear infinite;
     animation: scroll 20s linear infinite;
     display: flex;
     width: calc(200px * 20);
}
/*-------------------------------------css nuevo--------------------------------------------------------------------------*/
 .offcanvas-end {
     width: max-content !important;
}
 .noselect {
     -webkit-touch-callout: none;
    /* iOS Safari */
     -webkit-user-select: none;
    /* Safari */
     -khtml-user-select: none;
    /* Konqueror HTML */
     -moz-user-select: none;
    /* Old versions of Firefox */
     -ms-user-select: none;
    /* Internet Explorer/Edge */
     user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
/* Chrome, Safari, Edge, Opera */
 div.producto-compra>input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
/* Firefox */
 div.producto-compra>input[type=number] {
     -moz-appearance: textfield;
}
 @media (min-width: 0px) and (max-width: 500px) {
     .fa-window-close {
         font-size: 40px !important;
    }
     .observaciones, .comprar, .favorito, .sesion {
         width: 45px !important;
         height: 45px !important;
    }
     .observaciones, .comprar, .favorito, .sesion i {
         font-size: 24px;
    }
}


/*-----------------------estilos para scroll de menu--------------------------------------------------------*/



/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

 .dropMenuBlitz::-webkit-scrollbar {
    -webkit-appearance: none;
    background: white;
}

 .dropMenuBlitz::-webkit-scrollbar:vertical {
    width:10px;
}

 .dropMenuBlitz::-webkit-scrollbar-button:increment,.dropMenuBlitz::-webkit-scrollbar-button {
    display: none;
} 

 .dropMenuBlitz::-webkit-scrollbar:horizontal {
    height: 10px;
}

 .dropMenuBlitz::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

 .dropMenuBlitz::-webkit-scrollbar-track {
    border-radius: 10px;  
}


.dropMenuBlitz {
    /*Estilos est�ndar experimentales (Principalmente Firefox)*/
    scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
    background: white;
}