/*MARK: Home Search bar
    */

    /* ============================
        Home Search bar
        ============================ */


    /*MARK: Conteúdo de Páginas 

    /* ============================
        Conteúdo de Páginas
        ============================ */

    :not(.home) article:not(.ast-related-post) {
        max-width: 960px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
    }

    #primary {
        padding: 0 !important;
    }

    h1 {
        line-height: var(--line-height-huge) !important;
        margin-top: var(--spacing-large) !important;
        margin-bottom: var(--spacing-huge) !important;
    }

    h2 {
        line-height: var(--line-height-large) !important;
        margin-top: var(--spacing-huge) !important;
        margin-bottom: var(--spacing-medium) !important;
    }

    h3 {
        line-height: var(--line-height-medium) !important;
        margin-top: 48px !important;
        margin-bottom: var(--spacing-medium) !important;
    }

    h4 {
        line-height: var(--line-height-tiny) !important;
        margin-top: var(--spacing-huge) !important;
        margin-bottom: var(--spacing-medium) !important;
    }

    .wp-block-image,
    .wp-block-image figure,
    .wp-block-image img {
        display: block;
        max-width: 960px;
        width: 100%;
        height: auto;
        margin: var(--spacing-medium) auto !important;
        /* 32px top/bottom */
        border-radius: var(--radius-large);
        box-sizing: border-box;
        padding: 0 !important;
    }

    .wp-block-image img,
    .wp-block-columns img {
        margin-bottom: var(--spacing-huge) !important;
    }

    .wp-block-image>a {
        display: block !important;
    }

    /* Blocos com conteúdos em colunas*/
    .wp-block-columns {
        max-width: 960px !important;
    }

    .wp-block-image img, .wp-block-columns img{
        margin: 0 !important; 
    }


    .divider {
        margin-top: var(--spacing-huge) !important;
        margin-bottom: var(--spacing-medium) !important;
        padding: 0 !important;
    }



    /*MARK: Notícias

    /* ============================
        Pagina Notícias
    ============================ */

    /*Remove margem superior do conteudo */

    .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
        margin: 0 !important;
        padding: 0 !important;
    }
    .ast-separate-container .ast-archive-description, .ast-separate-container .ast-author-box {
        margin: 0 !important ;
        padding: 0 !important;
    }

    /*SAMUEL Cards Principais*/

    /* TORNAR O CARD INTEIRO CLICÁVEL (Link Overlay) */
    .card-news h2 a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; 
    cursor: pointer;
    }

    /*MARK: Todas Notícias*/
    /* ============================
        Todas Notícias 
    ============================ */

    /* Remove fundo do h1 */

    .ast-archive-description .ast-archive-title {
        background-color: none !important;
    }

    /* Regra de fallback (para blog ou outras categorias) */
    .archive .ast-article-post {
        background-color: transparent !important;
    }

    /* background do conteudo da notícia */
    .single.ast-separate-container .ast-article-single:not(.ast-related-post) {
        background-color: var(--pure-white) !important;
        border-radius: var(--radius-large);
    }


    /*Espaçamento do conteudo com o topo do site*/ 
    .ast-separate-container #primary, 
    .ast-separate-container.ast-left-sidebar #primary, 
    .ast-separate-container.ast-right-sidebar #primary {
        margin-top: var(--spacing-huge) !important;
        padding: 0 !important;
    }

    /*Remove margem do H1*/
    header.entry-header > *:not(:last-child) {
        margin-top: 0 !important;
    }

    /*Imagem da noticia*/
    .single .wp-post-image {

        box-shadow: none;
        border-radius: var(--radius-large);
    }


    

    /* MARK: Notícias - cards 
    */

    /* ============================
    Notícias - cards 
    ============================ */

    /* Remove fundo do container externo */
    .category-noticias .ast-article-post,
    .archive .ast-article-post {
        background-color: transparent !important;
    }

    /* Estilo do Card (Inner) */
    .category-noticias .ast-article-post .ast-article-inner {
        background: linear-gradient(0deg, rgba(120, 190, 240, 0.08) 0%, var(--pure-white) 80%);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
        border-radius: var(--radius-large);

    transition: all 0.4s ease-in-out;


    /* testar depois transition: all 0.4s cubic-bezier(0, 0, 0.58, 1);*/

        height: 560px !important;
        max-height: 560px !important;
        overflow: hidden !important;
        display: flex;
        flex-direction: column;

        /* --- TORNAR CLICÁVEL E POSICIONAMENTO --- */
        position: relative !important; 
        cursor: pointer; /* Força o ponteiro de clique no card todo */
    }

    /* Seta de Ação no Canto Inferior Direito */
    .category-noticias .ast-article-post .ast-article-inner::after {

        font-family: 'Font Awesome 5 Free'; 
        font-weight: 900; 
        
        position: absolute;
        bottom: var(--spacing-medium); 
        right: var(--spacing-medium); 
        
        font-size: 1.3rem; 
        line-height: 1 !important;
        color: var(--primary-color); 
        
        z-index: 10; /* Fica acima do link overlay */
        transition: all 0.4s ease-out;
    }

    /* Efeito Hover no Card */
    .category-noticias .ast-article-post .ast-article-inner:hover {
        background: linear-gradient(0deg, rgba(120, 190, 240, 0.16) 0%, var(--pure-white) 80%) !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
        transform: scale(1.04);
        

        border-radius: var(--radius-large);
    }

    /* Animação da Seta no Hover (Move para a direita) */
    .category-noticias .ast-article-post .ast-article-inner:hover::after {
        transform: translateX(4px); 
    }

    /* TORNAR O CARD INTEIRO CLICÁVEL (Link Overlay) */
    .category-noticias .ast-article-post .entry-title a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5; 
        cursor: pointer;
    }

    /* Alinhamento na Grade */
    .category-noticias .ast-row { 
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    /* Imagem */
    .single .wp-post-image,
    .ast-article-post .wp-post-image {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* Fallback */
    .archive .ast-article-post .ast-article-inner, 
    .blog .ast-article-post .ast-article-inner {
        border-radius: var(--radius-large);
    }

    /* Título do Card*/
    .category-noticias .ast-article-post .entry-title a {

        font-size: var(--font-size-large);
        font-weight: var(--font-weight-medium);
        line-height: var(--line-height-small);

    
        text-decoration: none; 
        color: var(--primary-color);

        margin-top: 0 !important; 
    }

    /*MARK: Posts Instagram
    /* ============================
        Posts Instagram
    ============================ */

    /* borda dos cards */
    #sb_instagram .sbi_photo img {

        border-radius: var(--radius-large);
    }

    /* Borda do botão */
    #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {

        border-radius: 50px !important;

    }
    /*Tamanho e espaçamento*/
    #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, .et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
        padding: 13px 24px !important;
        margin: 0 !important;
    }

    /*Espaçamento do botão entre os posts*/
    #sb_instagram #sbi_load {

        margin-top: var(--spacing-large)!important;
    }

    /*Tamanho dos posts*/
    .e-con.e-con > .e-con-inner > .elementor-widget, .elementor.elementor .e-con > .elementor-widget {
        max-height: 80%;
    }

    /*MARK: Ex Prefeitos
    /* ============================
        Galeria de Ex-Prefeitos
    ============================ */

    .wp-block-columns+.wp-block-columns, 
    .wp-block-image+.wp-block-image, .wp-block-image+.entry-content p, 
    .entry-content p+.wp-block-image {
        margin: 0 !important;
    }
    

    /*MARK: Paginação
    /* ============================
        Paginação
    ============================ */


    /* Container Flex para alinhamento e espaçamento */
    .ast-pagination .nav-links {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px;
        width: 100%;
    }

    /* Números de página (bolinhas) */
    .ast-pagination .nav-links .page-numbers:not(.next):not(.prev) {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        
        width: 40px;  
        height: 40px; 
        
        border-radius: var(--radius-rounded);
        border: 1px solid var(--light-grey); 
        color: var(--dark-grey);
        font-size: var(--font-size-medium);
        transition: all 0.3s;
        line-height: 1;
        padding: 0;
        margin: 0;
    }

    /* Página atual (.current): Sem borda, texto branco */
    .ast-pagination .nav-links .current {
        background-color: var(--secondary-color);
        color: var(--pure-white) !important; 
        font-weight: var(--font-weight-large);
        
        border: none !important;
        padding: 1px 0; /* Compensa o 1px da borda */
    }

    /* Hover/Focus nas Bolinhas: Remove a borda (Fix) */
    .ast-pagination .nav-links a.page-numbers:not(.next):not(.prev):not(.current):hover,
    .ast-pagination .nav-links a.page-numbers:not(.next):not(.prev):not(.current):focus {
        background-color: var(--pastel-grey);
        color: var(--black);
        
        /* Remove a borda no hover/focus */
        border: none !important; 
        padding: 1px 0 !important; /* Mantém o tamanho */
        
        outline: none !important;
        box-shadow: none !important;
    }

    /* Botões Próxima/Anterior (Pílula) */
    .ast-pagination .nav-links .next,
    .ast-pagination .nav-links .prev {
        font-size: 0 !important;
        padding: 16px; 
        border-radius: 50px !important;
        border: none !important;
        background-color: transparent; 
        transition: all 0.3s;
        
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 4px;
        
        width: auto !important;
        height: auto !important;
        min-width: unset !important;
        text-decoration: none;
        line-height: 1;
        color: var(--primary-color); 
        max-height: 44px !important;
    }

    /* Ícones SVG (Setinhas): Máscara e Tamanho */
    .ast-pagination .nav-links .next::after,
    .ast-pagination .nav-links .prev::before {
        content: "";
        display: block;
        width: 16px; 
        height: 16px;
        background-color: currentColor; 
        
        /* Máscara do SVG */
        -webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M439.1%20297.4C451.6%20309.9%20451.6%20330.2%20439.1%20342.7L279.1%20502.7C266.6%20515.2%20246.3%20515.2%20233.8%20502.7C221.3%20490.2%20221.3%20469.9%20233.8%20457.4L371.2%20320L233.9%20182.6C221.4%20170.1%20221.4%20149.8%20233.9%20137.3C246.4%20124.8%20266.7%20124.8%20279.2%20137.3L439.2%20297.3z%22%2F%3E%3C%2Fsvg%3E');
        mask-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20d%3D%22M439.1%20297.4C451.6%20309.9%20451.6%20330.2%20439.1%20342.7L279.1%20502.7C266.6%20515.2%20246.3%20515.2%20233.8%20502.7C221.3%20490.2%20221.3%20469.9%20233.8%20457.4L371.2%20320L233.9%20182.6C221.4%20170.1%20221.4%20149.8%20233.9%20137.3C246.4%20124.8%20266.7%20124.8%20279.2%20137.3L439.2%20297.3z%22%2F%3E%3C%2Fsvg%3E');
        
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
    }

    /* ESTRUTURA E HOVER DO TEXTO */

    .ast-pagination .nav-links .next::before {
        content: "Próxima Página"; 
        font-size: var(--font-size-medium);
        font-family: var(--primary-font);
        font-weight: var(--font-weight-medium);
        display: block; 
        white-space: nowrap;
    }

    .ast-pagination .nav-links .prev::before {
        transform: rotate(180deg); 
    }

    .ast-pagination .nav-links .prev::after {
        content: "Página Anterior";
        font-size: var(--font-size-medium);
        font-family: var(--primary-font);
        font-weight: var(--font-weight-medium);
        display: block;
        white-space: nowrap;
    }

    .ast-pagination .nav-links .next:hover,
    .ast-pagination .nav-links .prev:hover {
        background-color: var(--pastel-grey);
        color: var(--secondary-color);
    }

    /* Limpeza de elementos padrão do tema Astra */
    .ast-pagination .nav-links .next .ast-right-arrow,
    .ast-pagination .nav-links .prev .ast-left-arrow,
    .ast-pagination .nav-links svg:not(.custom-icon) {
        display: none !important;
    }
    /*MARK: Calendário
    /* ============================
        Calendário
    ============================ */
    .events {
        /* Remover height/min-height/flex */
        /* height: auto; */
        /* min-height: 0; */
        display: block; /* Garante comportamento padrão de bloco */
        /* Remover flex-direction: column; */
        padding: 0 !important;
        margin: 0 -65px !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Ajuste vertical: centralizar o calendário dentro do container (.events) */
    .events {
        position: relative !important;
    }

    .events > .eael-event-calendar-wrapper {
        flex: 1 1 auto;
        height: 100%;
    }

    .events > .e-con-inner {
        gap: var(--row-gap) var(--column-gap);
        height: 400px !important;
        margin: 0 auto;
        max-width: var(--content-width);
        padding: 0 !important;
        width: 100%;
    }

    /* Container Principal do Widget */
    .eael-event-calendar-wrapper {
        width: 100% !important;
        height: 500px !important;
        /* REVERTIDO: 480px */
        border-radius: 24px !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
        padding: 24px !important;
        margin: 0 !important;
        float: none !important; /* Remove float para ocupar toda a largura do contêiner */
        overflow: hidden !important;
        /* Remove scroll do container externo */
        box-sizing: border-box !important;
        position: relative !important;
        background: white !important;
    }

    /* Container Principal do Calendário - ANULAÇÃO DE MIN-HEIGHT (Correção de Scroll) */
    .eael-event-calendar-cls {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        /* Anula o min-height fixo do plugin que causa scroll */
        display: flex !important;
        flex-direction: column !important;
    }

    /* Toolbar / Título do Mês - AJUSTE DE ESPAÇAMENTO */
    .eael-event-calendar-cls .fc-header-toolbar {
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        /* CORREÇÃO 1: Garante espaçamento entre os blocos (Título à esquerda, Setas à direita) */
        justify-content: space-between !important;
        margin-bottom: var(--spacing-small) !important;
        /* MANTIDO: Usando variável --spacing-small */
        padding: 0 8px !important;
        font-family: var(--primary-font);
        font-size: 14px !important;
        font-weight: 600 !important;
        background: transparent !important;
        /* Ordem padrão: [1:Setas/Hoje] [2:Título] [3:Views] */
        flex-direction: row !important;
    }

    /* Chunk 1: (Setas + Hoje). Agora FICA À DIREITA do Título */
    .eael-event-calendar-cls .fc-toolbar-chunk:first-child {
        display: flex !important;
        align-items: center !important;
        /* REMOVIDO: O gap agora é controlado por margens */
        flex-wrap: nowrap !important;
        /* Ordem 2: Fica depois do Título (Chunk 2) */
        order: 2 !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important; /* NOVO: Garante que os botões não encolham */
        /* Não precisa mais de margin-left: auto; pois justify-content: space-between fará o espaçamento */
    }

    /* Garantir que o grupo de setas esteja visível e use o estilo padrão */
    .eael-event-calendar-cls .fc-button-group {
        /* display: flex !important; */
        display: contents !important; /* ALTERADO: "Dissolve" o grupo para reordenar os filhos */
        /* REMOVIDO: Gap agora é controlado por margens */
    }

    /* Título do Mês (Chunk 2). AGORA FICA NA ESQUERDA */
    .eael-event-calendar-cls .fc-toolbar-chunk:nth-child(2) {
        /* REMOVIDO: Esta linha causava o problema de deslocamento */
        /* flex-grow: 1 !important; */ 
        /* REMOVIDO: Não é mais necessário */
        /* margin-right: 20px !important; */ 
        
        text-align: left !important;
        /* Ordem 1: Fica antes das Setas (Chunk 1) */
        order: 1 !important;
        padding: 0 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: var(--dark-grey) !important;
        /* ALTERADO: Mantém o nome do mês em MAIÚSCULO */
        text-transform: uppercase !important;
    }

    /* Tenta remover o "DE" do título se ele for gerado pelo plugin */
    .eael-event-calendar-cls .fc-toolbar-chunk:nth-child(2) h2::after {
        content: none !important;
    }

    .eael-event-calendar-cls .fc-toolbar-chunk:nth-child(2) h2 {
        /* O FullCalendar gera o texto do título em um <h2>. Vamos tentar remover o "de " */
        /* Este seletor tenta apenas ocultar o texto 'de ' se o plugin o adicionar separadamente */
        /* ATENÇÃO: Se o plugin gerar "MÊS DE ANO" como uma string única, esta regra não funcionará perfeitamente */
        overflow: hidden !important;
        white-space: nowrap !important;
        /* Oculta apenas o texto "DE " se estiver em um elemento separado */
        /* Se a string for uma só, o ajuste será no javascript do plugin, o que não é possível aqui. */
    }

    /* Chunk 3: (Views). Oculta completely, pois não será usado */
    .eael-event-calendar-cls .fc-toolbar-chunk:last-child {

        display: none !important;
        order: unset !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Estilo dos Botões de Navegação (Chunk 1) */
    .eael-event-calendar-cls .fc-toolbar-chunk:first-child .fc-button {
        height: 48px !important;
        width: 48px !important;
        padding: 0 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 50% !important;

        border: none !important;
        background: transparent !important;

        color: var(--dark-grey) !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Aplica o estilo de botão individual (fallback) */
    .eael-event-calendar-cls .fc-toolbar-chunk .fc-button {
        height: 48px !important;
        width: 48px !important;
        padding: 0 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 50% !important;
        border: none !important;
        background: transparent !important;
        color: var(--dark-grey) !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Aumenta o tamanho dos ícones de navegação (setas) para 36px */
    .eael-event-calendar-cls .fc-button .fc-icon {
        font-size: 36px !important;

        line-height: 1 !important;

    }

    /* Aplica fundo transparente especificamente aos ícones */
    .eael-event-calendar-cls .fc-icon {
        background: transparent !important;
    }


    /* --- NOVO: LÓGICA DE REORDENAÇÃO DOS BOTÕES --- */

    /* 1. Botão Anterior (Primeiro) */
    .eael-event-calendar-cls .fc-prev-button {
        order: 1 !important;
        margin-right: 32px !important; /* Gap */
    }

    /* 2. Botão Hoje (Meio) */
    .eael-event-calendar-cls .fc-today-button {
        order: 2 !important;
        margin-right: 32px !important; /* Gap */
        
        /* Estilo Específico para o Botão HOJE (para não ser um círculo) */
        width: auto !important; /* Largura automática para caber o texto */
        height: 40px !important; /* Altura um pouco menor que as setas */
        border-radius: 20px !important; /* Bordas arredondadas (pílula) */
        padding: 0 16px !important; /* Espaçamento interno */
        font-size: 14px !important;
        font-weight: 600 !important;
        background: transparent !important;
        color: var(--dark-grey) !important;
    }

    /* 3. Botão Próximo (Último) */
    .eael-event-calendar-cls .fc-next-button {
        order: 3 !important;
        margin-right: 0 !important; /* Sem margem no último */
    }


    /* Estilo do Botão Ativo */
    .eael-event-calendar-cls .fc-button.fc-button-active {
        background: var(--light-grey, #f0f0f0) !important;
        color: var(--dark-grey) !important;

    }

    /* Estilo do Hover para Botões Transparente */
    .eael-event-calendar-cls .fc-button:hover:not(.fc-button-active) {
        background: var(--light-grey, #f0f0f0) !important;
        box-shadow: none !important;
    }

    /* Reset do Hover para Botão Ativo */
    .eael-event-calendar-cls .fc-button-active:hover {
        background: var(--light-grey, #f0f0f0) !important;
    }

    /* Contêiner principal do cabeçalho dos dias */
    .eael-event-calendar-cls .fc-col-header {

        border-bottom: none !important;
        background: transparent !important;
    }

    /* CORREÇÃO CRÍTICA: Aplica a borda diretamente ao elemento TR (a linha da tabela) */
    .eael-event-calendar-cls .fc-scrollgrid-section-header table tr {
        border-bottom: 4px solid var(--light-grey, #ccc) !important;
    }

    /* TH da Seção de Cabeçalho (Dias da Semana) */
    .eael-event-calendar-cls .fc-scrollgrid-section-header>th {

        border-bottom: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Remove qualquer borda da TR que possa estar atrapalhando, exceto a que acabamos de adicionar */
    .eael-event-calendar-cls .fc-scrollgrid-section-header {

        border-bottom: none !important;
        background: transparent !important;
    }


    /* Cabeçalho dos Dias (DOM. SEG. TER. ...) - MODIFICADO (Altura e Fonte) */
    .eael-event-calendar-cls .fc-col-header-cell {
        height: 72px !important;
        /* MANTIDO: 72px */
        font-size: 24px !important;
        /* MANTIDO: 24px */
        font-weight: 600 !important;
        color: var(--black) !important;
        text-transform: none !important;
        border: none !important;
        background: transparent !important;
        position: relative !important;
    }

    /* Seletor do texto interno (cushion) - Onde o FullCalendar coloca o texto DOM., SEG., etc. */
    .eael-event-calendar-cls .fc-col-header-cell-cushion {
        /* Oculta o texto original (DOM., SEG., etc.) */
        visibility: hidden !important;
        display: block !important;
        width: 1px !important;
        padding: 0 !important;
        margin: 0 auto !important;
        height: 100% !important;
        text-align: center !important;
        position: relative !important;
    }

    /* NOVO TRUQUE CSS: Inserir a primeira letra no lugar do texto completo */
    /* Aplicado diretamente ao elemento que contém o texto oculto */
    .eael-event-calendar-cls .fc-col-header-cell-cushion::before {
        content: " " !important;
        /* Placeholder inicial */
        visibility: visible !important;
        font-size: 24px !important;
        line-height: 72px !important;
        /* AJUSTADO: Ajusta a altura da linha para 72px, centralizando o texto na nova altura da célula */
        font-weight: 600 !important;
        color: var(--black) !important;

        /* Centralização total */
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* 1. Domingo (D) - Cor Secundária (Mantida) */
    .eael-event-calendar-cls .fc-day-sun .fc-col-header-cell-cushion::before {
        content: "D" !important;
        color: var(--secondary-color) !important;
    }

    /* 2. Segunda (S) - Padrão (--black) */
    .eael-event-calendar-cls .fc-day-mon .fc-col-header-cell-cushion::before {
        content: "S" !important;
    }

    /* 3. Terça (T) - Padrão (--black) */
    .eael-event-calendar-cls .fc-day-tue .fc-col-header-cell-cushion::before {
        content: "T" !important;
    }

    /* 4. Quarta (Q) - Padrão (--black) */
    .eael-event-calendar-cls .fc-day-wed .fc-col-header-cell-cushion::before {
        content: "Q" !important;
    }

    /* 5. Quinta (Q) - Padrão (--black) */
    .eael-event-calendar-cls .fc-day-thu .fc-col-header-cell-cushion::before {
        content: "Q" !important;
    }

    /* 6. Sexta (S) - Padrão (--black) */
    .eael-event-calendar-cls .fc-day-fri .fc-col-header-cell-cushion::before {
        content: "S" !important;
    }

    /* 7. Sábado (S) - Cor Secundária (Mantida) */
    .eael-event-calendar-cls .fc-day-sat .fc-col-header-cell-cushion::before {
        content: "S" !important;
        color: var(--secondary-color) !important;
    }

    /* Linha extra para garantir que o link a não tenha altura ou padding estranhos */
    .eael-event-calendar-cls .fc-col-header-cell-cushion {
        height: 72px !important;

    }


    /* Sobrescreve min-height e desativa o scroll do View-Harness (Correção de Scroll) */
    .eael-event-calendar-cls .fc-view-harness,
    .eael-event-calendar-cls .fc-view-harness-active {
        min-height: 0 !important;
        /* REVERTIDO: Voltando ao valor que estava antes da primeira tentativa de ajuste de altura */
        height: 336px !important; 
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }



    /* CORREÇÃO 2: Adiciona padding para criar espaço consistente ABAIXO da linha de dias */
    .eael-event-calendar-cls .fc-scroller {
        overflow: hidden !important;
        padding-bottom: 12px !important;
        /* MANTIDO: 12px */
    }



    /* Grade principal */
    /* NOVO: Remove a borda do contêiner da grade */
    .eael-event-calendar-cls .fc-scrollgrid {
        width: 100% !important;
        height: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background: transparent !important;
        border: none !important;
    
    }

    /* NOVO: Remove as bordas internas das células da grade */
    .eael-event-calendar-cls .fc-scrollgrid-sync-table,
    .eael-event-calendar-cls .fc-scrollgrid table,
    .eael-event-calendar-cls .fc-scrollgrid th,
    .eael-event-calendar-cls .fc-scrollgrid td {
        border: none !important;
    }



    /* Linhas do body do calendário - DISTRIBUIÇÃO UNIFORME DE ALTURA (Correção de Corte) */
    .eael-event-calendar-cls .fc-daygrid-body tr {
        height: 16.666% !important;
        /* 100% / 6 semanas - Distribuir uniformemente na altura de 336px */
    }



    /* Células dos dias */


    .eael-event-calendar-cls .fc-daygrid-day {
        border: none !important;
    
        padding: 0 !important; 

        background: transparent !important;
    
        position: relative !important;
        overflow: visible !important; 
        vertical-align: middle !important; 
    }



    /* Número do dia */

    .eael-event-calendar-cls .fc-daygrid-day-number {
        font-size: 20px !important;
        font-weight: 600;
        color: var(--dark-grey);
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        /* Truque de centralização */


        width: 48px !important; 
        height: 48px !important; 
        line-height: 48px !important; 
        text-align: center;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10 !important; 
        background: transparent !important;
        /* Fundo transparente por padrão */
    }



    /* Estilos de Dias Marcados (Mantenha conforme seu design token) */

    .eael-event-calendar-cls .fc-daygrid-day.fc-day-12 .fc-daygrid-day-number {
        background: #50B848 !important;
        color: white !important;
    }

    .eael-event-calendar-cls .fc-daygrid-day.fc-day-15 .fc-daygrid-day-number {
        background: #00AEEF !important;
        color: white !important;
    }

    .eael-event-calendar-cls .fc-daygrid-day.fc-day-28 .fc-daygrid-day-number {
        background: var(--dark-grey) !important;
        color: white !important;
    }

    /* Esconde o contêiner de eventos, mas mantém sua presença no DOM para não quebrar o layout da célula (crucial) */
    .eael-event-calendar-cls .fc-daygrid-day-events {
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 2. Força o Harness (Wrapper) a ser absolutamente centralizado */
    .eael-event-calendar-cls .fc-daygrid-event-harness {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        /* Centralização absoluta */
        z-index: 15 !important; 
        width: 48px !important; 
        height: 48px !important; 
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important; 
    }

    /* 3. Estilo do evento (a "bolinha" circulando o dia) */
    .eael-event-calendar-cls .fc-event {
        display: block !important;
    
        background: rgba(46, 183, 252, 0.1) !important;
        
        /* CORREÇÃO DA LINHA AZUL: Remove bordas em todos os estados */
        border: none !important; 
        border-color: transparent !important;
        
        width: 48px !important; 
        height: 48px !important; 
        border-radius: 50% !important;

        /* --- CORREÇÃO DE Z-INDEX: ESSENCIAL --- */
        z-index: 9 !important; /* Fica ATRÁS do número do dia (Z-index 10) */
        
        color: transparent !important;
        font-size: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important; 

        /* Posicionamento relativo dentro do Harness já centralizado */
        position: relative !important;
        margin: 0 !important;
        top: 0 !important;
        left: 0 !important;
    }

    /* 4. Força o elemento de conteúdo principal a preencher 100% da bolinha */
    .eael-event-calendar-cls .fc-event-main,
    .eael-event-calendar-cls .fc-event-main-frame {
        height: 100% !important;
        width: 100% !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* CORREÇÃO DO PONTO AZUL/LINHA */
    .eael-event-calendar-cls .fc-daygrid-event-dot {
        display: none !important;
    }

    /* Remove qualquer background indesejado de evento ao passar o mouse */
    .eael-event-calendar-cls .fc-event:hover {

        background: rgba(46, 183, 252, 0.1) !important;
        border: none !important; 
    }


    /* Segurança - GARANTE A REMOÇÃO DO BACKGROUND BRANCO UNIVERSAL */
    .eael-event-calendar-wrapper * {
        box-sizing: border-box !important;
        /* A regra 'background: white !important;' foi removida deste seletor para evitar esconder a bolinha. */
    }

    /* Feriados com fundo verde translúcido */
    .eael-event-calendar-cls .fc-daygrid-event-harness .fc-event.feriado-event,
    .eael-event-calendar-cls .fc-event.feriado-event,
    .eael-event-calendar-cls .fc-daygrid-event .fc-event.feriado-event,
    .eael-event-calendar-cls .fc-event.feriado-event .fc-event-main,
    .eael-event-calendar-cls .fc-event.feriado-event .fc-event-main-frame {

        background: rgba(80, 184, 72, 0.1) !important; 
        background-image: none !important;
        border: none !important;

    }

    /* Zerando pseudo-elementos caso o plugin use overlays */
    .eael-event-calendar-cls .fc-event.feriado-event::before,
    .eael-event-calendar-cls .fc-event.feriado-event::after {
        background: transparent !important;
        content: none !important;
    }


    /* Corrige altura do Popup — sobrescreve inline style */
    .eaelec-modal-body,
    .eaelec-modal-body[style] {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important; /* permite expandir se necessário */
    }


    /* MARK: Aba de Seleção 
    */

    /* ============================
        Aba de seleção
    ============================ */

    .wp-block-atbs-tabs,
    .wp-block-atbs-tabs .tabs-container,
    .wp-block-atbs-tabs .tabs-nav,
    .wp-block-atbs-tabs .tabs-titles,
    .wp-block-atbs-tabs .tabs-content {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .wp-block-atbs-tabs [class*="indicator"],
    .wp-block-atbs-tabs [class*="overlay"],
    .wp-block-atbs-tabs .tabs-nav::before,
    .wp-block-atbs-tabs .tabs-nav::after,
    .wp-block-atbs-tabs .tabs-titles::before,
    .wp-block-atbs-tabs .tabs-titles::after,
    .wp-block-atbs-tabs .tab-title::before,
    .wp-block-atbs-tabs .tab-title::after {
        display: none !important;
        content: none !important;
    }

    /* Título das abas */

    .wp-block-atbs-tabs .tabs-titles {
        background: var(--light-grey);
        border-bottom: 2px solid var(--light-grey) !important;
        display: flex;
        gap: var(--spacing-small) !important;
        margin: 0;
        padding: var(--spacing-medium) var(--spacing-medium) 0;
        flex-wrap: nowrap;
        align-items: flex-end;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .wp-block-atbs-tabs .tabs-titles::-webkit-scrollbar {
        display: none;
    }

    /* Cada aba */
    .wp-block-atbs-tabs .tabs-titles .tab-title {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3) !important;
        flex: 0 0 auto !important;
        width: 200px !important;
        padding: var(--spacing-small) !important;
        min-height: 48px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto;
        border-radius: var(--radius-medium) var(--radius-medium) 0 0 !important;
        font-weight: 600;
        font-size: var(--font-size-medium);
        cursor: pointer;
        transform: translateY(8px);
        transition: transform .16s ease, padding .12s ease, box-shadow .16s ease;
        background: var(--light-grey);
        color: var(--white);

        border: none;
        position: relative;
        z-index: 4;
    }

    .wp-block-atbs-tabs .tabs-titles .tab-title:hover {
        filter: brightness(0.9) !important;
        transform: translateY(4px) !important;
    }

    /* Se houver apenas até 2 tabs, dobra a largura */
    .wp-block-atbs-tabs .tabs-titles:not(:has(.tab-title:nth-child(3))) .tab-title {
        width: 400px !important;
    }

    /* Texto dentro da aba */
    .wp-block-atbs-tabs .tabs-titles .tab-title .tab-title-text {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        line-height: var(--line-height-small);
        text-align: center;
    }

    /* Aba ativa */
    .wp-block-atbs-tabs .tabs-titles .tab-title.active,
    .wp-block-atbs-tabs .tabs-titles .tab-title[aria-selected="true"] {
        background: var(--primary-color) !important;
        color: var(--white) !important;
        transform: translateY(0) !important;
    /*    padding-top: var(--spacing-medium) !important;*/
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.5) !important;
        z-index: 6 !important;
    }

    /* ============================
    CONTEÚDO DAS ABAS
    ============================ */

    .wp-block-atbs-tabs .tabs-content {
        margin-top: -10px;
        padding: 18px;
        background: transparent !important;
        border-radius: 0 8px 8px 8px;
        overflow: hidden !important;
        position: relative;
        z-index: 1;
    }

    .wp-block-atbs-tabs .single-tab {
        display: none !important;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(8px);
        transition: max-height .36s cubic-bezier(.2, .9, .2, 1), opacity .24s ease, transform .24s ease;
    }

    .wp-block-atbs-tabs .single-tab.active,
    .wp-block-atbs-tabs .wp-block-atbs-tab.active .single-tab.active {
        display: block !important;
        max-height: none !important;
        opacity: 1;
    }

    /* ============================
    SETAS DE NAVEGAÇÃO
    ============================ */

    .wp-block-atbs-tabs {
        position: relative;
    }

    .wp-block-atbs-tabs .tabs-nav {
        position: relative;
        z-index: 5;
    }

    /* base das setas */
    .wp-block-atbs-tabs .tabs-nav .tabs-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        width: 44px;
        height: 44px;
        border-radius: var(--radius-rounded);
        border: 1px solid rgba(0, 0, 0, 0.15);
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(1px);
        cursor: pointer;
        transform: translateY(-16px);
        transition: opacity .25s ease, transform .25s ease, background .2s ease;
        z-index: 10;
    }

    /*.wp-block-atbs-tabs .tabs-nav .tabs-arrow:hover {
        background: rgba(0, 0, 0, 0.1);
        transform: translateY(-50%) scale(1.05);
    }*/

    .wp-block-atbs-tabs .tabs-nav .tabs-arrow svg {
        width: 28px;
        height: 28px;
        stroke: currentColor;
        fill: currentcolor;
    }

    /* posição */
    .wp-block-atbs-tabs .tabs-nav .tabs-arrow.left {
        left: var(--spacing-small);
    }

    .wp-block-atbs-tabs .tabs-nav .tabs-arrow.right {
        right: var(--spacing-small);
    }

    /* comportamento dinâmico */
    .wp-block-atbs-tabs .tabs-nav .tabs-arrow.left {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-16px) translateX(-6px);
    }

    .wp-block-atbs-tabs.scroll-left .tabs-nav .tabs-arrow.left {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(-16px) translateX(0);
    }

    .wp-block-atbs-tabs.scroll-end .tabs-nav .tabs-arrow.right {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-16px) translateX(6px);
    }


    .wp-block-atbs-tabs .tabs-content {
        padding: 0 !important;
    }

    /*MARK: Tabela
    */

    /* ============================
        TABELA - Secretaria Infraestrutura
        ============================ */
    .tabela {
        max-width: 960px !important;
        margin-top: calc(var(--spacing-large) * 2) !important;

        margin-bottom: calc(var(--spacing-huge) * 2) !important;

        border-radius: var(--radius-large);
        overflow: hidden;
        background: var(--pure-white);
    }

    /* Ícones nas células do cabeçalho (primeira linha) */
    .tabela tr:first-child td i,
    .tabela tr:first-child td svg {
        height: 16px;
        width: 16px;
        margin-right: 6px;
        vertical-align: middle;
        color: var(--black);
        /* branco nos títulos */
    }

    /* Ícones nas células do corpo da tabela */
    .tabela tr:not(:first-child) td i,
    .tabela tr:not(:first-child) td svg {
        height: 16px;
        width: 16px;
        margin-right: 6px;
        vertical-align: middle;
        color: var(--dark-grey);
        /* preto ou cinza escuro nas informações */
    }

    /* Remove espaçamentos padrão */
    .tabela table {
        width: 100%;
        border-collapse: collapse;
        border: none;
        margin: 0px !important;
    }

    /* Células gerais */
    .tabela td {
        padding: 18px 20px;
        font-size: 14px;
        color: var(--dark-grey);
        border: none;
    }

    /* Linhas alternadas */
    .tabela tr:nth-child(even) {
        background: #eceef2;
    }

    /* Cabeçalho */
    .tabela tr:first-child td {
        background: var(--dark-grey);
        color: var(--white);    
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
    }

    /* Ícones e textos centralizados */

    /* Ícones nas células do cabeçalho (primeira linha) */
    .tabela tr:first-child td i,
    .tabela tr:first-child td svg {
        height: 16px;
        width: 16px;
        margin-right: 6px;
        vertical-align: middle;
        color: var(--white);
        /* branco nos títulos */
    }

    /* Ícones nas células do corpo da tabela */
    .tabela tr:not(:first-child) td i,
    .tabela tr:not(:first-child) td svg {
        height: 16px;
        width: 16px;
        margin-right: 6px;
        vertical-align: middle;
        color: var(--dark-grey);
        /* preto ou cinza escuro nas informações */
    }

    /* Cantos arredondados */
    .tabela tr:first-child td:first-child {
        border-top-left-radius: var(--radius-large);
    }

    .tabela tr:first-child td:last-child {
        border-top-right-radius: var(--radius-large);
    }

    .tabela tr:last-child td:first-child {
        border-bottom-left-radius: var(--radius-large);
    }

    .tabela tr:last-child td:last-child {
        border-bottom-right-radius: var(--radius-large);
    }

    /* Centraliza texto */
    .tabela td.has-text-align-center {
        text-align: center;
    }

    /* Linhas divisórias entre colunas */
    .tabela td {
        border-right: 1px solid #e2e8f0;
        /* cinza suave */
    }

    /* Remove a linha da última coluna */
    .tabela td:last-child {
        border-right: none;
    }

    /* Opcional: borda horizontal bem leve também */
    .tabela tr+tr td {
        border-top: 1px solid #f1f5f9;
    }



    /*MARK: Carrosel - Galeria de imagens
    */
    /* ============================
        Carrosel - Galeria de imagens
        ============================ */
    /* === Ajustes Estéticos do Carrossel pmpl-gallery === */
    .pmpl-gallery .swiper-slide-inner {
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
        border-radius: var(--radius-large);
    }

    /* Faz a imagem preencher o container sem deformar */
    .pmpl-gallery .swiper-slide-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform 0.4s ease;
    }

    /* Efeito de zoom suave ao passar o mouse */
    .pmpl-gallery .swiper-slide:hover .swiper-slide-image {
        transform: scale(1.05);
    }

    /* Espaçamento entre imagens */
    .pmpl-gallery .swiper-slide {
        padding: 0 calc(var(--spacing-small) + var(--spacing-tiny));
        box-sizing: border-box;
    }

    /* Garante que o wrapper se adapte corretamente */
    .pmpl-gallery .swiper-wrapper {
        align-items: center;
    }

    .swiper-wrapper figure img {
        border-radius: var(--radius-large) !important;
    }
    /*MARK: Carrosel - Home
    */

    /* ============================
        Carrossel - Home
        ============================ */
    .carousel-big
    {
        padding: 0px !important;
    }

    /*MARK: Carrosel - Universal
    */

    /* ============================
        Carrossel - Universal
        ============================ */

    /* Borda arredondada */
    .swiper-wrapper figure img {
        border-radius: var(--radius-large) !important;
    }

    /* Corrige alinhamento das setas */
    .elementor-swiper-button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        background: rgba(0, 0, 0, 0.4);
        border-radius: var(--radius-rounded);
        width: 40px;
        height: 40px;
        transition: background 0.3s ease, transform 0.3s ease;
    }

    .elementor-swiper-button:hover {
        background: rgba(0, 0, 0, 0.6);
        transform: scale(1.1);
    }

    /* Centraliza verticalmente as setas */
    .elementor-swiper-button-prev,
    .elementor-swiper-button-next {
        top: 50%;
        transform: translateY(-50%);
    }

    .elementor-element .swiper .elementor-swiper-button-prev,
    .elementor-element .swiper~.elementor-swiper-button-prev,
    .elementor-lightbox .swiper .elementor-swiper-button-prev,
    .elementor-lightbox .swiper~.elementor-swiper-button-prev {
        left: 20px !important;
        /* botão esquerdo */
    }

    .elementor-element .swiper .elementor-swiper-button-next,
    .elementor-element .swiper~.elementor-swiper-button-next,
    .elementor-lightbox .swiper .elementor-swiper-button-next,
    .elementor-lightbox .swiper~.elementor-swiper-button-next {
        right: 20px !important;
        /* botão direito */
    }

    .elementor-element.elementor-pagination-position-outside .swiper,
    .elementor-lightbox.elementor-pagination-position-outside .swiper {
        padding-bottom: 40px !important;
    }

    .elementor-widget-image-carousel .swiper-pagination-bullet {
        width: var(--spacing-small);
        height: var(--spacing-small);
        margin: 0 calc(var(--spacing-tiny) / 2);
        background-color: var(--light-grey);
        opacity: 1;
    }

    .elementor-widget-image-carousel .swiper-pagination-bullet-active {
        background-color: var(--dark-grey);
    }

    /*MARK: Posts Relacionados

    /* ============================
        Posts Relacionados
        ============================ */

    /* Remove paddings/margins externos padrão do Astra no container principal */
    body .ast-single-related-posts-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; 
        padding-right: 0 !important; 
        margin-top: 0;
        margin-bottom: 0;
    }

    .ast-single-related-posts-container .ast-related-posts-title-section {
        background-color: var(--pure-white);
    }

    .ast-single-related-posts-container .ast-related-posts-title-section .ast-related-posts-title {
        font-size: var(--title-size-tiny);
        font-weight: var(--font-weight-large);
        margin-bottom: var(--spacing-large);
        padding-bottom: var(--spacing-medium);
        color: var(--dark-grey);
    }

    /* Wrapper principal: força a exibição em coluna para os cards */
    .ast-single-related-posts-container > .ast-related-posts-wrapper {
        display: flex;
        flex-direction: column; 
        gap: var(--spacing-medium);
        padding: 0 !important;
        margin: 0 !important;
        background-color: var(--pure-white);
    }

    /* Estilo de cada Card (Post Relacionado) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post {
        padding: 0; 
        border-radius: var(--radius-large);
        

        background: linear-gradient(0deg, rgba(120, 190, 240, 0.08) 0%, var(--pure-white) 80%); 
        

        transition: all 0.4s ease-out;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); 

        text-decoration: none;
        color: inherit;
        min-width: 0;
        display: block; 
        margin: 0 !important; 
        max-width: none;
        

        position: relative !important; 
        cursor: pointer;
    }

    /* Efeito Hover - Atualizado com Scale e Gradient de Notícias */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post:hover {

        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
        

        background: linear-gradient(0deg, rgba(120, 190, 240, 0.16) 0%, var(--pure-white) 80%) !important;
        

        transform: scale(1.04);
    }

    /* FLEX CONTAINER: Garante alinhamento horizontal (Imagem à esquerda + Título à direita) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-posts-inner-section > .ast-related-post-content {
        display: flex;
        flex-direction: row; 
        align-items: flex-start;
        padding: 0; 
        gap: 0; 
        min-width: 0;
        width: 100%;
    }

    /* Seção da Imagem: dimensão fixa (170x170px) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-featured-section {
        flex-shrink: 0; 
        width: 170px; 
        height: 170px; 
        overflow: hidden;
        
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        
        margin-right: var(--spacing-small);
        margin-top: 0; 
        margin-bottom: 0;
    }

    /* Imagem e link: Aplica o padding interno de 8px (spacing-small) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .post-thumb-img-content,
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-featured-section a {
        display: block; 
        width: 100%;
        height: 100%;
        margin: 0;

        padding: 0;
    }

    /* Imagem em si: Aplica o border-radius (16px) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-featured-section img.wp-post-image {
        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        display: block;
        margin: 0; 
        padding: 0;
        border-radius: var(--radius-large) 0px 0px var(--radius-large);

    }

    /* Cabeçalho de entrada (Texto) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .related-entry-header {

        padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-medium) 0px; 
        min-width: 0; 
        margin: 0; 
        flex-grow: 1;
    }

    /* Título container */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-title {
        margin: 0;
        width: auto;
    }

    /* Título link - COM ESTILO UNIFICADO */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-title a {
        font-family: var(--primary-font);
        

        font-size: var(--font-size-large);
        font-weight: var(--font-weight-medium);
        line-height: var(--line-height-small);
        
        color: var(--primary-color); 
        text-decoration: none;
        overflow: hidden;

        display: -webkit-box; 
        -webkit-line-clamp: 3; 
        -webkit-box-orient: vertical;
        padding-left: var(--spacing-small);
    }

    /* Título link hover */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-title a:hover {
        text-decoration: underline;
    }

    /* TORNAR O CARD INTEIRO CLICÁVEL (Link Overlay) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .ast-related-post-title a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5; /* Fica abaixo da seta (z-index: 10) */
        cursor: pointer;
    }

    /* Seta de Ação no Canto Inferior Direito (Adicionada via pseudo-elemento ::after) */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post::after {
        content: "\f105";
        font-family: 'Font Awesome 5 Free'; 
        font-weight: 900; 
        
        position: absolute;
        bottom: var(--spacing-medium); 
        right: var(--spacing-medium); 
        
        font-size: 1.3rem; 
        line-height: 1 !important; 
        color: var(--primary-color); 
        
        z-index: 10;
        transition: all 0.4s ease-out;
    }

    /* Efeito Hover na Seta */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post:hover::after {
        transform: translateX(4px); 
    }

    /* Oculta metadados e conteúdo extras do Astra */
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .entry-meta,
    .ast-single-related-posts-container > .ast-related-posts-wrapper > article.ast-related-post .entry-content {
        display: none;
    }