/* Estilos adicionales */
    .map-container {
      width: 100%;
      height: 65vh;
      position: relative;
    }
    .map-container iframe {
      width: 100%;
      height: 100%;
    }
    .contact-box {
      background-color: #13322b;
      padding: 20px;
      border-radius: 15px;
      margin-top: 30px;
      opacity: 0; /* Inicialmente oculto */
      transition: opacity 1s ease, transform 0.5s ease; /* Animaciones */
      transform: translateY(20px); /* Desplazamiento hacia abajo */
      text-align: center; /* Centrar el texto */
    }
    .contact-box.visible {
      opacity: 1; /* Mostrar cuando es visible */
      transform: translateY(0); /* Anular el desplazamiento */
    }
    .contact-box:hover {
      background-color: #0f2720; /* Color de fondo al pasar el ratón */
      transform: scale(1.05); /* Efecto de escala al pasar el ratón */
    }
    .contact-box h4 {
      color: #f6f7f8;
    }
    .contact-box p {
      margin-bottom: 10px;
      transition: color 0.3s ease; /* Animación de cambio de color */
      text-align: center; /* Centrar el texto */
    }
    .contact-box:hover p {
      color: #b28e5d; /* Color del texto al pasar el ratón */
    }
    .contact-icon {
      font-size: 24px;
      margin-right: 10px;
    }
    .section-title {
      font-size: 28px;
      margin-top: 30px;
      margin-bottom: 30px;
      position: relative;
      display: inline-block;
      font-weight: bold; /* Hacer las letras en negrita */
      padding-left: 15px; /* Agregar un poco de espacio a la izquierda */
      opacity: 0; /* Inicialmente oculto */
      transition: opacity 1s ease, transform 1s ease; /* Animaciones */
      transform: translateY(20px); /* Desplazamiento hacia abajo */
    }
    .section-title.visible {
      opacity: 1; /* Mostrar cuando es visible */
      transform: translateY(0); /* Anular el desplazamiento */
    }
    .title-line {
      content: "";
      position: absolute;
      top: 50%;
      right: -190px;
      width: 65%;
      height: 3px;
      background-color: #b28e5d; /* Color de la línea */
      z-index: -1; /* Por detrás del texto */
    }
    .info-contact {
      color: #b28e5d; /* Color personalizado */
    }

    /* Estilos responsivos */
    @media (max-width: 768px) {
      .section-title {
        font-size: 25px; /* Reducir el tamaño de la fuente en dispositivos pequeños */
      }
    }