.le-mapa-wrapper {
    padding: clamp(28px, 4vw, 56px) clamp(16px, 4vw, 60px);
    background: #EEF2FB;
}

.le-mapa {
    width: 100%;
    height: clamp(500px, 60vh, 750px);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 6px 32px rgba(21, 88, 220, 0.14);
    position: relative;
}

.le-mapa iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

@media (max-width: 768px) {
    .le-mapa-wrapper {
        padding: 20px 12px 28px;
    }
    .le-mapa {
        height: clamp(520px, 82vh, 700px);
        border-radius: 14px;
    }
}

@media (min-width: 1440px) {
    .le-mapa {
        height: clamp(680px, 65vh, 900px);
    }
}