body {
  font-family: 'Poppins', sans-serif;
  background-color: #ece9d4;
  padding-top: 70px; /* Ajusta el valor para que coincida con la altura del navbar */
  /*background-image: url('../img/madera.jpg'); /*imagen de fondo */
  background-size: cover; /* la imagen cubre todo el  body */
  background-position: center; /* Centra la imagen en el fondo */
  
}

.navbar {
  background-color:  #856428;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}

.navbar-brand {
  font-weight: 700;
  color: #fff;
}

.navbar-nav .nav-link {
  color: #ffffff;
}

.navbar-nav .nav-link:hover {
  color: #fff;
}
.navbar-brand {
  font-size: 1.5rem; /* Tamaño del texto */
  font-weight: bold; /* Negrita */
  color: #f5f8f8; /* Color personalizado */
  text-transform: uppercase; /* Texto en mayúsculas */
  letter-spacing: 2px; /* Espaciado entre letras */
  font-family: 'Arial', sans-serif; /* Fuente personalizable */
}

.navbar-brand:hover {
  color: #fff; /* Color del texto al pasar el mouse */
  
}



.hero-section h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 3rem;
  font-weight: 700;
}


.destacados  {
  text-align: center;
  margin-top: 10px;
  padding: 10px;
  background-color: #856428;
  font-family: 'Montserrat', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  font-size: 1.2rem;
  color: white;
  border-radius: 40px;
}

.custom-box {
  
  color: #ffffff; /* Texto blanco */
  padding: 20px; /* Espaciado interno */
  border-radius: 10px; /* Borde redondeado */
  
}
.custom-box img {
  margin-top: 10%;
  max-width: 30%; /* Imagen más pequeña */
  border-radius: 150px; /* Bordes redondeados */
}

.custom-box h2 {
  margin: 20px 0 10px; /* Espaciado alrededor del título */
}

.custom-box h6 {
  text-align: justify; /* Alineación justificada */
  margin-top: 40px; /* Separación del texto */
}

.footer {
  background-color:  #856428;;
  color: white;
  padding: 20px 0;
}

.footer a {
  color: #ffffff;
  margin: 0 10px;
  font-size: 1.2rem;
}

.footer a:hover {
  color: #ffffff;
}