.Capitulo_1 .linha_1 .Corpo .MensangemERRO {
    animation: SurgimentoDias 1s ease;
}

.CorpoPainelChamado {

    width: 85%;
    height: 5vh;
    border-radius: 1.5vw;
    padding-right: 1.5vw;
    padding-left: 1.5vw;

    gap: 1vw;

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

    background-color: var(--Cor_Segundaria_5_1);

    color: var(--Matriz);
    font-family: var(--font_titulo);
    font-size: 1vw;
    transform: scale(1);
    transition: 1s ease;

    animation: SurgimentoDias 1s ease;

}

.CorpoPainelChamado:hover {
    background-color: var(--Cor_Segundaria_5_2);
    transform: scale(0.9);
    transition: 1s ease;
}



.Capitulo_1 .linha_1 .Corpo .IconChamado {

    width: 0.5vw;
    height: 0.5vw;
    border-radius: 100%;
}


.Capitulo_1 .linha_1 .Corpo .CodeChamado {

    overflow: hidden;
}

.Capitulo_1 .linha_1 .Corpo .TituloChamado {


    flex-wrap: nowrap;

    overflow: hidden;
}



/*Estilos do Pop*/

.PopUpHome.Chamado {
    /* Define bordas arredondadas com 2% da largura da viewport (tela) */
    border-radius: 2vw;
    /* Define a altura do elemento como 40% da altura da viewport (tela) */
    height: 40vh;
    /* Inicialmente, o elemento não será exibido na página */
    display: none;
    /* A posição do elemento será absoluta em relação ao contêiner pai posicionado */
    position: absolute;
    /* Define a distância entre a parte superior do elemento e o topo da viewport (10% da altura da tela) */
    top: 10vh;
    /* Define a distância entre a parte esquerda do elemento e o lado esquerdo da viewport (60% da largura da tela) */
    left: 60vh;
    /* Define a distância entre a parte direita do elemento e o lado direito da viewport (60% da largura da tela) */
    right: 60vh;
    /* Define uma borda de 0.3% da largura da viewport, com a cor definida por uma variável CSS */
    border: 0.3vw solid var(--Cor_Segundaria_5_1);
    /* Define a cor de fundo do elemento como um tom muito claro de cinza (quase branco) */
    background-color: rgb(250, 250, 250);
    /* Define a direção do layout flexível para coluna (elementos dentro do container serão empilhados verticalmente) */
    flex-direction: column;
    /* Define que o display do elemento será flexível, permitindo o uso de propriedades flexbox */
    display: flex;
}

.PopUpHome.Chamado .PainelConteudo {

    color: var(--Cor_Segundaria_5_1);
    /*muda a cor do painel */
    height: 65%;
    /*muda o tamanho do painel*/
    display: flex;
    /*o display utilizado*/
    font-family: var(--font_titulo);
    /*a fonte usada */
    flex-direction: column;
    /*muda a direção do objeto*/
    justify-content: start;
    /*alinha onde fica o objeto*/
    align-items: center;
    /*alinha onde fica o objeto*/
    font-size: 1.2vw;
}

.PopUpHome.Chamado .PainelFechar {
    height: 15%;
    /* Define a altura do elemento como 15% da altura do elemento pai */

    /* Ativa o modelo de layout flexbox para o elemento */
    display: flex;

    /* Alinha os itens no eixo principal (horizontal, por padrão) no centro */
    justify-content: center;

    /* Organiza os itens na direção da coluna (vertical) */
    flex-direction: column;

    /* Alinha os itens no início do eixo transversal (o eixo vertical, no caso de flex-direction: column) */
    align-items: start;

    /* Aplica uma margem à esquerda de 0.9% da largura da tela (viewport) */
    margin-left: 0.9vw;

}

.PopUpHome.Chamado .PainelFechar button {
    border-radius: 2vh;
    /* Isso dá ao botão bordas arredondadas */

    color: var(--Cor_Segundaria_5_1);
    /* Define a cor do texto do botão como um tom de branco suave (#fffefe) */



    font-family: var(--font_titulo);
    /* Define a fonte do texto como Arial */

    /* Define a borda do botão com uma espessura de 0.1vw e cor branca (#ffffff) */
    border: 0.1vw solid #ffffff;

    /* Adiciona uma transição suave de 1 segundo para mudanças de estilo, como cor e tamanho */
    transition: 1s ease;

    width: 2vw;
    /* Define a largura do botão como 1.5% da largura da viewport (tela) */

    height: 4.5vh;
    /* Define a altura do botão como 1.5% da largura da viewport (tela) */

    /* Alinha o conteúdo do botão (texto ou elementos) no centro, horizontalmente */
    display: flex;
    justify-content: center;
    font-size: 1.2vw;
    /* Alinha o conteúdo do botão (texto ou elementos) no centro, verticalmente */
    align-items: center;

}

.PopUpHome.Chamado .PainelFechar button:hover {

    color: #D9D9D9;
    /*muda a cor do button */
    background-color: var(--Cor_Segundaria_5_1);
    /*muda a cor do fundo */
    transition: 1s ease;
    /*cria a transição */
}

.PopUpHome.Chamado .PainelEstado {
    font-size: 0.7vw;
    font-family: var(--font_titulo);
    /* Define a fonte do texto com a variável --font_titulo */


    height: 20%;
    /* Define a altura do elemento como 20% da altura do elemento pai */

    color: var(--Cor_Segundaria_5_1);
    /* Define a cor do texto com a variável --Cor_Segundaria_5_1 */

    /* Altera a cor de fundo ou a cor do painel usando a variável --Cor_Segundaria_5_1 */
    display: flex;
    /* Torna o elemento um contêiner flexível (flexbox) */

    flex-direction: column;
    /* Organiza os itens no contêiner de forma vertical (coluna) */

    align-items: center;
    /* Alinha os itens no final do eixo transversal (vertical, no caso de flex-direction: column) */

    justify-content: center;
    /* Alinha os itens no centro do eixo principal (horizontal, por padrão) */

    margin-right: 0.9vw;
    /* Aplica uma margem à direita de 0.9% da largura da tela (viewport) */

}