/* Fondo general */
body {
  background-color: #eaf4ec;
}

/* =========================
   Navbar
   ========================= */
.navbar,
.navbar-dark.bg-dark {
  background: linear-gradient(135deg, #14532d 0%, #065f46 100%) !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar-toggler {
  color: #e5e7eb !important;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: #a7f3d0 !important;
}

/* =========================
   Botones carrusel
   ========================= */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #184d27;
  border-radius: 50%;
}

/* =========================
   Botones generales
   ========================= */
.btn-primary,
.btn-success {
  background-color: #184d27 !important;
  border: none;
}

/* =========================
   Footer
   ========================= */
.contenedorfooter {
  background: linear-gradient(135deg, #184d27 0%, #276c3b 100%);
  color: #eaf4ec;
  padding: 40px 0 0 0;
  margin-top: 0;
}

.footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 10vw 20px 10vw;
}

.footerizquierda,
.footerderecha {
  flex: 1 1 300px;
  margin: 10px;
}

.titulofooter {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #eaf4ec;
}

.informacionfooter {
  font-size: 1rem;
  margin-bottom: 8px;
  color: #eaf4ec;
}

.iconosfooter {
  margin-right: 8px;
  color: #b6e2c3;
}

.redes {
  display: flex;
  justify-content: center;
  gap: 25px;
  padding: 20px 0 30px 0;
  background: #184d27;
}

.red {
  color: #eaf4ec;
  font-size: 1.6rem;
  transition: color 0.3s;
  text-decoration: none;
}

.red:hover {
  color: #b6e2c3;
}

/* =========================
   Responsive
   ========================= */
   
@media (max-width: 900px) {
  .footer {
    flex-direction: column;
    padding: 0 5vw 20px 5vw;
  }}






  /* Css que deberia ir en el head pero lo movi aqui para tener todo en un solo archivo */