/*Esse caminho de classe, aponta para a classe coluna_2, que por usa vez possui a responsabilidade de alinhar todos os elementos dentro dela.*/
.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    gap: 2vh;

}

/* ========================= Imagem inicial do componente ============================== */


.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem {

    width: 95%;

    display: flex;
    justify-content: space-around;
    align-items: center;

}

.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .img {

    width: 3.5vw;
    height: 7vh;
    background-color: var(--Cor_Segundaria_2_1);
    box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);
    display: flex;
    justify-content: center;
    align-items: center;


}


.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .img img {

    width: 2.5vw;

}

/* ================================= Fechamento ======================================== */



/* ============================ corpo do componente ==================================== */

.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo {
    width: 70%;
    height: 7vh;

    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    background-color: var(--Cor_Segundaria_2_1);
    box-shadow: 4px 4px 0px 0px var(--Cor_Segundaria_2_2);

}

.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .titulo h2 {

    font-family: var(--font_titulo);
    font-size: 0.8vw;
    color: var(--Matriz);
}

.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo .alinhamentos {
    width: 50%;
    height: 6vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;

}

.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .corpo .alinhamentos button {
    background: none;
    border: none;
    outline: none;

    background-color: var(--Cor_Segundaria_5_1);
    box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_5_2);

    padding: 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    font-family: var(--font_titulo);
    color: var(--Matriz);
    font-size: 0.7vw;

    cursor: pointer;

}

/* ================================= Fechamento ======================================== */





/* ============================ botão final do componente ============================== */



.bloco_ambiente .seguimento_1 .capitulo_1 .painel_Cap .coluna_2 .painelItem .edicao button {

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

    background-color: var(--Cor_Segundaria_2_1);
    box-shadow: 5px 5px 0px 0px var(--Cor_Segundaria_2_2);

    width: 3vw;
    height: 7vh;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;

    font-family: var(--font_titulo);
    color: var(--Matriz);
    font-size: 2vw;

    cursor: pointer;

}

/* ================================= Fechamento ======================================== */