/* MATERIAIS */

.cards-materiais{
    display: flex;
    width: 100%;
    align-items: center;
    gap: 24px;
    
}
.card-imagem,
.card-documentos,
.card-video-material{
    width: 100%;
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 24px;
    border-radius: 8px;
    background: var(--Primary-900);
    cursor: pointer;
}
.card-imagem img,
.card-documentos img,
.card-video-material img{
    border-radius: 4px;
    background: var(--Primary-800);
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 10px;
}
.card-materiais-title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.card-materiais-title h1{
    color: var(--Neutral-white);
    font-family: var(--Fonte-proxima-nova);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
}
.card-materiais-title span{
    color: var(--Neutral-white);
    font-family: var(--Fonte-proxima-nova);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}

.content-upload-image{
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 4px;
    border: 1px dashed var(--GrayBlue-75);
    background: var(--Neutral-white);
}

.content-upload-image h2{
    font-family: var(--Fonte-proxima-nova);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    color: var(--Primary-950);
    line-height: 16px;
    white-space: nowrap;
}