.vg_entornoapp{
    --vg_apptop_h: 50px;
    --vg_apptitle_h: 40px;
    --vg_appfooter_h:20px;

    height: 100%;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    
    .vg_entornoapp_top{
        height: calc(var(--vg_apptop_h) - 1px);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        background-color: var(--vgEntorno_Color_Fondo_1);
        color: var(--vgEntorno_Color_Font_1);
        border-bottom: 1px solid var(--vgEntorno_Color_Border_1);
        
        div.vg_app_tbr_icos{
            display: flex;
            align-items: center;
            
            div{
                margin-left: 8px;
                transition: all 0.2s;
                svg{
                    height: calc(var(--vg_apptop_h)*0.80);
                    width: calc(var(--vg_apptop_h)*0.80);
                }
            }
            div:hover{
                transform: scale(1.1);
            }
        }
    }
    .vg_entornoapp_titulo {
        font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
        font-size: 24px;
        height: calc(var(--vg_apptitle_h) - 1px - 8px);
        padding: 4px;
        display: flex;
        align-items: center;
        background-color: var(--vgEntorno_Color_Fondo_2);
        color:var(--vgEntorno_Color_Font_2);
        border-bottom: 1px solid var(--vgEntorno_Color_Border_2);
        overflow: hidden;
        
        img, svg{
            height: calc(var(--vg_apptitle_h)*1.8);
            width: calc(var(--vg_apptitle_h)*1.8);
            transform: rotate(-45deg);
            filter: drop-shadow(1px 1px 5px black);
            margin-right: 15px;
            margin-left: 10px;
        }
    }
    .vg_entornoapp_body{
        flex-grow: 1;
        overflow: auto; /* Permite el desplazamiento si el contenido excede el área disponible */
        background-color: var(--vgEntorno_Color_Fondo_3);
    }
    .vg_entornoapp_footer {
        height: calc(var(--vg_appfooter_h) - 1px);
        border-top: 1px solid var(--vgEntorno_Color_Border_4);
        background-color: var(--vgEntorno_Color_Fondo_4);
        color:var(--vgEntorno_Color_Font_4);
        display: flex;
        align-items: center;
        justify-content: center;
    }

}