.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0 !important;
    align-items: center;
}

.mx-auto {
    margin-right: 0!important;
    margin-left: auto!important;
}

.bg-blanco {
    background-color: #ffffff!important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(230 177 98);
}

#sobre-nosotros .btn-primary {
    background-color: #0F5A60 !important;
    color: #ffffff;
    border: none;
}
#sobre-nosotros .btn-primary:hover {
  background-color: #10b7bc !important;
  color: #ffffff;
  border: none;
}

#form-contacto .btn-primary {
  background-color: #0F5A60 !important;
  color: #ffffff;
  border: none;
}

#form-contacto .btn-primary:hover {
  background-color: #10b7bc !important;
  color: #ffffff;
  border: none;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020; /* Valor para asegurar que esté por encima del contenido */
}
/* Swiper */

swiper-container {
    width: 100%;
    height: 100%;
  }

  swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  swiper-slide a {
    margin: 0px;
}


/* Sobre nosotros */
/* Estilos específicos de la sección "Sobre Nosotros" */
#sobre-nosotros {
    background-color: rgb(252, 253, 255);
    padding: 50px 0;
    text-align: center;
  }

  #sobre-nosotros h2 {
    color: #09989F;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
  }

  #sobre-nosotros p {
    font-size: 18px;
    line-height: 1.6em;
    margin-bottom: 30px;
  }

  #sobre-nosotros .btn-primary {
    background-color: #1340A3;
    color: #ffffff;
  }

  #imagen-sobre-nosotros img {
    width: 100%;
    height: auto;
  }
/* Valores */

/* Estilos específicos de la sección "Sobre Nosotros" */
#valores {
  background-color: rgb(252, 253, 255);
  padding: 50px 0;
  text-align: center;
}

#valores h2 {
  color: #09989F;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}

#valores p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 30px;
}

#valores .btn-primary {
  background-color: #1340A3;
  color: #ffffff;
}

#imagen-sobre-nosotros img {
  width: 100%;
  height: auto;
}

  .texto-izquierda{
    text-align: left;
  }
  .texto-derecha{
    text-align: right;
  }

  @media (max-width: 992px) {
    .texto-derecha {
      text-align: left;
    }
  }

  /* Servicios */
    #servicios{
        background-color: #f0fdfc;
    }

    #form-contacto{
      background-color: #f0fdfc;
  }
  .subtitulos{
    color: #09989F;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
  }

    .sub_subtitulos{
        color:  #8671B2;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    
    }

    .items-p{
        font-size: 18px;
        font-weight: 700;
    }

    /* Estilo para el input mientras escribes */
    input:focus, textarea:focus {
        box-shadow: 0 0 5px #e6b162 !important; /* Cambia el color 'rgba(255, 0, 0, 0.5)' por el color que desees */
    }

    input, textarea {
        border: none !important; /* Elimina el borde predeterminado */
        border-bottom: 2px solid #09989F !important; /* Cambia el color '#00f' por el color que desees */
        outline: none !important; /* Elimina el contorno al hacer clic */
      }


/* Formulario web */

/* Estilos para mensajes de éxito */
.success {
  color: #4CAF50; /* Color verde o cualquier otro color que elijas para mensajes de éxito */
  background-color: #DFF0D8; /* Color de fondo para mensajes de éxito */
  border: 1px solid #D6E9C6; /* Borde para mensajes de éxito */
  padding: 10px; /* Espaciado interno para mensajes de éxito */
  margin-bottom: 15px; /* Margen inferior para separar mensajes si hay varios */
}

/* Estilos para mensajes de error */
.error {
  color: #D8000C; /* Color rojo o cualquier otro color que elijas para mensajes de error */
  background-color: #FFD2D2; /* Color de fondo para mensajes de error */
  border: 1px solid #DCA7A7; /* Borde para mensajes de error */
  padding: 10px; /* Espaciado interno para mensajes de error */
  margin-bottom: 15px; /* Margen inferior para separar mensajes si hay varios */
}