body {
  font-family: 'Parlare Regular', sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
h1 {
  font-family: 'Aya Script Regular', cursive;
  color: #027333;
}
h2 {
  font-family: 'P22 Underground Medium', sans-serif;
  color: #025928;
}
.navbar {
  background-color: rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid #027333;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.navbar .nav-link {
  color: #027333;
  font-weight: bold;
  text-decoration: none;
}
.navbar .nav-link.active {
  text-decoration: underline;
  text-decoration-color: #025928;
}
.navbar .nav-link:hover {
  text-decoration: underline;
  text-decoration-color: #025928;
}
 .curva-abajo {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
 .curva-abajo svg {
  display: block;
  width: 100%;
  height: auto;
}
.curva-abajo {
  transform: scaleY(-1);
}
.footer {
  background-color: #027333;
  color: #F2F2F2;
  text-align: center;
  padding: 20px 0;
}
section {
  padding: 80px 20px;
  text-align: center;
}
section p {
  max-width: 800px;
  margin: 0 auto;
}



/* datos para el tamaño de hoja */
.carousel {
min-height: 300px; /* Define una altura mínima */
height: auto; /* Ajusta la altura automáticamente según el contenido */
}

.carousel-inner img {
width: 100%;
height: auto;
object-fit: cover; /* Asegúrate de que la imagen se ajuste al área visible */
}
@media (max-width: 768px) {
.carousel {
height: auto; /* En pantallas pequeñas, permite que la altura se ajuste dinámicamente */
}

.carousel-inner img {
object-fit: contain; /* Evita recortar imágenes */
}
}

.carousel {
  position: relative;

}

#navBar.scrolled {
  background-color: rgba(255, 255, 255, 1);
}

.footer a {
  color: white; /* Cambia el color del enlace a blanco */
  text-decoration: none; /* Elimina el subrayado, opcional */
}

.footer a:hover {
  color: #ccc; /* Cambia el color al pasar el mouse, opcional */
}



  /* Colores de la paleta */
  :root {
    --color-primario: #d7b899; /* Beige */
    --color-secundario: #82a95c; /* Verde */
    --color-resaltado: #3498db; /* Azul */
    --color-fondo: #f8f9fa; /* Gris claro */
    --color-texto: #8b572a; /* Marrón */
  }

  body {
    background-color: var(--color-fondo);
    color: var(--color-texto);
    font-family: Arial, sans-serif;
  }

  header, footer {
    background-color: var(--color-primario);
    color: white;
  }

  .btn-resaltado {
    background-color: var(--color-resaltado);
    border: none;
    color: white;
    font-weight: bold;
  }

  .btn-resaltado:hover {
    background-color: #2176b2; /* Azul oscuro al pasar el mouse */
  }

  h1, h2, h3 {
    color: var(--color-secundario);
  }


  
  /* Ajustar todas las imágenes a un tamaño uniforme */
  .img-fluid {
    width: 100%;    
    height: 50vh; /* Limitar la altura máxima de las imágenes */    
    object-fit: cover; 
    display: block;
    margin: 0 auto; /* Centrar las imágenes */
  }

  /* Personalización del modal para centrar las imágenes */
  .modal-body img {
    max-width: 100%;
    height: auto; /* Permite que mantenga las proporciones dentro del modal */
    display: block;
    margin: 0 auto;
  }