/* CSS for Mapa Section */

.google-maps {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    max-height: 85dvh;
    background-color: var(--color-accent-primary);
    border-radius: var(--border-radius-medium);
    overflow: hidden;
}


/* 



RESPONSIVO


*/
@media (max-width: 1024px) {
    .google-maps { aspect-ratio: 9 / 18; max-height: 95dvh; }
}

@media (max-width: 768px) {
    section.mapa { gap: var(--spacing-gap-large); }
}