/**
 * Map Block Styles
 */

.block-map {
    padding: 5em 2.5em;
    background-color: var(--color-1, #F8F2E5);
}

@media screen and (max-width: 1024px) {
    .block-map {
        padding: 3em 0.5em;
    }
}

.block-map__container {
    max-width: 75em;
    margin: 0 auto;
}

/* Title */
.block-map-title {
    max-width: 26em;
    width: 100%;
    margin-bottom: 3.375em;
}

.block-map__title {
    color: var(--color-2, #03090D);
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .block-map__title {
        margin-bottom: 1.5em;
    }
}

.block-map__wrapper {
    position: relative;
    width: 100%;
    border-radius: 0.375em;
    overflow: hidden;
    background-color: #e8e4dc;
    border: 1px solid var(--color-4);
    height: auto; /* remove altura fixa */
}

/* se tiver iframe ainda em algum lugar, esconda ou remova o CSS do iframe */
.block-map__wrapper iframe {
  display: none;
}

.block-map__link {
  display: block;
}

.block-map__image {
  width: 100%;
  height: auto;     /* altura natural */
  display: block;
}