.elementor-53929 .elementor-element.elementor-element-480d841{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-53929 .elementor-element.elementor-element-6ae2f49{text-align:center;}.elementor-53929 .elementor-element.elementor-element-6ae2f49 img{width:100%;height:215px;object-fit:cover;object-position:center center;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-53929 .elementor-element.elementor-element-1734345{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:90px;--padding-left:12px;--padding-right:12px;}.elementor-53929 .elementor-element.elementor-element-1734345:not(.elementor-motion-effects-element-type-background), .elementor-53929 .elementor-element.elementor-element-1734345 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-53929 .elementor-element.elementor-element-6b13787 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-53929 .elementor-element.elementor-element-6b13787{text-align:center;}@media(max-width:767px){.elementor-53929 .elementor-element.elementor-element-6ae2f49 img{height:130px;}}@media(min-width:768px){.elementor-53929 .elementor-element.elementor-element-480d841{--content-width:100%;}}/* Start custom CSS *//* Layout responsivo para os filtros */
.filtro-container {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px;
}

/* Cada item do filtro ocupa um espaço adequado */
.filtro-item {
    display: flex;
    flex-direction: column;
    width: 180px; 
}

/* Labels do filtro */
.filtro-item label {
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

/* Inputs e selects responsivos */
.filtro-item input,
.filtro-item select {
    padding: 10px;
    font-size: 14px;
    width: 100%; /* Faz os inputs ocuparem todo o espaço disponível */
}

.filtro-item-medium {
    width: 150px;
}

.filtro-item-large {
    width: 230px;
}


/* Estilização da tabela */
#resultado-documentos table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Cabeçalho da tabela */
#resultado-documentos th {
    text-align: left;
    color: #000;
    background-color: #f5f5f5;
    padding: 10px;
    font-weight: bold;
}

/* Linhas da tabela */
#resultado-documentos td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

#resultado-documentos .cl-download {
    text-align: center !important;
}


/* Responsividade para telas menores */
@media screen and (max-width: 768px) {
    .filtro-container {
        flex-direction: column; /* Empilha os filtros */
        align-items: stretch; /* Faz os filtros ocuparem toda a largura */
        gap: 10px;
    }
    
    .filtro-container button {
        width: 95%;
        max-width: 95%;   
    }

    .filtro-item {
        width: 100%; /* Filtros ocupam 100% da largura */
    }


    #resultado-documentos table {
        display: block;
        overflow-x: auto;
        white-space: normal;
    }

    #resultado-documentos th, #resultado-documentos td {
        padding: 10px 2px !important;
        font-size: 14px;
    }

}

@media screen and (max-width: 480px) {
    #resultado-documentos th, #resultado-documentos td {
        font-size: 12px;
    }
    
}/* End custom CSS */