/* BUSCADOR LANDING */
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Nunito:wght@300;600&display=swap");
body{
    background:  #ffffff;
  }
@media only screen and (min-width: 75em) {
    .main-form {
        margin-top: -7rem;
    }
}
.site-content{
    padding: 4rem 0;
    position: relative;
    z-index: 1;
}


.site-content-top{
    padding-top: 8rem ;
    position: relative;
    z-index: 1;
    display: none;
}

.bg-image-contain{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


@media only screen and (min-width: 75em) {
    .container {
        width: 100rem;
    }
    


}
.container{
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}

.main-form{
    box-shadow: 0 5px 30px rgba(7, 36, 86, .075);
    background-color: #fff;
    border-radius: 10px;
    padding: 1.25rem 1.25rem 1.25rem 1.5rem;    
}
@media only screen and (min-width: 48em) {
    .main-form:not(:last-child) {
        margin-bottom: 4rem;
    }
}
.main-form:not(:last-child) {
    margin-bottom: 3rem;
}

@media only screen and (min-width: 48em) {
    .main-form {
        margin-top: -6rem;
    }
    
}

@media only screen and (max-width: 1024px) {

    .banner{
        margin-top: 8rem;
    }
      
}

@media only screen and (max-width: 930px) {

.site-content-top{
    padding-top: 8rem ;
    position: relative;
    z-index: 1;
    display: block;
}  

/*#formBusquedaBot{
    display:none;
} */ 
}   
.main-form {
    margin-top: -8.25rem;
}
.main-form:not(:last-child) {
    margin-bottom: 2rem;
}


/* END BUSCADOR LANDING */

/* BARRA SCROLL */
/* Cambiar el ancho de la barra de desplazamiento */
::-webkit-scrollbar {
    width: 8px; /* Ancho deseado */
}

/* Cambiar el estilo de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
    background-color: #888; /* Color de la barra de desplazamiento */
    border-radius: 4px; /* Borde redondeado de la barra de desplazamiento */
}

/* Cambiar el fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color de fondo deseado */
}


/* END BARRA SCROLL */


@media (max-width: 767px) {
    #buttonPedirArticulo{
        display: none;
    }
}

@media (max-width: 767px) {
    #buttonPedirArticuloMenu{
        display: block !important;
    }
}