body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #f6fff8;
    color: #2d4739;
  }
  
  /* Imagen */
  .sombra {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
  }
  .sombra:hover {
    transform: scale(1.03);
  }
  
  /* Botón animado */
  .boton-animado {
    transition: all 0.3s ease;
  }
  .boton-animado:hover {
    background-color: #14532d;
    transform: scale(1.05);
  }
  
  /* Título con animación */
  .titulo-animado {
    animation: slideIn 1s ease;
  }
  
  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .titulo-animado {
      font-size: 1.6rem;
    }
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgb(0, 0, 0) !important;
  }
  
  .carousel-control-prev,
  .carousel-control-next {
    position: absolute !important;
    top: 50% !important;
   
    width: 40px !important;
    height: 40px !important;
    background: none !important;
    z-index: 10 !important;
  }
  
  .carousel-control-prev {
    left: -60px !important;  /* Mueve la flecha izquierda fuera */
  }
  
  .carousel-control-next {
    right: -60px !important; /* Mueve la flecha derecha fuera */
  }

  .carousel-inner {
  height: 450px; /* Ajusta este valor a la altura máxima de tus imágenes */
}

.carousel-item {
  height: 100%;
}

.carousel-item img {
  height: 100%;
  object-fit: cover;
}

  
/* estilos.css */

.mapa-container {
  display: flex;
  justify-content: center;
}

.mapa-iframe {
  width: 100%;
  height: 300px; /* o la altura que quieras */
  border: 0;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   
}
.formulario-pago {
  max-width: 500px;
  margin: auto;
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}