/* Fondo general */
.footer-green {
  background-color: #ECF5ED;
}

/* Título */
.title {
  color: #041b06;
  font-style: bold;
}

/* Sección de contacto (teléfonos) */
.contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* Botones con icono */
.contact-item button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 120px;
}

/* Iconos dentro de botones */
.contact-item button img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* Texto al lado del botón */
.contact-item span {
  display: flex;
  align-items: center;
  color: #041b06;
}

/* Email y textos */
.footer-green p,
.footer-green h5 {
  color: #041b06;
}

/* Redes sociales */
.social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.social-icons i {
  font-size: 26px;
  cursor: pointer;
  transition: 0.3s;
}

.social-icons i:hover {
  transform: scale(1.1);
}

/* Caja TripAdvisor */
.rating-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  border-radius: 12px;
  background: #f3f3f3;
}

/* Botón Google Maps */
.btn img {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.btn-outline-success {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* Texto de términos */
.terms {
  color: #d81b60;
  font-weight: 500;
  cursor: pointer;
  margin-top: 10px;
}

.terms:hover {
  text-decoration: underline;
}

/* Footer inferior */
.footer-bottom {
  background-color: #222;
  color: #ffffff;
  font-size: 14px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .contact-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-item button {
    width: 100%;
  }

  .rating-box {
    justify-content: center;
  }
}