.localizacao {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    margin-top: 1rem;
}

.texto {
    flex: 1;
}

.mapa {
    flex: 1;
}

.mapa iframe {
    width: 100%;
    height: 300px;
    border: 0;
}

@media (max-width: 600px) {
    .localizacao {
        flex-direction: column;
        gap: 1rem;
    }

    .texto {
        order: 1;
    }

    .mapa {
        order: 2;
    }

    .mapa iframe {
        height: 200px;
    }
}

.titulo {
    margin-top: 1rem;
    text-align: center;
    font-size: 2rem;
}