.elementor-53929 .elementor-element.elementor-element-703d948{--display:flex;--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-f15f9db{text-align:center;}.elementor-53929 .elementor-element.elementor-element-f15f9db img{width:100%;height:319px;object-fit:cover;object-position:center center;}.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:90px;--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;}@media(max-width:767px){.elementor-53929 .elementor-element.elementor-element-f15f9db img{height:130px;}}/* 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 */
    max-width: 300px; /* Define um tamanho máximo */
}

/* Botão de filtro */
.filtro-btn > button {
    display: flex;
    justify-content: center;
    width: 100%;
}

.filtro-btn button {
    padding: 12px 40px;
    font-size: 16px;
    background-color: #00bd9a;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 25px;
    transition: background-color 0.3s ease;
    width: 100%;
    max-width: 200px;
}

.filtro-btn button:hover {
    background-color: #005f8d;
}

/* Botões gerais */
button {
    padding: 12px 40px;
    font-size: 16px;
    background-color: #00bd9a;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 25px;
    transition: background-color 0.3s ease;
    width: 100%;
    max-width: 200px;
}

button:hover {
    background-color: #005f8d;
}

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

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

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

/* Botão de download */
.download-btn {
    display: inline-block;
    padding: 8px 15px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.download-btn:hover {
    background-color: #0056b3;
}




/* 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-item {
        width: 100%; /* Filtros ocupam 100% da largura */
    }

    .filtro-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .filtro-btn button {
        width: 100%;
    }

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap; /* Evita que a tabela quebre em telas pequenas */
    }

    th, td {
        padding: 8px;
        font-size: 14px;
    }

    .download-btn {
        padding: 6px 12px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    button {
        padding: 10px 20px;
        font-size: 14px;
    }

    .download-btn {
        padding: 5px 10px;
        font-size: 12px;
    }

    th, td {
        font-size: 12px;
    }
}/* End custom CSS */