gmpx-store-locator {
    width: 100%;
    height: 25em;
  }
  .modal-custom-wide {
      max-width: 85%; /* Ajusta el ancho del modal, 90% del ancho de la pantalla */
  }

  .modal-content {
      height: auto; /* Asegura que el contenido se ajuste automáticamente */
  }
  
  .carousel-img {
      max-height: 500px; /* Ajusta la altura máxima del carousel */
      object-fit: contain; /* Asegura que la imagen no se recorte */
      width: 100%; /* Asegura que la imagen ocupe todo el ancho del contenedor */
  }

  .modal-dialog {
        margin: 0 auto; /* Centra horizontalmente el modal */
    }

    @media (max-width: 768px) {
        .modal-dialog {
            max-width: 90%; /* Asegura que el modal no sea más ancho que el viewport */
            margin: 1rem auto; /* Agrega un pequeño margen superior e inferior */
        }

        .modal-content {
            overflow-x: hidden; /* Evita desplazamientos horizontales */
        }
    }

    .carousel-inner {
          background-color: white; /* Asegura que el fondo del carousel sea blanco */
      }