/* Contenedor que envuelve mapa y formulario */
.contact-wrapper {
    margin-top: 150px;
    position: relative;
    width: 100%;
    height: 90vh; /* Puedes ajustar la altura según necesites */
    overflow: visible;
  }
  
  /* Formulario superpuesto: ahora posicionado más arriba */
  .form-contact {
    position: absolute;
    top: 0%; /* Ajusta este valor según lo que necesites */
    left: 50%;
    transform: translateX(-50%);
    z-index: 2; /* Para que esté por encima del mapa */
    width: 100%;
    max-width: 600px;
    padding: 20px;
  }
  
  /* Estilo de la card del formulario con sombra */
  .form-card {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra añadida */
  }
  
  /* Opcionales: ajustes de tipografía y colores */
  .contact-wrapper h2,
  .contact-wrapper p {
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  }

  .btn.btn-send {
    background-color: #008243ff;
    border-color: #008243ff;
    color: #fff; /* Texto blanco para buen contraste */
  }