/* ================================================
   CSS ADICIONAL - MUNICÍPIO DE MERCEDES
   ================================================ */

/* Banner Destaque (IPTU, etc) */
.banner-destaque {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
    border-radius: 8px;
    transition: box-shadow 0.2s ease;
}

.banner-destaque:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.banner-destaque a {
    display: block;
    color: #2d2d2d;
    text-decoration: none;
    padding: 15px 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.banner-destaque a i {
    margin-right: 10px;
}

.banner-amarelo {
    background: linear-gradient(135deg, #fff3cd 0%, #ffecb5 100%);
    border: 1px solid #ffc107;
}

.banner-verde {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 1px solid #28a745;
}

.banner-vermelho {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    border: 1px solid #dc3545;
}

/* ================================================
   BARRA LATERAL DIREITA - MELHORADA
   ================================================ */
#right {
    float: right;
    width: 280px;
    margin-left: 20px;
    margin-top: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    overflow: hidden;
}

.menus_laterais {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
    transition: background-color 0.2s ease;
}

.menus_laterais:last-child {
    border-bottom: none;
}

.menus_laterais:hover {
    background-color: #f8fff8;
}

.menus_laterais a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    text-decoration: none;
    float: none;
    width: auto;
}

.menus_laterais_icone {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
}

.menus_laterais_icone img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
}

.menus_laterais_icone > div {
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.menus_laterais_icone > div i {
    color: #fff !important;
    font-size: 20px !important;
}

.menus_laterais_nome {
    flex: 1;
    float: none;
    width: auto;
    height: auto;
    line-height: 1.3;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.menus_laterais:hover .menus_laterais_nome {
    color: #28a745;
}

/* ================================================
   BLOCOS DE NOTÍCIAS POR SECRETARIA
   ================================================ */
#noticias_02 {
    float: left;
    width: 100%;
    margin-top: 50px;
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
}

/* Esconde os separadores de linha que forçam quebra */
#noticias_02 > div[style*="float: left"][style*="width: 100%"] {
    display: none !important;
}

.bloco_noticias_02 {
    float: none !important;
    width: calc(33.333% - 10px) !important;
    margin: 0 !important;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    box-sizing: border-box;
    min-height: 300px;
}

.bloco_noticias_02:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.topico_riscado {
    float: left;
    width: 100%;
    background-image: url("../imagens/topico_riscado.png");
    height: 20px;
    line-height: 20px;
    color: #da0000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

.topico_riscado span {
    float: left;
    padding: 0 15px;
    padding-left: 0;
    background-color: #fff;
    color: #da0000;
}

.noticias02_destaque {
    float: left;
    width: 100%;
}

.noticias02_destaque_imagem {
    float: left;
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 6px;
    margin: 10px 0;
}

.noticias02_destaque_imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.noticias02_destaque_titulo {
    float: left;
    width: 100%;
}

.noticias02_destaque_titulo a {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #212529;
    text-decoration: none;
    line-height: 1.4;
}

.noticias02_destaque_titulo a:hover {
    color: #28a745;
    text-decoration: underline;
}

/* ================================================
   BOX LINKS / TRANSPARÊNCIA / SECRETARIAS
   ================================================ */
#box_previsao_tempo {
    float: left;
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
    clear: both;
}

.menu-rodape-coluna {
    float: none !important;
    flex: 1;
    min-width: 280px;
    max-width: calc(33.333% - 10px);
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    min-height: auto;
    box-sizing: border-box;
    margin: 0 !important;
}

.menu-rodape-coluna ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-rodape-coluna-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1a5f2a;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #28a745;
}

.menu-rodape-coluna-titulo i {
    margin-right: 8px;
}

.menu-rodape-coluna-item {
    float: left;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
    list-style: none;
    height: auto !important;
    margin-left: 0 !important;
}

.menu-rodape-coluna-item:last-child {
    border-bottom: none;
}

.menu-rodape-coluna-item a {
    color: #495057;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    display: block;
    width: 100%;
    text-decoration: none;
    line-height: 1.4;
    transition: color 0.2s;
}

.menu-rodape-coluna-item a:hover {
    color: #28a745;
}

/* ================================================
   RODAPÉ PRINCIPAL - CORRIGIDO
   ================================================ */
#rodape_total,
#rodape-total {
    float: left;
    width: 100%;
    clear: both;
    background-color: #e2e2e2;
    margin-top: 30px;
}

#menu-rodape {
    float: left;
    width: 100%;
    clear: both;
    overflow: hidden;
}

#dados_rodape {
    float: left;
    width: 100%;
    padding: 35px 0;
    clear: both;
}

#dados_rodape > .centraliza {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

#logo_rodape {
    flex: 0 0 150px;
    float: none !important;
}

#endereco_rodape {
    flex: 0 0 220px;
    float: none !important;
    margin-left: 0 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#atendimento_rodape {
    flex: 0 0 180px;
    float: none !important;
    margin-left: 0 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#telefone_rodape {
    flex: 0 0 130px;
    float: none !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#telefone_rodape img {
    float: none !important;
    display: block;
    margin: 0 auto 5px auto;
}

#redes_rodape {
    flex: 0 0 220px;
    float: none !important;
    margin-left: 0 !important;
}

.redes_rodape_loop {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.redes_rodape_icon {
    flex: 0 0 35px;
    margin-right: 10px;
    float: none !important;
    width: auto !important;
}

.redes_rodape_txt {
    flex: 1;
    float: none !important;
    width: auto !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 1.3;
    color: #000;
}

#assinatura {
    flex: 0 0 auto;
    margin-left: auto;
    float: none !important;
}

/* Força o rodapé a não engolir os elementos acima */
.centraliza {
    overflow: hidden;
}

#left {
    margin-bottom: 30px;
}

/* ================================================
   NOTÍCIA PRINCIPAL - APENAS MELHORIAS VISUAIS
   ================================================ */
#noticia_principal {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

#noticia_principal_titulo a {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* Barra Últimas */
.barras_topicos {
    border-radius: 6px;
    overflow: hidden;
}

.barras_topicos_alt {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
}

/* ================================================
   PÁGINA DE NOTÍCIAS - GRID
   ================================================ */
.noticias-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.noticia-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s ease;
}

.noticia-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.noticia-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.noticia-card-imagem {
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #f0f0f0;
}

.noticia-card-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.2s ease;
}

.noticia-card:hover .noticia-card-imagem img {
    filter: brightness(0.9);
}

.noticia-card-conteudo {
    padding: 20px;
}

.noticia-card-data {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #28a745;
    font-weight: 600;
    margin-bottom: 10px;
}

.noticia-card-data i {
    margin-right: 5px;
}

.noticia-card-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #212529;
    line-height: 1.4;
    margin: 0 0 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.noticia-card:hover .noticia-card-titulo {
    color: #28a745;
}

.noticia-card-subtitulo {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #6c757d;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Sem resultados */
.sem-resultados {
    text-align: center;
    padding: 60px 20px;
    color: #6c757d;
}

.sem-resultados i {
    font-size: 48px;
    margin-bottom: 15px;
    opacity: 0.5;
}

.sem-resultados p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin: 0;
}

/* Paginação nova */
.paginacao-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    padding: 20px 0;
}

.paginacao-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #495057;
    background: #fff;
    border: 1px solid #dee2e6;
    transition: all 0.2s ease;
}

.paginacao-btn:hover {
    background: #28a745;
    border-color: #28a745;
    color: #fff;
}

.paginacao-btn.paginacao-ativa {
    background: #28a745;
    border-color: #28a745;
    color: #fff;
}

/* ================================================
   PÁGINA DE LEGISLAÇÃO
   ================================================ */
.banner-azul {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border: 1px solid #2196f3;
}

.banner-azul a {
    color: #1565c0 !important;
}

.legislacao-filtros {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.legislacao-filtro-item {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    gap: 15px;
    transition: box-shadow 0.2s;
}

.legislacao-filtro-item:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
}

.legislacao-filtro-item.ativo {
    background: #f0fff4;
    border: 2px solid #28a745;
}

.filtro-icon {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filtro-icon i {
    color: #fff;
    font-size: 20px;
}

.filtro-content {
    flex: 1;
}

.filtro-content label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #212529;
    margin-bottom: 8px;
}

.filtro-content select {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s;
}

.filtro-content select:focus {
    outline: none;
    border-color: #28a745;
}

.legislacao-ementario {
    margin-top: 20px;
    text-align: center;
}

.legislacao-ementario a {
    display: inline-flex;
    align-items: center;
    padding: 12px 25px;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    transition: opacity 0.2s;
}

.legislacao-ementario a:hover {
    opacity: 0.9;
}

.legislacao-ementario a i {
    margin-right: 10px;
}

.legislacao-resultados {
    background: #fff;
    border-radius: 12px;
    margin-top: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
}

.resultado-header {
    background: #f8f9fa;
    padding: 18px 20px;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.resultado-header i {
    color: #28a745;
    font-size: 18px;
}

.resultado-header span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #495057;
}

.resultado-header strong {
    color: #212529;
}

.resultado-count {
    margin-left: auto;
    padding: 4px 12px;
    background: #28a745;
    color: #fff !important;
    border-radius: 20px;
    font-size: 12px !important;
    font-weight: 600;
}

.legislacao-resultados .anexos-lista {
    padding: 10px 20px 20px;
}

.legislacao-resultados .sem-anexos {
    padding: 40px 20px;
}

/* Responsivo Legislação */
@media (max-width: 900px) {
    .legislacao-filtros {
        grid-template-columns: 1fr;
    }
}

/* ================================================
   PÁGINAS DE CONTEÚDO (História, Símbolos, etc)
   ================================================ */
.conteudo-pagina {
    margin-top: 25px;
}

.secao-conteudo {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.secao-conteudo h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #212529;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #28a745;
    display: flex;
    align-items: center;
}

.secao-conteudo h2 i {
    color: #28a745;
    margin-right: 12px;
    font-size: 22px;
}

.secao-conteudo p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #495057;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}

.secao-conteudo p:last-child {
    margin-bottom: 0;
}

.secao-conteudo strong {
    color: #212529;
}

.secao-conteudo em {
    color: #28a745;
    font-style: italic;
}

.destaque-texto {
    background: #f0fff4;
    border-left: 4px solid #28a745;
    padding: 20px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
    display: flex;
    gap: 15px;
}

.destaque-texto > i {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background: #28a745;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.destaque-texto > div {
    flex: 1;
}

.destaque-texto strong {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #1e7e34;
    margin-bottom: 8px;
}

.destaque-texto p {
    margin: 0;
    font-size: 14px;
}

/* Tags de economia */
.lista-economia {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.tag-economia {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: #e8f5e9;
    border-radius: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #2e7d32;
}

.tag-economia i {
    margin-right: 8px;
}

/* Responsivo conteúdo */
@media (max-width: 600px) {
    .secao-conteudo {
        padding: 20px;
    }
    
    .secao-conteudo h2 {
        font-size: 18px;
    }
    
    .secao-conteudo p {
        font-size: 14px;
        text-align: left;
    }
    
    .destaque-texto {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ================================================
   PÁGINA DE FOTOS (ENVIO PÚBLICO)
   ================================================ */
.fotos-envio-container {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    margin-top: 25px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.fotos-envio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.fotos-envio-texto h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #28a745;
    margin: 0 0 20px 0;
}

.fotos-envio-texto h2 i {
    margin-right: 10px;
}

.fotos-envio-texto p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #495057;
    line-height: 1.7;
    margin-bottom: 12px;
}

.fotos-envio-texto a {
    color: #28a745;
    font-weight: 600;
}

.fotos-envio-form {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 25px;
}

.form-grupo {
    margin-bottom: 18px;
}

.form-grupo label {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}

.form-grupo label i {
    margin-right: 6px;
    color: #28a745;
}

.form-grupo input[type="text"],
.form-grupo input[type="file"],
.form-grupo textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.form-grupo input[type="text"]:focus,
.form-grupo textarea:focus {
    outline: none;
    border-color: #28a745;
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
}

.form-grupo textarea {
    resize: vertical;
    min-height: 80px;
}

.form-grupo small {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #888;
}

.form-checkbox label {
    display: flex;
    align-items: center;
    font-weight: normal;
    cursor: pointer;
}

.form-checkbox input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
}

.form-checkbox a {
    color: #28a745;
    margin-left: 4px;
}

.btn-enviar {
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.2s;
}

.btn-enviar:hover:not(.btn-disabled) {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-enviar.btn-disabled {
    background: #ccc;
    cursor: not-allowed;
}

.btn-enviar i {
    margin-right: 8px;
}

/* Alertas */
.alerta {
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.alerta i {
    margin-right: 12px;
    font-size: 18px;
}

.alerta-sucesso {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alerta-erro {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.fotos-enviadas-container {
    margin-top: 40px;
}

/* Responsivo Fotos */
@media (max-width: 800px) {
    .fotos-envio-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .fotos-envio-container {
        padding: 20px;
    }
}

/* ================================================
   PÁGINA DE EVENTOS
   ================================================ */
.eventos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 25px;
}

.evento-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s;
}

.evento-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.evento-card a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.evento-card-imagem {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: #f0f0f0;
}

.evento-card-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.2s;
}

.evento-card:hover .evento-card-imagem img {
    filter: brightness(0.8);
}

.evento-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(40, 167, 69, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.2s;
}

.evento-card-overlay i {
    margin-right: 8px;
}

.evento-card:hover .evento-card-overlay {
    opacity: 1;
}

.evento-card-titulo {
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #212529;
    line-height: 1.4;
    text-align: center;
}

.evento-card:hover .evento-card-titulo {
    color: #28a745;
}

/* Evento Individual */
.evento-header {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.evento-header h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #212529;
    margin: 0;
}

.evento-fotos-count {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: #e8f5e9;
    border-radius: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #28a745;
}

.evento-fotos-count i {
    margin-right: 8px;
}

/* Galeria de Fotos */
.galeria-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.galeria-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 1;
    background: #f0f0f0;
}

.galeria-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter 0.2s;
}

.galeria-item:hover img {
    filter: brightness(0.7);
}

.galeria-item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
}

.galeria-item-overlay i {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #28a745;
    font-size: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.galeria-item:hover .galeria-item-overlay {
    opacity: 1;
}

/* Responsivo Eventos */
@media (max-width: 900px) {
    .eventos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .galeria-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .eventos-grid {
        grid-template-columns: 1fr;
    }
    
    .galeria-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .evento-header {
        flex-direction: column;
        text-align: center;
    }
    
    .evento-header h1 {
        font-size: 20px;
    }
}

/* ================================================
   PÁGINA DADOS DO MUNICÍPIO
   ================================================ */
.dados-municipio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 25px;
}

.dado-card {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s;
}

.dado-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.dado-icon {
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dado-icon i {
    color: #fff;
    font-size: 22px;
}

.dado-info {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.dado-valor {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
}

.dado-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #6c757d;
    margin-top: 3px;
}

.dado-card-fonte {
    background: #f8f9fa;
}

.dado-card-fonte .dado-icon {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
}

/* Feriados */
.feriados-box {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.feriados-box h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #212529;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #28a745;
}

.feriados-box h3 i {
    color: #28a745;
    margin-right: 10px;
}

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

.feriados-lista li {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
}

.feriados-lista li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.feriado-data {
    flex: 0 0 140px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #28a745;
}

.feriado-nome {
    flex: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #495057;
}

/* Mapa */
.mapa-container {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.mapa-container h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #212529;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #28a745;
}

.mapa-container h3 i {
    color: #28a745;
    margin-right: 10px;
}

.mapa-frame {
    border-radius: 8px;
    overflow: hidden;
}

.mapa-frame iframe {
    display: block;
}

/* Responsivo dados município */
@media (max-width: 900px) {
    .dados-municipio-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .dados-municipio-grid {
        grid-template-columns: 1fr;
    }
    
    .feriados-lista li {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .feriado-data {
        flex: none;
    }
}

/* ================================================
   LISTAGEM ACCORDION (Aditivos, Licitações, etc)
   ================================================ */
.lista-accordion {
    margin-top: 20px;
}

.accordion-item {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
}

.accordion-header {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    cursor: pointer;
    transition: background-color 0.2s;
    text-decoration: none;
    color: inherit;
}

.accordion-header:hover {
    background-color: #f8f9fa;
}

.accordion-item.active .accordion-header {
    background-color: #f0fff4;
    border-bottom: 1px solid #e9ecef;
}

.accordion-icon {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

.accordion-icon i {
    color: #fff;
    font-size: 18px;
}

.accordion-content {
    flex: 1;
    min-width: 0;
}

.accordion-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #212529;
    margin-bottom: 4px;
    line-height: 1.3;
}

.accordion-descricao {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #6c757d;
}

.accordion-descricao strong {
    color: #28a745;
}

.accordion-arrow {
    flex: 0 0 30px;
    text-align: center;
    color: #adb5bd;
    transition: transform 0.3s;
}

.accordion-item.active .accordion-arrow {
    transform: rotate(180deg);
    color: #28a745;
}

/* Conteúdo expandido */
.accordion-body {
    display: none;
    padding: 0 20px 20px 20px;
    background: #fafafa;
}

.accordion-body.show {
    display: block;
}

/* Lista de anexos */
.anexos-lista {
    list-style: none;
    margin: 0;
    padding: 0;
}

.anexo-item {
    border-bottom: 1px solid #e9ecef;
}

.anexo-item:last-child {
    border-bottom: none;
}

.anexo-link {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s, padding-left 0.2s;
    border-radius: 6px;
    margin: 4px 0;
}

.anexo-link:hover {
    background-color: #e8f5e9;
    padding-left: 20px;
}

.anexo-icon {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    background: #e3f2fd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.anexo-icon i {
    color: #1976d2;
    font-size: 14px;
}

.anexo-icon.pdf i { color: #d32f2f; }
.anexo-icon.pdf { background: #ffebee; }

.anexo-icon.doc i { color: #1565c0; }
.anexo-icon.doc { background: #e3f2fd; }

.anexo-icon.xls i { color: #2e7d32; }
.anexo-icon.xls { background: #e8f5e9; }

.anexo-info {
    flex: 1;
    min-width: 0;
}

.anexo-nome {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 2px;
    line-height: 1.3;
}

.anexo-data {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #888;
}

.anexo-download {
    flex: 0 0 auto;
    padding: 6px 12px;
    background: #28a745;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.2s;
}

.anexo-link:hover .anexo-download {
    opacity: 1;
}

/* Botão Ver Mais Anexos */
.ver-mais-anexos {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    margin-top: 10px;
    background: #fff;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
}

.ver-mais-anexos:hover {
    border-color: #28a745;
    color: #28a745;
    background: #f0fff4;
}

.ver-mais-anexos i {
    margin-right: 8px;
}

.anexos-ocultos {
    display: none;
}

.anexos-ocultos.show {
    display: block;
}

/* Contador de anexos */
.anexos-contador {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: #e9ecef;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #495057;
    margin-left: 10px;
}

.anexos-contador i {
    margin-right: 5px;
    font-size: 10px;
}

/* Sem anexos */
.sem-anexos {
    padding: 20px;
    text-align: center;
    color: #adb5bd;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.sem-anexos i {
    display: block;
    font-size: 24px;
    margin-bottom: 8px;
}

/* ================================================
   PÁGINA DE NOTÍCIA INDIVIDUAL
   ================================================ */
.noticia-completa {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    margin-top: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.noticia-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #212529;
    line-height: 1.3;
    margin: 0 0 20px 0;
}

.noticia-meta {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

.noticia-subtitulo {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #6c757d;
    line-height: 1.5;
    margin: 0 0 15px 0;
}

.noticia-info {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #6c757d;
}

.noticia-data,
.noticia-visitas {
    display: flex;
    align-items: center;
    gap: 6px;
}

.noticia-data i,
.noticia-visitas i {
    color: #28a745;
}

.noticia-imagem-principal {
    margin-bottom: 25px;
    border-radius: 8px;
    overflow: hidden;
}

.noticia-imagem-principal img {
    width: 100%;
    height: auto;
    display: block;
}

.noticia-texto {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 1.8;
}

.noticia-texto p {
    margin-bottom: 15px;
}

.noticia-texto img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 15px 0;
}

.noticia-texto a {
    color: #28a745;
    text-decoration: underline;
}

.noticia-texto a:hover {
    color: #1e7e34;
}

/* Vídeo */
.noticia-video {
    margin: 25px 0;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
}

.noticia-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Áudio */
.noticia-audio {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.audio-legenda {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.noticia-audio audio {
    width: 100%;
}

/* Compartilhar */
.noticia-compartilhar {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 12px;
}

.noticia-compartilhar span {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.2s;
}

.share-btn:hover {
    opacity: 0.8;
}

.share-facebook {
    background: #1877f2;
}

.share-whatsapp {
    background: #25d366;
}

.share-twitter {
    background: #1da1f2;
}

/* Últimas Notícias */
.ultimas-noticias {
    margin-top: 40px;
}

.ultimas-noticias .barras_topicos {
    margin-bottom: 20px;
}

.ultimas-noticias-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.ultima-noticia-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s;
}

.ultima-noticia-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
}

.ultima-noticia-card a {
    display: flex;
    text-decoration: none;
    color: inherit;
}

.ultima-noticia-imagem {
    flex: 0 0 120px;
    height: 100px;
    overflow: hidden;
}

.ultima-noticia-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ultima-noticia-conteudo {
    flex: 1;
    padding: 12px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ultima-noticia-data {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #28a745;
    font-weight: 600;
    margin-bottom: 5px;
}

.ultima-noticia-conteudo h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #212529;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ultima-noticia-card:hover h4 {
    color: #28a745;
}

/* ================================================
   RESPONSIVO
   ================================================ */
@media (max-width: 1200px) {
    #dados_rodape > .centraliza {
        justify-content: center;
    }
    
    .bloco_noticias_02 {
        width: calc(50% - 10px) !important;
    }
    
    .menu-rodape-coluna {
        max-width: calc(50% - 10px);
    }
    
    .noticias-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .menu-rodape-coluna {
        max-width: 100%;
        width: 100%;
    }
    
    .bloco_noticias_02 {
        width: 100% !important;
        min-height: auto;
    }
    
    #right {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    
    .noticias-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    #dados_rodape > .centraliza {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    #logo_rodape,
    #endereco_rodape,
    #atendimento_rodape,
    #telefone_rodape,
    #redes_rodape {
        flex: none;
        width: 100%;
        max-width: 300px;
        margin-bottom: 20px;
    }
    
    .redes_rodape_loop {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .noticias-grid {
        grid-template-columns: 1fr;
    }
    
    .noticia-card-imagem {
        height: 200px;
    }
    
    .noticia-completa {
        padding: 20px;
        margin-top: 20px;
        border-radius: 0;
    }
    
    .noticia-titulo {
        font-size: 22px;
    }
    
    .noticia-subtitulo {
        font-size: 14px;
    }
    
    .noticia-texto {
        font-size: 14px;
    }
    
    .ultimas-noticias-grid {
        grid-template-columns: 1fr;
    }
    
    .ultima-noticia-imagem {
        flex: 0 0 100px;
        height: 80px;
    }
    
    .noticia-compartilhar {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    #box_previsao_tempo {
        flex-direction: column;
    }
    
    .menu-rodape-coluna {
        min-width: 100%;
        min-height: auto;
    }
    
    #noticias_02 {
        flex-direction: column;
    }
    
    .bloco_noticias_02 {
        width: 100% !important;
        min-height: auto;
    }
    
    .banner-destaque {
        border-radius: 0;
    }
    
    .banner-destaque a {
        font-size: 13px;
        padding: 12px 15px;
    }
    
    .menus_laterais a {
        padding: 10px 12px;
    }
    
    .menus_laterais_icone {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
    }
    
    .menus_laterais_icone > div {
        width: 40px !important;
        height: 40px !important;
    }
    
    .menus_laterais_nome {
        font-size: 13px;
    }
    
    .paginacao-container {
        flex-wrap: wrap;
    }
    
    .paginacao-btn {
        min-width: 36px;
        height: 36px;
        font-size: 13px;
    }
}

/* =====================================================
   FILTRO DE TIPO (LICITAÇÕES)
===================================================== */
.filtro-tipo {
    margin-bottom: 25px;
}

.btn-filtro {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #fff;
    padding: 14px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}

.btn-filtro:hover {
    background: linear-gradient(135deg, #c0392b, #a93226);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
    color: #fff;
}

.btn-filtro.andamento {
    background: linear-gradient(135deg, #27ae60, #229954);
    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
}

.btn-filtro.andamento:hover {
    background: linear-gradient(135deg, #229954, #1e8449);
    box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4);
}

.btn-filtro i {
    font-size: 16px;
}

/* Fase atual na descrição */
.fase-atual {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #27ae60;
    font-weight: 600;
    margin-right: 15px;
}

.fase-atual i {
    color: #27ae60;
}

/* Info de resultados */
.info-resultados {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #666;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-resultados::before {
    content: '\f0ca';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #3498db;
}

/* =====================================================
   BOX INFORMATIVO
===================================================== */
.box-informativo {
    display: flex;
    gap: 20px;
    background: linear-gradient(135deg, #e8f4fd, #d6eaf8);
    border: 1px solid #aed6f1;
    border-left: 5px solid #3498db;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
}

.box-informativo-icon {
    flex: 0 0 50px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 5px;
}

.box-informativo-icon i {
    font-size: 32px;
    color: #3498db;
}

.box-informativo-content {
    flex: 1;
}

.box-informativo-content p {
    margin: 0 0 12px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #2c3e50;
}

.box-informativo-content p:last-of-type {
    margin-bottom: 15px;
}

.box-informativo-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #3498db;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.box-informativo-link:hover {
    background: #2980b9;
    color: #fff;
    transform: translateX(5px);
}

.box-informativo-link i {
    font-size: 16px;
}

/* Box informativo variantes */
.box-informativo.success {
    background: linear-gradient(135deg, #e8f8f0, #d5f4e6);
    border-color: #a9dfbf;
    border-left-color: #27ae60;
}

.box-informativo.success .box-informativo-icon i {
    color: #27ae60;
}

.box-informativo.success .box-informativo-link {
    background: #27ae60;
}

.box-informativo.success .box-informativo-link:hover {
    background: #229954;
}

.box-informativo.warning {
    background: linear-gradient(135deg, #fef9e7, #fcf3cf);
    border-color: #f9e79f;
    border-left-color: #f39c12;
}

.box-informativo.warning .box-informativo-icon i {
    color: #f39c12;
}

.box-informativo.warning .box-informativo-link {
    background: #f39c12;
}

.box-informativo.warning .box-informativo-link:hover {
    background: #d68910;
}

/* Responsivo */
@media (max-width: 768px) {
    .box-informativo {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .box-informativo-icon {
        justify-content: center;
        padding-top: 0;
    }
    
    .box-informativo-link {
        width: 100%;
        justify-content: center;
    }
}

/* =====================================================
   SEÇÃO DE DOCUMENTOS
===================================================== */
.secao-documentos {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.secao-titulo {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #2c3e50, #34495e);
    color: #fff;
    padding: 15px 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.secao-titulo i {
    font-size: 18px;
    opacity: 0.9;
}

/* Lista de Documentos */
.lista-documentos {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lista-documentos li {
    border-bottom: 1px solid #f0f0f0;
}

.lista-documentos li:last-child {
    border-bottom: none;
}

.lista-documentos a {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 20px;
    text-decoration: none;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    transition: all 0.3s ease;
}

.lista-documentos a:hover {
    background: #f8f9fa;
    padding-left: 25px;
}

.lista-documentos a i {
    flex: 0 0 24px;
    font-size: 20px;
    color: #e74c3c;
}

.lista-documentos a i.fa-folder {
    color: #f39c12;
}

.lista-documentos a i.fa-file-word {
    color: #2980b9;
}

.lista-documentos a i.fa-file-excel {
    color: #27ae60;
}

.lista-documentos a span {
    flex: 1;
    line-height: 1.4;
}

.lista-documentos a:hover span {
    color: #3498db;
}

/* Variante de cor para seção */
.secao-documentos.verde .secao-titulo {
    background: linear-gradient(135deg, #27ae60, #229954);
}

.secao-documentos.azul .secao-titulo {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.secao-documentos.laranja .secao-titulo {
    background: linear-gradient(135deg, #e67e22, #d35400);
}

/* Responsivo */
@media (max-width: 768px) {
    .secao-titulo {
        padding: 12px 15px;
        font-size: 15px;
    }
    
    .lista-documentos a {
        padding: 12px 15px;
        font-size: 13px;
    }
    
    .lista-documentos a:hover {
        padding-left: 18px;
    }
}

/* =====================================================
   GALERIA DE PREFEITOS
===================================================== */
.galeria-prefeitos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.prefeito-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.prefeito-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.prefeito-imagem {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: #f0f0f0;
}

.prefeito-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.prefeito-card:hover .prefeito-imagem img {
    transform: scale(1.05);
}

.prefeito-zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.prefeito-zoom i {
    color: #fff;
    font-size: 32px;
}

.prefeito-card:hover .prefeito-zoom {
    opacity: 1;
}

.prefeito-info {
    padding: 20px;
}

.prefeito-gestao {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 12px;
}

.prefeito-gestao i {
    font-size: 11px;
}

.prefeito-nome {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.prefeito-vice {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #666;
    margin: 0;
}

.prefeito-vice i {
    color: #95a5a6;
    font-size: 13px;
}

/* Responsivo */
@media (max-width: 900px) {
    .galeria-prefeitos {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .prefeito-card {
        display: flex;
        flex-direction: row;
    }
    
    .prefeito-imagem {
        flex: 0 0 140px;
        width: 140px;
        height: 180px;
    }
    
    .prefeito-info {
        flex: 1;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .prefeito-nome {
        font-size: 16px;
    }
    
    .prefeito-gestao {
        font-size: 11px;
        padding: 5px 10px;
    }
    
    .prefeito-vice {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .prefeito-card {
        flex-direction: column;
    }
    
    .prefeito-imagem {
        flex: none;
        width: 100%;
        height: 250px;
    }
}

/* =====================================================
   SALA DO EMPREENDEDOR - GRID DE SERVIÇOS
===================================================== */
.servicos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 40px;
}

.servico-card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    min-height: 100px;
}

.servico-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
    pointer-events: none;
}

.servico-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.servico-icone {
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.servico-icone i {
    font-size: 26px;
}

.servico-info {
    flex: 1;
}

.servico-info h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    line-height: 1.3;
}

.servico-info p {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin: 0;
    opacity: 0.9;
}

.servico-seta {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 0;
    transition: all 0.3s ease;
}

.servico-seta i {
    font-size: 14px;
}

.servico-card:hover .servico-seta {
    opacity: 1;
}

/* Cores dos cards */
.servico-card.verde {
    background: linear-gradient(135deg, #27ae60, #1e8449);
}

.servico-card.verde-claro {
    background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.servico-card.azul {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.servico-card.azul-escuro {
    background: linear-gradient(135deg, #2c3e50, #1a252f);
}

.servico-card.roxo {
    background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

.servico-card.magenta {
    background: linear-gradient(135deg, #8e44ad, #6c3483);
}

.servico-card.laranja {
    background: linear-gradient(135deg, #d35400, #a04000);
}

.servico-card.vermelho {
    background: linear-gradient(135deg, #c0392b, #922b21);
}

/* =====================================================
   SALA DO EMPREENDEDOR - CONTATO
===================================================== */
.contato-empreendedor {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.contato-titulo {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #2c3e50, #34495e);
    color: #fff;
    padding: 18px 25px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.contato-titulo i {
    font-size: 22px;
}

.contato-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: #e9ecef;
}

.contato-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: #fff;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

a.contato-item:hover {
    background: #f8f9fa;
}

.contato-icone {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.contato-icone i {
    font-size: 22px;
}

.contato-item.whatsapp .contato-icone {
    background: linear-gradient(135deg, #25d366, #128c7e);
}

.contato-item.facebook .contato-icone {
    background: linear-gradient(135deg, #1877f2, #0d5ecf);
}

.contato-item.telefone .contato-icone {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.contato-item.endereco .contato-icone {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.contato-item.email .contato-icone {
    background: linear-gradient(135deg, #f39c12, #d68910);
}

.contato-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.contato-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #95a5a6;
    text-transform: uppercase;
    font-weight: 600;
}

.contato-valor {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #2c3e50;
    font-weight: 600;
}

a.contato-item:hover .contato-valor {
    color: #3498db;
}

/* Responsivo Sala do Empreendedor */
@media (max-width: 900px) {
    .servicos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .servicos-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .servico-card {
        padding: 18px;
    }
    
    .contato-grid {
        grid-template-columns: 1fr;
    }
    
    .contato-titulo {
        font-size: 16px;
        padding: 15px 20px;
    }
    
    .contato-item {
        padding: 15px 20px;
    }
    
    .contato-valor {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .servico-info h3 {
        font-size: 14px;
    }
    
    .servico-icone {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
    }
    
    .servico-icone i {
        font-size: 22px;
    }
}

/* =====================================================
   LISTAGEM DE SECRETARIAS
===================================================== */
.alert-info {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #e8f4fd, #d6eaf8);
    border: 1px solid #aed6f1;
    border-left: 4px solid #3498db;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2c3e50;
}

.alert-info i {
    font-size: 20px;
    color: #3498db;
}

.lista-secretarias {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.secretaria-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 18px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.secretaria-item:hover {
    border-color: #3498db;
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.15);
    transform: translateX(5px);
}

.secretaria-icone {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.secretaria-icone i {
    color: #fff;
    font-size: 22px;
}

.secretaria-info {
    flex: 1;
}

.secretaria-nome {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 6px 0;
}

.secretaria-detalhes {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.secretaria-responsavel,
.secretaria-fone {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7f8c8d;
}

.secretaria-responsavel i,
.secretaria-fone i {
    font-size: 12px;
    color: #95a5a6;
}

.secretaria-seta {
    flex: 0 0 30px;
    color: #bdc3c7;
    transition: all 0.3s ease;
}

.secretaria-item:hover .secretaria-seta {
    color: #3498db;
    transform: translateX(5px);
}

/* =====================================================
   DETALHE DA SECRETARIA
===================================================== */
.secretaria-detalhe {
    display: flex;
    gap: 30px;
}

.secretaria-sidebar {
    flex: 0 0 300px;
    width: 300px;
}

.secretaria-conteudo {
    flex: 1;
    min-width: 0;
}

.secretaria-foto {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.secretaria-foto img {
    width: 100%;
    height: auto;
    display: block;
}

.secretaria-dados {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.secretaria-dado-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.secretaria-dado-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.secretaria-dado-item:first-child {
    padding-top: 0;
}

.secretaria-dado-item > i {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}

.secretaria-dado-item > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dado-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #95a5a6;
    text-transform: uppercase;
    font-weight: 600;
}

.dado-valor {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2c3e50;
    font-weight: 600;
    word-break: break-word;
}

.secretaria-sobre {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.secretaria-sobre h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 15px 0;
}

.secretaria-sobre h4 i {
    color: #3498db;
}

.secretaria-texto {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #555;
    max-height: 200px;
    overflow: hidden;
    position: relative;
}

.secretaria-texto.expandido {
    max-height: none;
}

.secretaria-texto:not(.expandido)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(transparent, #fff);
}

.btn-leia-mais {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid #3498db;
    color: #3498db;
    padding: 8px 15px;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 15px;
    transition: all 0.3s ease;
}

.btn-leia-mais:hover {
    background: #3498db;
    color: #fff;
}

/* Botão Voltar */
.btn-voltar {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #95a5a6, #7f8c8d);
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.btn-voltar:hover {
    background: linear-gradient(135deg, #7f8c8d, #6c7a7d);
    color: #fff;
}

/* Departamento Detalhe */
.departamento-detalhe {
    background: #fff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.departamento-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #3498db;
}

.departamento-imagem {
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.departamento-imagem img {
    max-width: 100%;
    height: auto;
}

.departamento-texto {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #555;
}

/* Accordion Icon Colors */
.accordion-icon.azul {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.accordion-icon.verde {
    background: linear-gradient(135deg, #27ae60, #229954);
}

.accordion-icon.laranja {
    background: linear-gradient(135deg, #e67e22, #d35400);
}

/* Lista Simples */
.lista-simples {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lista-simples li {
    border-bottom: 1px solid #f0f0f0;
}

.lista-simples li:last-child {
    border-bottom: none;
}

.lista-simples a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    text-decoration: none;
    color: #333;
    transition: all 0.3s ease;
}

.lista-simples a:hover {
    background: #f8f9fa;
    padding-left: 20px;
}

.lista-simples a i:first-child {
    color: #3498db;
    font-size: 16px;
}

.lista-simples a span {
    flex: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.lista-simples a .seta {
    color: #bdc3c7;
    font-size: 12px;
    transition: all 0.3s ease;
}

.lista-simples a:hover .seta {
    color: #3498db;
    transform: translateX(3px);
}

/* Notícias Secretaria */
.noticias-secretaria {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px 0;
}

.noticia-mini {
    display: flex;
    gap: 15px;
    text-decoration: none;
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.noticia-mini:hover {
    background: #f8f9fa;
}

.noticia-mini-foto {
    flex: 0 0 120px;
    width: 120px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    background: #f0f0f0;
}

.noticia-mini-foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.noticia-mini-info {
    flex: 1;
    min-width: 0;
}

.noticia-mini-data {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #95a5a6;
    margin-bottom: 5px;
}

.noticia-mini-info h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 5px 0;
    line-height: 1.4;
}

.noticia-mini:hover h4 {
    color: #3498db;
}

.noticia-mini-info p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #7f8c8d;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Responsivo Secretarias */
@media (max-width: 900px) {
    .secretaria-detalhe {
        flex-direction: column;
    }
    
    .secretaria-sidebar {
        flex: none;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .secretaria-item {
        padding: 15px;
    }
    
    .secretaria-icone {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
    }
    
    .secretaria-nome {
        font-size: 15px;
    }
    
    .secretaria-detalhes {
        flex-direction: column;
        gap: 5px;
    }
    
    .noticia-mini {
        flex-direction: column;
    }
    
    .noticia-mini-foto {
        flex: none;
        width: 100%;
        height: 150px;
    }
}

/* =====================================================
   PÁGINA SEMAE
===================================================== */
.topicos_grandes.semae {
    background: linear-gradient(135deg, #18318c, #0d1f5c);
}

/* Ações Rápidas */
.semae-acoes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.semae-acao-btn {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.semae-acao-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%);
}

.semae-acao-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.semae-acao-btn.segunda-via {
    background: linear-gradient(135deg, #27ae60, #1e8449);
}

.semae-acao-btn.tabela {
    background: linear-gradient(135deg, #3498db, #2980b9);
}

.semae-acao-btn .acao-icone {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.semae-acao-btn .acao-icone i {
    font-size: 24px;
}

.semae-acao-btn .acao-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.semae-acao-btn .acao-titulo {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.semae-acao-btn .acao-desc {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    opacity: 0.9;
}

.semae-acao-btn > i:last-child {
    font-size: 14px;
    opacity: 0.7;
}

/* Grid de Cards */
.semae-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.semae-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}

.semae-card.destaque {
    border: 2px solid #18318c;
}

.semae-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #18318c, #0d1f5c);
    color: #fff;
    padding: 15px 20px;
}

.semae-card.destaque .semae-card-header {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.semae-card-header i {
    font-size: 20px;
}

.semae-card-header h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.semae-card-body {
    padding: 20px;
}

/* Lista SEMAE */
.semae-lista {
    list-style: none;
    margin: 0;
    padding: 0;
}

.semae-lista li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
}

.semae-lista li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.semae-lista li:first-child {
    padding-top: 0;
}

.semae-lista li i {
    color: #27ae60;
    font-size: 12px;
}

.semae-lista.apps li {
    padding: 12px 0;
}

.semae-lista.apps li i {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}

/* Documentos */
.semae-docs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.doc-secao h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #18318c;
    margin: 0 0 10px 0;
}

.doc-secao h4 i {
    font-size: 14px;
}

.doc-secao ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.doc-secao ul li {
    position: relative;
    padding-left: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #555;
    line-height: 1.8;
}

.doc-secao ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #18318c;
    font-weight: bold;
}

/* Horários */
.semae-horarios {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.horario-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8f9fa;
    padding: 12px 15px;
    border-radius: 8px;
}

.horario-item i {
    font-size: 20px;
    color: #f39c12;
}

.horario-item div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.horario-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #95a5a6;
    text-transform: uppercase;
    font-weight: 600;
}

.horario-valor {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #2c3e50;
    font-weight: 700;
}

/* Contatos SEMAE */
.semae-contatos {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contato-semae {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contato-semae:hover {
    background: #e8f4fd;
}

.contato-semae i {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}

.contato-semae.plantao i {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.contato-semae div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contato-semae .contato-label {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #95a5a6;
    text-transform: uppercase;
    font-weight: 600;
}

.contato-semae .contato-valor {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #2c3e50;
    font-weight: 700;
}

.contato-semae:hover .contato-valor {
    color: #3498db;
}

.contato-semae.plantao:hover .contato-valor {
    color: #e74c3c;
}

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

@media (max-width: 768px) {
    .semae-acoes {
        grid-template-columns: 1fr;
    }
    
    .semae-acao-btn {
        padding: 18px 20px;
    }
    
    .semae-horarios {
        flex-direction: column;
    }
    
    .horario-item {
        justify-content: center;
    }
}

/* =====================================================
   PÁGINA DE TELEFONES
===================================================== */
.busca-telefones {
    position: relative;
    margin-bottom: 25px;
}

.busca-telefones i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #95a5a6;
    font-size: 18px;
}

.busca-telefones input {
    width: 100%;
    padding: 15px 20px 15px 50px;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #333;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.busca-telefones input:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.1);
}

.busca-telefones input::placeholder {
    color: #adb5bd;
}

/* Grid de Telefones */
.telefones-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.telefone-card {
    display: flex;
    gap: 15px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

.telefone-card:hover {
    border-color: #3498db;
    box-shadow: 0 5px 20px rgba(52, 152, 219, 0.12);
    transform: translateY(-2px);
}

.telefone-icone {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.telefone-icone i {
    color: #fff;
    font-size: 22px;
}

.telefone-info {
    flex: 1;
    min-width: 0;
}

.telefone-nome {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.telefone-dado {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #555;
}

.telefone-dado:last-child {
    margin-bottom: 0;
}

.telefone-dado i {
    flex: 0 0 16px;
    color: #3498db;
    font-size: 14px;
    margin-top: 2px;
}

.telefone-dado span {
    flex: 1;
    line-height: 1.4;
}

.telefone-dado.horario {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e9ecef;
}

.telefone-dado.horario i {
    color: #f39c12;
}

.telefone-dado.horario span {
    font-size: 13px;
    color: #7f8c8d;
}

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

@media (max-width: 768px) {
    .telefone-card {
        padding: 15px;
    }
    
    .telefone-icone {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
    }
    
    .telefone-icone i {
        font-size: 18px;
    }
    
    .telefone-nome {
        font-size: 15px;
    }
    
    .telefone-dado {
        font-size: 13px;
    }
    
    .busca-telefones input {
        padding: 12px 15px 12px 45px;
        font-size: 14px;
    }
}

/* =====================================================
   PORTAL DA TRANSPARÊNCIA
===================================================== */
.topicos_grandes.transparencia {
    background: linear-gradient(135deg, #27ae60, #1e8449);
}

.transparencia-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.transparencia-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-left: 4px solid #27ae60;
    border-radius: 10px;
    padding: 20px 25px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.transparencia-card:hover {
    border-color: #27ae60;
    box-shadow: 0 5px 25px rgba(39, 174, 96, 0.15);
    transform: translateX(5px);
}

.transparencia-icone {
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #27ae60, #1e8449);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.transparencia-card:hover .transparencia-icone {
    transform: scale(1.1);
}

.transparencia-icone i {
    color: #fff;
    font-size: 24px;
}

.transparencia-info {
    flex: 1;
    min-width: 0;
}

.transparencia-nome {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #2c3e50;
    margin: 0 0 5px 0;
    line-height: 1.3;
}

.transparencia-card:hover .transparencia-nome {
    color: #27ae60;
}

.transparencia-descricao {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #7f8c8d;
    margin: 0;
    line-height: 1.5;
}

.transparencia-acessar {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f8f9fa;
    padding: 10px 18px;
    border-radius: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #27ae60;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.transparencia-card:hover .transparencia-acessar {
    background: #27ae60;
    color: #fff;
}

.transparencia-acessar i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.transparencia-card:hover .transparencia-acessar i {
    transform: translateX(3px);
}

/* Responsivo Transparência */
@media (max-width: 768px) {
    .transparencia-card {
        flex-wrap: wrap;
        padding: 18px;
        gap: 15px;
    }
    
    .transparencia-icone {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
    }
    
    .transparencia-icone i {
        font-size: 20px;
    }
    
    .transparencia-info {
        flex: 1 1 calc(100% - 70px);
    }
    
    .transparencia-nome {
        font-size: 15px;
    }
    
    .transparencia-descricao {
        font-size: 13px;
    }
    
    .transparencia-acessar {
        width: 100%;
        justify-content: center;
        margin-top: 5px;
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .btn-filtro {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
        font-size: 13px;
    }
    
    .accordion-descricao .fase-atual {
        display: block;
        margin-bottom: 5px;
        margin-right: 0;
    }
}