.contenedor-mapa {
    display: flex;
    justify-content: center;
    /* Centra horizontalmente */
    align-items: center;
    /* Centra verticalmente (si das altura) */
    /* opcional: puedes poner un ancho máximo */
    width: 100%;
    margin: 0 auto;
    /* Centra el contenedor si le das ancho fijo */
    padding: 20px 0;
    /* Espacio arriba y abajo */
}

.contenedor-mapa {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 40px auto;
    /* 40px arriba y abajo */
    width: 100%;
}

.contenedor-mapa iframe {
    max-width: 95vw;
    width: 600px;
    height: 400px;
    border-radius: 16px;
    /* opcional, bordes redondeados */
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
    /* opcional, sombra suave */
}