.title-acoes{
    margin-bottom: 50px;
}

#acoes-filtros { 
    float: left; 
    width: 25%; 
    padding-right: 20px;
}

#acoes-lista {
    float: left;
    width: 75%;
    padding-left: 50px;
}

.bolsa {
    margin-bottom: 15px;
    background-color: #2244ff;
    padding: 10px 20px;
    border-radius: 10px;
    color: white;
}

.bolsa-titulo { cursor: pointer; background:#eee; padding:5px; border-radius:3px; }
.setores ul { list-style:none; margin:0; padding:0; }
.setores li { cursor:pointer; padding:5px 10px; margin-bottom:2px; background:#f9f9f9; border-radius:3px; }
.setores li:hover { background:#e0e0e0; }
.acao { border-bottom:1px solid #ddd; padding:10px 0; }
.pagination { margin-top:20px; }
.pagination li { display:inline-block; margin-right:5px; }
.pagination li a { padding:5px 10px; border:1px solid #ccc; text-decoration:none; border-radius:3px; }
.pagination li .current { background:#333; color:#fff; border-color:#333; }
.acoes-content { width:100%; padding-right: 0px; }

@media (max-width: 768px) {
    .title-acoes{
        padding: 30px !important;
	margin-bottom: 0px !important;
	line-height: 1.3 !important;
    }
    .container-acoes{
        width: 100% !important;
    }
    #acoes-filtros,
    #acoes-lista {
        float: none;         
        width: 100%;                 
        margin-bottom: 0px;  
    }
    #acoes-lista {        
        padding: 30px !important;         
    }

    #acoes-lista h2{
        font-size: 16px !important;
        line-height: 18px !important;
    }
    #acoes-wrapper ul{
        margin: 0px !important;
        padding: 30px !important;
    }
    .acoes-content { 
        padding-right: 30px;
    }
}

.bolsas-grid {
    display: grid;
    gap: 30px;
    padding: 0px 30px;
}

.bolsa-col {
    background: #f8f8f8;
    border-radius: 10px;
    padding: 20px;
}

.bolsa-titulo {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    background: #2244ff;
    color: white;
    padding: 10px;
    border-radius: 6px;
}

.setores-lista {
    list-style: none;
    padding: 0;
    margin: 0;
}

.setores-lista li {
    margin-bottom: 8px;
}

.setores-lista li a {
    display: block;
    padding: 8px 12px;
    background: #f1f1f1;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
}

.setores-lista li a:hover {
    background: #ddd;
}

/* Responsivo: empilha colunas */
@media (max-width: 900px) {
    .bolsas-grid {
        grid-template-columns: 1fr;
    }
}