/* ------------------- 
Estrutura de apresentação, possuindo a tela iframe, e cabeçario com o logo e o logout
-------------------------- */

/* ------------------- 
Cabeçario da tela 
-------------------------- */


.menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-content: end;
    align-items: end;


}

.cabecario_1 {
    width: 95%;
    height: 10vh;
    background-color: var(--Cor_Segundaria_5_1);

    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    transition: 1s ease;


}

.cabecario_1.expansao {
    width: 83.5%;
    transition: 1s ease;

}

.Bloco_subcab1_1 .icon_subcab1_1 {
    width: 15vw;
    margin-left: 2vw;
}

.Bloco_subcab1_2 {

    display: flex;
    flex-direction: row;
    padding-right: 2vw;
    align-content: center;
    align-items: center;

}

.Bloco_subcab1_2 button {
    width: 10vw;
    height: 5vh;
    font-family: var(--font_titulo);
    font-size: 1vw;

    outline: none;
    border: none;
    background: none;

    background-color: var(--Matriz);
    color: var(--Cor_Segundaria_5_1);
    transition: 1s ease;
}

.Bloco_subcab1_2 button:hover {

    border-left: 0.2vw solid var(--Matriz);
    border-right: 0.2vw solid var(--Matriz);
    border-top: 0.2vw solid var(--Matriz);
    border-bottom: 0.2vw solid var(--Matriz);

    background-color: var(--Cor_Segundaria_5_1);
    color: var(--Matriz);
    transition: 1s ease;
}


.cabecario_2 {
    width: 73%;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    background-color: var(--Matriz);
    height: 10vh;
}

.Bloco_subcab2_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    width: 8vw;
}

.Bloco_subcab2_1 .icon_subcab1_1 {
    width: 3vw;
}



.Bloco_subcab2_2 .icon_subcab2_1 {
    width: 2.5vw;
}

/*--------------
Tela de apresentação de conteudo
------------------*/

.capitulo_2 {
    display: flex;
    align-items: end;
    justify-content: end;
    align-content: end;
    width: 98vw;
}

.Corpo_2 .Colunas_1 .transmissão {
    width: 92vw;
    height: 82vh;
    transition: 1s ease;
}

.Corpo_2 iframe {
    outline: none;
    border: none;

}

.Corpo_2 .Colunas_1 .transmissão.expansao {

    width: 81vw;
    height: 82vh;
    transition: 1s ease;

}