.map7entrecasa-container {
    display: grid;
    grid-template-columns: 0.5fr 0.4fr 1fr 0.45fr;
    grid-template-rows: 0.4fr 0.8fr 0.8fr 0.35fr 0.8fr;
    grid-auto-flow: row;
    grid-template-areas:
        '. . escenario escenario'
        'mlat mlat mcentro mcentro'
        'mlat mlat mcentro mcentro'
        'mlat mlat mcentroa mcentroa'
        'barra mcentroa2 mcentroa2 mcentroa2';;
}

.map7entrecasa-firstSubElement {
    margin-top: 0.2em;
}

.map7entrecasa-subItem {
    transition: opacity 0.8s;
    text-align: center;
}

.map7entrecasa-titleSection {
    font-weight: bold;
    transition: opacity 0.8s;
    text-align: center;
}

.map7entrecasa-titleDescSection {
    transition: opacity 0.8s;
}

.map7entrecasa-textButtonHover {
    opacity: 0;
    position: absolute;
    transition: opacity 0.3s;
    font-size: 2em;
    font-weight: bold;
}

.map7entrecasa-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

/* A continuación se separan las clases de cada sección por líneas con guiones simples */
/* --------------------------------------------------------- */
.map7entrecasa-escenario {
    grid-area: escenario;
    background: #0097b2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    font-size: 1.3em;
    margin: 0 0 1% 0;
}
/* --------------------------------------------------------- */
.map7entrecasa-mlat {
    grid-area: mlat;
    background: #feedaa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 1% 2% 0;
}

/* .map7entrecasa-mlat:hover,
.map7entrecasa-mlat:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #f9e490;
} */

.map7entrecasa-mlat .map7entrecasa-textButtonHover {
    color: var(--af-text);
}

/* .map7entrecasa-mlat:hover .map7entrecasa-textButtonHover,
.map7entrecasa-mlat:focus .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map7entrecasa-mlat:hover .map7entrecasa-titleSection,
.map7entrecasa-mlat:focus .map7entrecasa-titleSection,
.map7entrecasa-mlat:hover .map7entrecasa-subItem,
.map7entrecasa-mlat:focus .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
} */
/* --------------------------------------------------------- */
.map7entrecasa-barra {
    grid-area: barra;
/*     background: #ec3aa6; */
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: start;
    color: white !important;
    font-size: 1.3em;
    margin: 3% 1% 0 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.map7entrecasa-barraFigure {
    width: 0;
    border-style: solid;
    border-color: transparent #a63434 transparent transparent;
}

.map7entrecasa-barra-text {
    position: absolute;
    font-weight: bold;
    width: 98%;
    text-align: center;
}
/* --------------------------------------------------------- */
.map7entrecasa-depie {
    grid-area: depie;
    background: #fae7e0;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 2% 1.5% 0 1%;
}

.map7entrecasa-depie:hover,
.map7entrecasa-depie:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #f4d6cb;
}

.map7entrecasa-depie .map7entrecasa-textButtonHover {
    color: var(--af-text);
}

.map7entrecasa-depie:hover .map7entrecasa-textButtonHover,
.map7entrecasa-depie:focus .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map7entrecasa-depie:hover .map7entrecasa-titleSection,
.map7entrecasa-depie:focus .map7entrecasa-titleSection,
.map7entrecasa-depie:hover .map7entrecasa-subItem,
.map7entrecasa-depie:focus .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map7entrecasa-mcentro {
    grid-area: mcentro;
    background: #b6e2d3;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 1% 1%;
}

.map7entrecasa-mcentro:hover,
.map7entrecasa-mcentro:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #a5dbc9;
}

.map7entrecasa-mcentro .map7entrecasa-textButtonHover {
    color: var(--af-text);
}

.map7entrecasa-mcentro:hover .map7entrecasa-textButtonHover,
.map7entrecasa-mcentro:focus .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;;
}

.map7entrecasa-mcentro:hover .map7entrecasa-titleSection,
.map7entrecasa-mcentro:focus .map7entrecasa-titleSection,
.map7entrecasa-mcentro:hover .map7entrecasa-subItem,
.map7entrecasa-mcentro:focus .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map7entrecasa-mcentroa {
    grid-area: mcentroa;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 1% 0 0 1%;
}

.map7entrecasa-mcentroa-manualHover {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095 !important;
}

.map7entrecasa-mcentroa-manualHover .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map7entrecasa-mcentroa-manualHover .map7entrecasa-titleSection,
.map7entrecasa-mcentroa-manualHover .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map7entrecasa-mcentroa:hover,
.map7entrecasa-mcentroa:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map7entrecasa-mcentroa .map7entrecasa-textButtonHover {
    color: var(--af-text);
}

.map7entrecasa-mcentroa:hover .map7entrecasa-textButtonHover,
.map7entrecasa-mcentroa:focus .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map7entrecasa-mcentroa:hover .map7entrecasa-titleSection,
.map7entrecasa-mcentroa:focus .map7entrecasa-titleSection,
.map7entrecasa-mcentroa:hover .map7entrecasa-subItem,
.map7entrecasa-mcentroa:focus .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
.map7entrecasa-titleMap {
    text-align: center;
    font-weight: bold;
}
/* --------------------------------------------------------- */
.map7entrecasa-mcentroa2 {
    grid-area: mcentroa2;
    background: #a0c7aa;
    color: var(--af-text);
    transition: 0.4s;
    position: relative;
    margin: 0 0 0 1%; 
    padding: 0 0 13% 16%;
}

.map7entrecasa-mcentroa2-manualHover {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map7entrecasa-mcentroa2-manualHover .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map7entrecasa-mcentroa2-manualHover .map7entrecasa-titleSection,
.map7entrecasa-mcentroa2-manualHover .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}

.map7entrecasa-mcentroa2:hover,
.map7entrecasa-mcentroa2:focus {
    color: var(--af-text) !important;
    text-decoration: none;
    background: #86c095;
}

.map7entrecasa-mcentroa2 .map7entrecasa-textButtonHover {
    color: var(--af-text);
}

.map7entrecasa-mcentroa2:hover .map7entrecasa-textButtonHover,
.map7entrecasa-mcentroa2:focus .map7entrecasa-textButtonHover {
    opacity: 1;
    transition: opacity 0.7s;
}

.map7entrecasa-mcentroa2:hover .map7entrecasa-titleSection,
.map7entrecasa-mcentroa2:focus .map7entrecasa-titleSection,
.map7entrecasa-mcentroa2:hover .map7entrecasa-subItem,
.map7entrecasa-mcentroa2:focus .map7entrecasa-subItem {
    opacity: 0;
    transition: opacity 0.2s;
}
/* --------------------------------------------------------- */
/* MEDIA QUERIES DEL MAPA */
@media only screen and (min-width: 1500px) {
    .map7entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map7entrecasa-subItem {
        font-size: 1em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map7entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map7entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1500px) {
    .map7entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map7entrecasa-subItem {
        font-size: 1em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.5em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.5em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 40px 0 !important;
    }

    .map7entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1400px) {
    .map7entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map7entrecasa-subItem {
        font-size: 0.8em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 1300px) {
    .map7entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map7entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 1200px) {
    .map7entrecasa-container {
        height: 50vw;
        width: 100%;
        padding: 0 5% 8% 5%;
        font-size: 0.8em;
    }

    .map7entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.1em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.1em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map7entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 8.5vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1100px) {
    .map7entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.8em;
    }

    .map7entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.1em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 40px 0 !important;
    }

    .map7entrecasa-barra-text {
        font-size: 1.1em;
    }

    .map7entrecasa-barraFigure {
        width: 0;
        height: 10vw;
        border-width: 2.5vw 9vw 2.5vw 0;
    }
}

@media only screen and (max-width: 1000px) {
    .map7entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
    }

    .map7entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.3em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 900px) {
    .map7entrecasa-container {
        height: 51vw;
        width: 100%;
        padding: 0 0 8% 0;
        font-size: 0.6em;
    }

    .map7entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.2em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.2em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.1em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.2em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 799px) {
    .map7entrecasa-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.9em;
    }

    .map7entrecasa-subItem {
        font-size: 0.77em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.6em;
        margin: 0px 0 50px 0 !important;
    }

    .map7entrecasa-barraFigure {
        width: 0;
        height: 18vw;
        border-width: 4vw 18vw 4vw 0;
    }
}

@media only screen and (max-width: 700px) {
    .map7entrecasa-container {
        height: 94vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.7em;
    }

    .map7entrecasa-subItem {
        font-size: 0.75em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.4em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.4em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.3em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.5em;
        margin: 0px 0 45px 0 !important;
    }
}

@media only screen and (max-width: 540px) {
    .map7entrecasa-container {
        height: 95vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.6em;
    }

    .map7entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.4em;
        margin: 0px 0 40px 0 !important;
    }
}

@media only screen and (max-width: 450px) {
    .map7entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map7entrecasa-subItem {
        font-size: 0.7em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1.3em;
    }

    .map7entrecasa-barra-text {
        font-size: 1.3em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 1.2em;
    }

    .map7entrecasa-titleMap {
        font-size: 1.1em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 350px) {
    .map7entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map7entrecasa-subItem {
        font-size: 0.6em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 1em;
    }

    .map7entrecasa-barra-text {
        font-size: 1em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 0.9em;
    }

    .map7entrecasa-titleMap {
        font-size: 1em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 300px) {
    .map7entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map7entrecasa-subItem {
        font-size: 0.5em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 0.9em;
    }

    .map7entrecasa-barra-text {
        font-size: 0.9em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 0.8em;
    }

    .map7entrecasa-titleMap {
        font-size: 0.8em;
        margin: 0px 0 30px 0 !important;
    }
}

@media only screen and (max-width: 250px) {
    .map7entrecasa-container {
        height: 97vw;
        width: 100%;
        padding: 0 3% 8% 3%;
        font-size: 0.5em;
    }

    .map7entrecasa-subItem {
        font-size: 0.3em !important;
    }

    .map7entrecasa-titleSection {
        font-size: 0.7em;
    }

    .map7entrecasa-barra-text {
        font-size: 0.7em;
    }

    .map7entrecasa-titleDescSection {
        font-size: 0.7em;
    }

    .map7entrecasa-titleMap {
        font-size: 0.7em;
        margin: 0px 0 20px 0 !important;
    }
}