html,body{
    font-family: Montserrat;
    margin:0px;
    overflow-x: hidden;
}
   
   .bg-cabezera{
       background-color: #ffffff;
   }
   .icono-menu{
       width:13%;
       margin-left: 12px;
       transition-duration: 350ms;
   }
   .icono-menu-f {
       width:8%;
       transition-duration: 350ms;
   }
   
   .icono-menu:hover{
       transform: scale(1.1, 1.1);
       transition-duration: 350ms;
   }
   .icono-menu-f:hover{
       transform: scale(1.1, 1.1);
       transition-duration: 350ms;
   }
   
   .btn-buscar{
       border-width: 1px;
       border-radius: 20px;
       padding: 5px 5px 5px 10px;
       box-shadow: -1px -1px 3px  inset;
       border-color: #000000;
       transition-duration: 350ms;
   }
   .btn-buscar input{
      width:98%;
      border-width: 0px; 
   }
   
   
   .btn-buscar:hover{
       transform: scale(1.02, 1.02);
       transition-duration: 350ms;
   }
   
   .btn-buscar input:focus{
      outline:none; 
   }

   /*.div-iconos{*/
   /*    border-radius: 25px;*/
   /*    padding: 5px 0 5px 0;*/
   /*    width:150px;*/
   /*}*/
   
   /*.div-iconos-footer{*/
   /*    margin-left: 2%;*/
   /*    border-radius: 25px;*/
   /*    padding: 5px 0 5px 0;*/
   /*    width:150px;*/
   /*}*/
   
   
   .menu{
       color: black;
       font-weight: 500;
   }
   
   .banner{
       background: url("../img/banner.png") no-repeat center center fixed;
       background-size: 100%;
   }
   
.bg-primary {
  /* Establece la imagen de fondo */
  background-size: cover;
  height: 100%;
  position: relative; /* Añade posición relativa para que los pseudoelementos se posicionen correctamente */

  /* Crea una capa de fondo oscuro */
  &::before {
    content: ''; /* Obligatorio para los pseudoelementos */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Color de fondo oscuro con 50% de opacidad */
    z-index: 1; /* Asegúrate de que la capa esté encima de la imagen de fondo */
  }
  
  .bg-primary > #banner{
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 500px;
  }
}
   
   
   .carousel-wrap {
  margin: 20px auto;
  padding: 0% 4%;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
    position: relative;
    z-index: 100; 
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    -webkit-backface-visibility: hidden; 
    display: flex;
    justify-content: center;
    align-items:center;
    cursor: pointer;
}

.owl-carousel .item > img{
    width: 100%;
    height: 100%;

}

/* end fix */

.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 60%;
  color: #5e5e5e;
  background-color:#ffffff;
  border-radius: 50%;
  padding: 2px 10px 2px 10px;
  box-shadow:0 0 3px;
}

.izq, .der {
  font-size: 1vw;
}

.owl-nav .owl-prev {
  left: -35px;
}

.owl-nav .owl-next {
  right: -45px;
}

.masthead{
    height: 800px;
}

#navbarResponsive{
    display: flex;
    justify-content: flex-start;
    
}

.categorias{
    text-decoration: none;
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
}

.infoEmp{
    font-size: 15px;
}

.full-width-container{
width: 100vw;
  position: relative; 
  max-width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

.full-width-container img{
    position: absolute;
    max-height: 100%;
}

.contact-section{
    background-color: #f1f1f1;
}