#div_Pagina {
    display: grid;
    grid-template:
        "contenidoPagina" 100% /
        100%;
    width: 100%;
}

    #div_Pagina.MenuActivo {
        grid-template:
            "MenuLateral    contenidoPagina" calc(100vh - var(--altura_cabecera)) /
            var(--anchura_menuLateral) calc(100% - var(--anchura_menuLateral));
    }


.div_MenuLateral {
    display: flex;
    flex-direction: column;
    grid-area: MenuLateral;
    width: 100%;
    background: rgb(255,255,255);
    -webkit-box-shadow: 15px 2px 11px -3px #d4d4d4;
    -moz-box-shadow: 15px 2px 11px -3px #d4d4d4;
    box-shadow: 15px 2px 11px -3px #d4d4d4;
    height: calc(100vh - var(--altura_cabecera));
    align-content: center;
    align-items: center;
    gap: 20px;
    padding-top: 50px;
}

    .div_MenuLateral > input {
        border: 1px solid var(--color-naranja);
        height: 40px;
        width: 70%;
        padding: 4px;
        font-size: 18px;
        outline-color: var(--color-naranja);
        padding-left: 6px;
        padding-right: 6px;
    }
        .div_MenuLateral > input::placeholder {
            font-style: italic;
        }

    .div_MenuLateral > button {
        border: 1px solid var(--color-naranja);
        height: 40px;
        width: 50%;
        padding: 4px;
        font-size: 18px;
        box-shadow: 1px 20px 15px 5px #d4d4d4;
        background-color: var(--color-naranja);
        color: white;
    }
/*#endregion Menu Lateral*/

#contenidoPagina {
    grid-area: contenidoPagina;
    height: calc(100vh - var(--altura_cabecera));
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infoPreLogin {
    display: grid;
    grid-template:
        "Titulo Titulo" 15%
        "Mapa   Texto"  75% 
        "Suport Colaboraciones" 10% /
        50% 50%;
    height: 90%;
}

.tituloBienvenido {
    grid-area: Titulo;
    font-size: 1rem;
}

    .tituloBienvenido > h2 {
        text-align: center;
        font-size: 3.4em;
        color: var(--color-naranja);
    }

.div_imgMap {
    grid-area: Mapa;
    width: 100%;
    height: 100%;
}

    .div_imgMap > img {
        max-width: 100%;
        max-height: 100%;
    }

.div_Text {
    grid-area: Texto;
    padding-top: 20px;
    font-size: 1rem;
}

    .div_Text > label {
        margin-top: 40px;
        font-weight: bold;
        font-size: 2em;
    }

    .div_Text > ul {
        margin-top: 40px;
        margin-left: 40px;
        font-size: 1rem;
    }

        .div_Text > ul > li {
            font-weight: bold;
            font-size: 1.7em;
        }

.div_AmbSuport {
    grid-area: Suport;
    font-size: 1rem;
}

.div_Colaboraciones {
    grid-area: Colaboraciones;
}

.div_Imagenes_con_lblCabecera {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    height:100%;
}

    .div_Imagenes_con_lblCabecera > label {
        font-weight: bold;
    }

    .div_Imagenes_con_lblCabecera > .div_imagenes {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 50px;
        height: calc(100% - 18px - 10px);
    }

        .div_Imagenes_con_lblCabecera > .div_imagenes > img {
            height: 100%;
        }