.centrado{
    display: flex;
    height: 100vh;
    width: 100vw;
    justify-content: center;
    align-items: center;
}
.hidden{
    overflow: hidden;
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ripple div {
    position: absolute;
    border: 4px solid rgb(230, 18, 18);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    animation-delay: -0.9s;
  }
  @keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    4.9% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    5% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }
.custom-color{
    background-color: #797A7D;

}

.text-oswald{
    font-family: 'Oswald', serif;
    font-weight: 300;
    font-size: 2.8vh;
    font-style: normal;
  }

.dancing-script {
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    font-size: 4.5vh;
  }
  
.navbar-eco {
    display: flex;
    align-items: center; /* Alinea verticalmente los elementos */
    gap: 1.5vw; /* Agrega espacio entre los elementos */
}
.imagen-logo{
    max-width: 18vh;
    height: auto;
}
.custom-carousel-height {
    height: 60vh; /* 80% del alto del viewport */
}
.carousel-inner,
.carousel-inner img {
    height: 100%; /* Llena toda la altura del carousel */
    object-fit: cover; /* Cubre todo el área sin deformarse */
}
.mision{
    margin-bottom:40px;
    display: flex;
    justify-content: center; /* Centra horizontalmente los elementos */
    align-items: start; /* Alinea verticalmente los elementos */
    gap: 5%; /* Agrega espacio entre los elementos */
    height: 50vh;

}
.imagen-mision{
    border-radius: 2%; /* Redondea completamente la imagen */

  
    width: 40%;
    height: 100%;
    object-fit: cover; /* Cubre todo el área sin deformarse */
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    transform: translateY(-30px); /* Eleva la imagen */

}
.datos-mision{
    display: flex;
    flex-direction: column; /* Cambia a disposición en columna */
    align-items: center; /* Alinea horizontalmente los elementos */
    gap: 10px; /* Agrega espacio entre los elementos */
    width: 35%;
}
.datos-historia{
    display: flex;
    flex-direction: column; /* Cambia a disposición en columna */
    align-items: center; /* Alinea horizontalmente los elementos */
    gap: 10px; /* Agrega espacio entre los elementos */
}
.historia{
    margin-top: 20px;
    margin-bottom: 70px;
    display: flex;
    align-items: center; /* Alinea verticalmente los elementos */
    gap: 10px; /* Agrega espacio entre los elementos */


}
.historia-text{
    width: 80%;
}

.titulos{
    font-family: 'Oswald', serif;
    font-weight: 500;
    font-size: 7vh;
    font-style: normal;
    color: #B00F16;

}
.contenedor-principal {
    
    display: flex;
    
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.titulos-carrusel{
    font-family: 'Oswald', serif;
    font-weight: 400;
    font-size: 4vh;
    font-style: normal;

}
.subtitulos-carrusel{
    font-family: 'Oswald', serif;
    font-weight: 400;
    font-size: 2.5vh;
    font-style: normal;

}

.carousel-image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel-inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(70%) contrast(120%) saturate(90%);
}

/* Agregar un fondo oscuro */
.carousel-image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.005); /* Ajusta este valor para cambiar la oscuridad */
}

/*.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}*/
.footer-content{
    background-color: #f5f5f5; /* Color de fondo */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 10px;
  
    gap: 3%;
   
}
.ubicacion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 20%;

}
.titulo-ub{
   
    font-family: 'Oswald', serif;
    font-weight: 300;
    font-size: 3vh;
    font-style: normal;
      

}
.subtitle-ub{
    font-family: 'Oswald', serif;
    font-weight: 300;
    font-size: 2.3vh;
    font-style: normal;
      

}
.imagen-footer{
    width: 8vh;
    
}
.marcas{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;

}
.imgs{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%;

}
.identi{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.imagen-footer-eco{
    width: 15vh;

}
.telefonos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 10%;

}
.logos{
    margin-right: 10px; /* ajusta el valor según lo necesites */
    width:1.5vw;

    
}
.redes{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}