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

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


.capitulo_1 {
    width: 96.4vw;
    height: 10vh;
    background-color: var(--Cor_Segundaria_5_1);

    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;

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


}

.companyLogo {
    width: 14vw;
    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;
}