.conteudoV {
    /*ok*/
    padding: 5px;
    background-color: #f0f0f0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    /* 
     border: 1px solid #ccc;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
}

.conteudoH {
    margin: 10px;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    width: 100%;
    height: calc(100% - 20px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;

    display: flex;
    /* Ativando Flexbox */
    flex-direction: row;
    /* Alinha os itens na horizontal */
    gap: 10px;
    /* Espaçamento entre os itens */
    flex-wrap: wrap;
    /* Faz os itens quebrarem de linha se não couberem */

    overflow-y: auto;
}



.regiaoH {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* Espaço entre os elementos */
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px;
}


.regiaoV {
    display: inline-block;
    flex-wrap: wrap;
    gap: 10px;
    /* Espaço entre os elementos */
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px;
}





.cardV {
    margin: 10px;
    padding: 10px;
    background-color: #f0f0f0;
    width: fit-content;
    border-radius: 8px;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.cardH {
    margin: 10px;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    width: fit-content;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;

    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
}


.grupoH {

    width: fit-content;

    /* border-radius: 8px;
    display: inline-block; */


    /*   width: auto;*/
    height: calc(100% - 20px);

    display: flex;
    /* Ativando Flexbox */
    flex-direction: row;
    /* Alinha os itens na horizontal */
    gap: 20px;
    /* Espaçamento entre os itens */
    flex-wrap: wrap;
    /* Faz os itens quebrarem de linha se não couberem */

    overflow-y: auto;


}


.grupoV {
    /*
    width: fit-content;
    border-radius: 8px;

    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
*/

    width: auto;
    height: calc(100% - 20px);

    display: flex;
    flex-direction: column;

    gap: 10px;
    overflow-y: auto;
}




.borda {
    padding: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}





.juntoV {
    display: flex;
    flex-direction: column;
}


.juntoH {
    width: fit-content;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    overflow-y: auto;
}