@media(max-width: 920px) {

    /* Força o grid de noticas a ter duas coluna */
    .ast-blog-layout-4-grid .ast-row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 600px) {


    .cf-socials {
        margin-top: 0;
        align-items: flex-start;
    }

    .cf-sep {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }

    .cf-footer .cf-footer-inner {
        padding: 32px 16px;
    }

    .cf-top {
        flex-direction: column;
    }

    .cf-left {
        max-width: 100%;
    }

    .cf-right {
        align-self: flex-start;
    }

    .cf-menus {
        display: block;
        gap: 0;
        padding: 0;
    }

    .cf-column {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 12px;
    }

    .cf-col-title {
        font-size: 16px;
    }

    /*Titulo da imagem de busca*/

    #search-box-header {
        color: var(--pure-white);
        display: block;
        font-family: var(--primary-font);
        font-size: var(--title-size-tiny);
        font-weight: var(--font-weight-medium);
        text-align: center;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;

        padding-bottom: var(--spacing-medium);
    }

    /*MARK: pagina de busca
    */

    /*Icone da lupa*/
    body.search-no-results .search-no-results-icon svg {
        width: 140px !important;
        height: 64px !important;
        overflow: visible !important;
    }

    /*Titulo de pesquisa*/
    body.search-no-results .search-label,
    body.search-no-results .search-term {
        font-size: var(--font-size-huge) !important;
    }

    body.search-results .search-label,
    body.search-results .search-term {
        font-size: var(--font-size-huge) !important;
        ;
    }

    /*cards de resultados*/
    body.search-results #main .ast-no-thumb .ast-blog-featured-section.post-thumb::after {
        width: 100% !important;
        height: 160px !important;
    }

    body.search-results .home-search-bar,
    body.search-no-results .home-search-bar {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }




    /*MARK: Conteúdo de Páginas
    */

    /* ============================
    Conteúdo de Páginas
    ============================ */

    article {
        margin-top: var(--spacing-huge) !important;
        padding: 0
    }


    body:not(.page-id-7875) .ast-container,
    body:not(.page-id-7875) .ast-container-fluid article:not(.ast-related-post) {
        padding-left: var(--spacing-medium) !important;
        padding-right: var(--spacing-medium) !important;
        padding-bottom: var(--spacing-large) !important;
    }

    body:not(.page-id-7875) #page .site-content {
        background: var(--pure-white) !important;
    }

    /*MARK: Cabeçalho 
    */
    /* ============================
    Cabeçalho Mobile
    ============================ */

    /*cor*/
    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,
    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,
    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
        padding-left: var(--spacing-medium) !important;
        padding-right: var(--spacing-medium) !important;
        background-color: var(--pure-white) !important;

    }

    /*Zera o padding*/
    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    /*Aplica o padding e cor na logo e no menu*/
    .ast-builder-grid-row {
        padding-right: var(--spacing-medium) !important;
        padding-left: var(--spacing-medium) !important;
        background: var(--pure-white) !important;
    }

    /*MARK: Breadcrumbs */
    .ast-breadcrumbs {
        margin-left: 6px !important;
    }

    /*Aplica o padding e cor no breadcrumbs*/
    .ast-breadcrumbs-wrapper {
        padding: var(--spacing-medium) !important;
        background: var(--white) !important;
    }

    main {
        margin-top: 0 !important;
    }

    header.entry-header.ast-no-thumbnail h1.entry-title {

        font-size: var(--title-size-small) !important;
        line-height: var(--line-height-small) !important;
    }

    h1::after {
        width: 230px !important;
        bottom: -8px !important;
    }


    /*MARK: Tabela Mobile
*/

    /* ============================
    Tabela Mobile
    ============================ */
    .tabela {
        max-width: none !important;
        /* Permite que o container se estenda */
        width: 100% !important;
        overflow-x: auto !important;
        /* Habilita o scroll horizontal */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        display: block !important;
    }

    /* Ajustes de célula em Mobile */
    .tabela td {
        white-space: normal !important;
        word-break: break-word;
        width: auto !important;
        min-width: unset !important;
        padding: 12px 10px;
        /* Padding ajustado para Mobile */
        font-size: 14px;
    }

    /* REGRAS PARA TABELAS LARGAS (4+ COLUNAS) */
    /* Usa :has para detectar 4 ou mais colunas e forçar o layout fixo */
    .tabela table:has(tr:first-child > td:nth-child(4)),
    .tabela table:has(tr:first-child > th:nth-child(4)) {
        table-layout: fixed !important;
        width: auto !important;
        min-width: 600px !important;
        /* Largura mínima para scroll */
    }

    /* Largura das colunas no modo scroll */
    .tabela table:has(tr:first-child > td:nth-child(4)) td,
    .tabela table:has(tr:first-child > th:nth-child(4)) th {
        width: 150px !important;
        min-width: 240px !important;
        max-width: 264px !important;
    }


    /*tabela card*/


    /*MARK: Abas mobile
*/

    /* ============================
    Abas do Portal do Cidadão Mobile
    ============================ */

    .wp-block-table.tabela-cards {
        border: none !important;
    }

    .wp-block-atbs-tabs,
    .wp-block-atbs-tabs .tabs-container,
    .wp-block-atbs-tabs .tabs-nav {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2) Só o row de TITLES vira flex e scroll (bem específico) */
    .wp-block-atbs-tabs .tabs-titles {
        /* display: flex !important;*/
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        /* evita que itens cresçam e 'empurrem' pra baixo */
        justify-content: flex-start !important;
        gap: var(--spacing-small) !important;
        padding: var(--spacing-small) var(--spacing-medium) !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        position: relative !important;
        scrollbar-width: none !important;
    }

    .wp-block-atbs-tabs .tabs-titles::-webkit-scrollbar {
        display: none !important;
    }

    /* Cada aba: não encolhe, tem min/max width, e texto interno quebra sem forçar o empilhamento */
    .wp-block-atbs-tabs .tabs-titles .tab-title {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-height: 64px !important;
        min-height: 64px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        box-sizing: border-box !important;
        padding: var(--spacing-small) var(--spacing-medium) !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: var(--font-size-small) !important;
        vertical-align: top !important;
    }

    /* 4) Texto interno: permite quebra de linha, sem alterar o comportamento do bloco da aba */
    .wp-block-atbs-tabs .tabs-titles .tab-title .tab-title-text {
        display: block !important;
        white-space: normal !important;
        /* quebra linhas */
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        line-height: 1.2 !important;
        max-width: 100% !important;
    }

    /* 5) Aba ativa: visual, sem mexer na geometria */
    .wp-block-atbs-tabs .tabs-titles .tab-title.active,
    .wp-block-atbs-tabs .tabs-titles .tab-title[aria-selected="true"] {
        transform: none !important;
        box-shadow: none !important;
        z-index: 6 !important;
        height: -webkit-fill-available;
    }

    /* 6) Indicador de rolagem (fade + chevron) — mantido, não interfere no layout */
    .wp-block-atbs-tabs .tabs-titles::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 48px;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--white) 85%);
        pointer-events: none;
    }

    .wp-block-atbs-tabs .tabs-titles::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 12px;
        width: 10px;
        height: 10px;
        border-right: 2px solid var(--grey);
        border-bottom: 2px solid var(--grey);
        transform: translateY(-50%) rotate(-45deg);
        opacity: 0.6;
        pointer-events: none;
    }

    .wp-block-atbs-tabs .tabs-titles {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .wp-block-atbs-tabs .tabs-nav .tabs-arrow {
        width: 32px;
        height: 32px;
    }



    /*MARK: Cards Noticias Mob 
    */
    /* ============================
    Cards Noticias Mobile 
    ============================ */


    /* Container principal */
    .news-cards-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;

    }

    /* Um card por linha, centralizado */
    .news-cards-wrapper .latest-posts {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Card individual */
    .news-cards-wrapper .card-news {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        width: 100% !important;

        max-width: 480px !important;
        padding: 0 !important;
        border-radius: 24px !important;
        box-sizing: border-box !important;
        background: linear-gradient(0deg, rgba(120, 190, 240, 0.08) 0%, var(--pure-white) 80%);

        overflow: hidden !important;

        gap: 0 !important;
        max-height: 370px;
    }



    /* Contêiner da Imagem (o link <a>) */
    .news-cards-wrapper .card-news-image {
        display: block !important;
        /* Solução funcional para forçar a largura mínima */
        width: 100% !important;
        min-width: 480px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        /* Importante: a borda da imagem DEVE ser 0 para seguir o contêiner */
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    /* Imagem no topo (tag <img>) */
    .news-cards-wrapper .card-news-image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 260px !important;
        object-fit: cover !important;
        object-position: center center !important;
        /* Importante: a borda da imagem DEVE ser 0 para seguir o contêiner */
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ---------------------------------------------------------------------- */


    /* Conteúdo */
    .news-cards-wrapper .card-news-content {
        flex: 1 1 auto !important;
        width: 100% !important;
        padding: 16px !important;
        /* mantém só o padding interno do texto */
        font-size: var(--font-size-small, 1rem) !important;
        line-height: 1.5 !important;
        box-sizing: border-box !important;
    }

    /* Título */
    .news-cards-wrapper .card-news-content h2 {
        font-size: var(--font-size-large, 1.25rem) !important;
        margin-bottom: 0 !important;
        line-height: 1.3 !important;
    }

    /* Descrição */
    .news-cards-wrapper .card-news-description p {
        margin: 0 !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 5 !important;
        line-clamp: 5 !important;
        -webkit-box-orient: vertical !important;
        text-overflow: ellipsis !important;
    }



    /* ====== Data dos cards ====== */

    .news-cards-wrapper .card-news .entry-meta,
    .news-cards-wrapper .card-news .posted-on,
    .news-cards-wrapper .card-news .published {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 0.95rem !important;
        color: var(--grey, #71767A) !important;
        margin-bottom: 8px !important;
    }

    /* Ícone de calendário antes da data */
    .news-cards-wrapper .card-news .published::before {
        content: "\f073";
        /* Font Awesome calendar icon */
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 0.9rem;
        color: var(--grey, #71767A);
        margin-right: 6px;
        display: inline-block;
    }

    /* Garantir que a meta apareça acima da descrição */
    .news-cards-wrapper .card-news-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    .news-cards-wrapper .card-news-content .entry-meta {
        order: 0 !important;
    }

    .news-cards-wrapper .card-news-content h2 {
        order: 1 !important;
    }

    .news-cards-wrapper .card-news-description {
        order: 2 !important;
    }

    /* MARK: Cards da pagina de noticias
    */

    .category-noticias .ast-article-post,
    .archive .ast-article-post {
        padding: 0 !important;

    }

    /* Estilo do Card (Inner) */
    .category-noticias .ast-article-post .ast-article-inner {

        max-height: 560px !important;
        padding: var(--spacing-medium) !important;
    }

    .category-noticias .ast-article-post.ast-grid-common-col,
    .category-noticias .ast-article-post.ast-full-width {
        margin: 0 !important;
    }

    /*MARK: Cards Principais mob 
/* ============================
    Cards Principais Mobile
    ============================ */

    /*Corrige texto saindo pra fora do card*/
    .home .card,
    #principais-servicos .card {

        height: min-content !important;
    }

    .home-hero .wp-block-cover__inner-container {
        padding: 0 !important;
    }

    .home-search-area {
        height: auto !important
    }

    /* Cards pequenos */
    .card {

        padding: var(--spacing-small) !important;
        border-radius: var(--radius-medium) !important;
        gap: var(--spacing-tiny) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #principais-servicos a {
        height: 56px;
        padding: 0;
    }

    #principais-servicos .card-icon img,
    #principais-servicos .card-icon .icon-fallback,
    #principais-servicos .card-icon svg {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;
        max-width: 56px !important;
        max-height: 56px !important;

        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Força o container do Elementor (wrapper do ícone) a aceitar o tamanho */
    #principais-servicos .card-icon .elementor-icon {
        font-size: 56px !important;
        /* Elementor controla SVG via font-size muitas vezes */
        width: 56px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }


    /* Centraliza o bloco do ícone dentro do card */
    #principais-servicos .card-icon {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* Título dentro dos cards */
    .card-title p {
        font-size: var(--font-size-small) !important;
        line-height: var(--line-height-medium) !important;
        text-align: center;
        padding: 0 !important;
        margin: 0 !important;
    }


    /* Hover suavizado para mobile */
    .card:hover {
        transform: scale(1.03);
        transition: all .3s cubic-bezier(0, 0, .5, 1);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

    /*MARK: Container geral mob 
    /* ============================
    Container geral dos cards
    ============================ */
    #principais-servicos {
        display: flex !important;
        flex-wrap: wrap !important;
        /* permite 2 colunas */
        justify-content: center !important;
        /* centraliza horizontalmente */
        gap: var(--spacing-medium) !important;
        /* gap entre cards (linhas e colunas) */
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Cada card — mantém tamanho natural, apenas largura reduzida para 2 colunas */
    #principais-servicos>.card {
        flex: 0 0 45% !important;
        /* 2 colunas */
        margin: 0 !important;
        /* sem deslocamento extra */
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 140px !important;
        /* altura maior que antes */
        gap: var(--spacing-tiny) !important;
    }

    /* Card interno — mantém grid original */
    #principais-servicos>.card .card {
        width: 100% !important;
        height: auto !important;
        display: grid !important;
        grid-template-rows: 1fr auto !important;
        gap: var(--spacing-tiny) !important;
        /* espaçamento interno */
        padding-top: var(--spacing-medium) !important;
        /* aumenta espaço topo */
        padding-bottom: var(--spacing-medium) !important;
        /* aumenta espaço baixo */
        align-items: center !important;
        /* centraliza vertical do grid */
        justify-items: center !important;
        /* centraliza horizontal do grid */
        box-sizing: border-box !important;

    }

    /* Ícone ajustado para mobile */
    #principais-servicos .card-icon img,
    #principais-servicos .card-icon .icon-fallback {
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
        /* centraliza horizontal */
        padding-top: var(--spacing-tiny) !important;
        padding-bottom: var(--spacing-tiny) !important;
    }

    /* Texto — tamanho original, centralizado */
    #principais-servicos .card-title .elementor-heading-title,
    #principais-servicos .card-title p {
        font-size: var(--font-size-medium) !important;
        line-height: var(--line-height-medium) !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Ajuste: diminuir largura da caixa de texto */
    #principais-servicos .card-title {
        max-width: 100% !important;
        /* diminui a largura da caixa de texto */
        margin: 0 auto !important;
        /* centraliza dentro do card */
    }


    body .elementor .swiper-wrapper figure img {
        border-radius: var(--radius-large) !important;
    }

    body .elementor .swiper-wrapper figure img,
    body .elementor .swiper-slide figure img {
        border-radius: var(--radius-large) !important;
    }


    /* Esconder as setas do Slider no Mobile */
    .glide__arrows {
        display: none !important;
    }

    /*MARK: Home 2
    */

    /* =========================
    MOBILE – SEARCH BAR
    ========================= */

    .home-search-bar {
        width: 100% !important;

        box-sizing: border-box !important;
    }

    .home-search-bar .wp-block-search__inside-wrapper {
        width: 100% !important;
        height: 48px !important;
        margin-bottom: 48px !important;
        padding: 0 6px !important;
    }

    .home-search-bar .wp-block-search__input {
        font-size: 15px !important;
        line-height: 48px !important;
    }

    /* =========================
        Cards Pricipais
============================ */

    div.wp-block-group.small-cards-grid {
        display: grid !important;

        grid-template-columns: repeat(auto-fit,
                minmax(140px, 1fr)) !important;

        gap: 16px !important;


        justify-content: center !important;


        justify-items: stretch !important;

        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Card Preenche a Celula*/

    .small-cards-grid>.small-card,
    .small-cards-grid>.small-card-glass {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;

        /* Centraliza conteúdo interno */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .small-cards-section {
        padding-inline: var(--spacing-small) !important;
        box-sizing: border-box;
    }

    /*MARK: old home
/* ============================
    Home imagem Antiga
============================ */


    .home-hero .wp-block-cover__inner-container {
        padding-top: 16px !important;
    }


    .home-hero .hero-title {
        margin-top: 0px !important;
        margin-bottom: 48px !important;
        color: var(--pure-white);
        display: block;
        font-family: var(--primary-font);
        font-size: var(--title-size-tiny) !important;
        font-weight: var(--font-weight-medium);
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
    }

    .home-hero .wp-block-cover__image-background {
        height: 200px !important;
        /* Define a altura */
        min-height: auto !important;
        /* Remove altura mínima padrão do WP */
        object-fit: cover;
        /* Garante que a imagem não distorça */
        object-position: top center;
        /* Mantém o topo da imagem alinhado */
    }

    /*MARK: Banner*/

    /*Deixa o banner wide no mobile*/
    .wp-block-themeisle-blocks-slider-item-wrapper {
        min-height: 0px !important;
    }

    /*MARK: Redes Sociais*/

    .social-media-section {
        padding: 0 !important;
    }

    /*MARK: Card Tourism Fixes*/

    .card-tourism.is-layout-constrained {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 276px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    div.card-posts-glass div.card.card-news:hover div.card-news-content {
        min-height: 180px !important;
    }

    div.card-posts-glass div.card.card-news:hover div.card-news-content div.card-news-description {

        margin-top: 0 !important;     
    }

    div.news-cards-wrapper div.card.card-news div.card-news-content div.card-news-description p {
   margin-top: 0 !important;     
}

    .card-tourism-photo img {
        width: 100% !important;
    }

    /*MARK: footer*/
    .cf-footer {
        margin-top: 0 !important;
    }

    /*MARK: Accordion Perguntas frequentes*/
    .accordion-doubts .wp-block-accordion-heading__toggle-title {

        font-size: var(--font-size-medium) !important;
    }

    .accordion-doubts .wp-block-accordion-heading {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

    }


    /*MARK: Card Notícias*/
    .accordion-doubts.wp-block-accordion {
        gap: var(--spacing-medium) !important;
    }

    .card-posts-glass .card-news {
        height: 380px !important;
    }

    div.card-posts-glass div.card.card-news div.card-news-content {

        height: 200px !important;
        max-height: 24% !important;
        min-height: 0 !important;
    }

    /* Botão removido no mobile */
    .card-posts-glass .card-news-content::after {
        display: none !important;

    }

    /*card em Notícias */

    /* Força o grid a ter apenas uma coluna */
    .ast-blog-layout-4-grid .ast-row {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: var(--spacing-large) !important;
    }

    /*Pagina de Noticias*/
    header.entry-header:not(.related-entry-header) .entry-title {
        line-height: var(--line-height-small) !important;
    }


    /*Card-Bus*/

    .card-bus .wp-block-atbs-tabs .tabs-content .wp-block-group.is-layout-grid {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    .card-bus .wp-block-heading {
        max-width: 242px !important;
    }
}

@media (max-width: 921px) {

    /*MARK: Menu Mobile
    */

    /* ============================
    Menu Mobile
    ============================ */

    /* Configuração do container do menu para exibição em lista única */
    .ast-builder-menu-mobile .main-navigation ul#ast-hf-mobile-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Ajuste dos itens do menu para ocuparem a largura total sem flutuação */
    .ast-builder-menu-mobile .main-navigation ul#ast-hf-mobile-menu li {
        width: 100% !important;
        display: block !important;
        float: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        position: relative !important;
    }

    /* Cor de fundo para os links de submenus de segundo nível */
    .ast-builder-menu-mobile #ast-hf-mobile-menu .sub-menu .menu-link {
        background: var(--white) !important;
    }

    /* Ocultação das setas padrão nos links principais */
    .menu-link .ast-icon.icon-arrow,
    .menu-link .ast-menu-svg {
        display: none !important;
    }

    /* Exibição das setas apenas nos botões de alternância de submenu */
    .ast-menu-toggle .ast-icon.icon-arrow,
    .ast-menu-toggle .ast-menu-svg {
        display: block !important;
    }

    /* Estilização do botão de alternância com fundo transparente e área de clique expandida */
    .ast-menu-toggle {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        color: inherit !important;
        padding-left: 100vw !important;
        padding-right: 10vw !important;
        right: -24px !important;
    }

    /* Manutenção da transparência e remoção de efeitos no hover e foco do botão */
    .ast-menu-toggle:hover,
    .ast-menu-toggle:focus,
    .ast-menu-toggle:active {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        color: inherit !important;
    }

    /* Bloqueio de scroll lateral ao abrir o menu mobile */
    .ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,
    .ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
        overflow: hidden !important;
    }

    /* Definição da distância do topo para o conteúdo do menu mobile */
    body:not(.page-id-7875).ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,
    body:not(.page-id-7875).ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
        top: 72px !important;
    }

    /* Ajuste da altura total e comportamento do painel lateral do menu */
    .ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
        height: 100vh !important;
        min-height: 100vh !important;
        top: 72px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        overflow-y: auto !important;
        background-color: var(--pure-white) !important;
        z-index: 90 !important;
    }

    /* Padronização da cor de fundo branca para todos os elementos do menu */
    .ast-builder-menu-mobile .main-navigation .main-header-menu,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu,
    .ast-primary-header-bar {
        background-color: var(--pure-white) !important;
    }

    /* Inserção do rótulo de texto antes do ícone de menu hambúrguer */
    .menu-toggle.main-header-menu-toggle::before {
        content: "Menu";
        display: inline-block;
        font-family: var(--primary-font);
        font-size: var(--font-size-medium);
        font-weight: var(--font-weight-large);
        vertical-align: right;
        line-height: 1;
    }

    /* Alinhamento flexível para centralizar texto e ícone no botão principal */
    .menu-toggle.main-header-menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        gap: var(--spacing-small) !important;
    }

    /* Customização de tamanho e cor do ícone SVG do gatilho mobile */
    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
        width: 24px !important;
        height: 24px !important;
        fill: var(--primary-color);
    }

    /* Espaçamento interno do gatilho minimalista */
    .ast-mobile-menu-trigger-minimal {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    /* Adição da borda lateral esquerda para delimitação visual do menu */
    .ast-header-break-point .ast-mobile-menu-container .main-navigation,
    .ast-header-break-point .main-header-bar-navigation .main-navigation {
        border-left: 1px solid #e0e0e0;
        padding-left: 0;
    }

    /*MARK: Galeria de Ex-Prefeitos
    */

    /*Grid*/
    .simple-profiles-grid {
        grid-template-columns: 1fr !important;
    }

    /* Card */
    .profile-card {
        border-radius: var(--radius-medium);
        min-height: 500px;
    }

    /*Glass*/
    .profile-card-conteiner {
        height: 116px !important;
    }


}

@media(max-width: 820px) {

    /*MARK: Tabela Card
*/
    /* ============================================================
Tabela Unidades Vira Card
============================================================ */

    .wp-block-table.tabela-cards,
    .wp-block-table.tabela-cards table,
    .wp-block-table.tabela-cards td {
        border: none !important;
        background-color: transparent !important;
    }

    .wp-block-table.tabela-cards table,
    .wp-block-table.tabela-cards tbody {
        display: block !important;
        width: 100% !important;
    }

    .wp-block-table.tabela-cards table tbody tr:not(:first-child):not(.hidden-row) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        background: var(--pure-white) !important;
        /* Corrigido para fundo branco real */
        border: 2px solid var(--pastel-grey) !important;
        border-radius: var(--radius-medium) !important;
        padding: var(--spacing-medium) !important;
        margin-bottom: var(--spacing-medium) !important;
        position: relative !important;
    }

    .wp-block-table.tabela-cards table tbody tr:first-child {
        display: none !important;
    }

    /* Título: Ocupa 100% e é o primeiro (order 1) */
    .wp-block-table.tabela-cards td:nth-child(1) {
        display: block !important;
        width: 100% !important;
        order: 1 !important;
        font-size: var(--font-size-medium) !important;
        /* 16px conforme token */
        font-weight: var(--font-weight-large) !important;
        color: var(--black) !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        border: none !important;
        text-align: start !important;
    }

    /* Horário: Ocupa 100% e fica logo abaixo do título (order 2) */
    .wp-block-table.tabela-cards td:nth-child(5) {
        display: block !important;
        width: 100% !important;
        order: 2 !important;
        font-size: var(--font-size-small) !important;
        color: var(--grey) !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Pílulas: Ficam por último (order 3) e lado a lado */
    .wp-block-table.tabela-cards td:nth-child(2),
    .wp-block-table.tabela-cards td:nth-child(3),
    .wp-block-table.tabela-cards td:nth-child(4) {
        display: inline-flex !important;
        order: 3 !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 32px !important;
        padding: 0 10px 0 28px !important;
        margin: 0 !important;
        margin-right: 8px !important;
        border-radius: var(--radius-medium) !important;
        font-weight: var(--font-weight-large) !important;
        cursor: pointer !important;
        font-size: 0 !important;
        line-height: var(--line-height-small) !important;
        background-repeat: no-repeat !important;
        background-position: 10px center !important;
        background-size: 13px !important;
        border: none !important;
    }

    /* Texto das Pílulas (10px conforme solicitado) */
    .wp-block-table.tabela-cards td:nth-child(2)::before {
        content: "ENDEREÇO";
        font-size: 10px !important;
    }

    .wp-block-table.tabela-cards td:nth-child(3)::before {
        content: "LIGAR";
        font-size: 10px !important;
    }

    .wp-block-table.tabela-cards td:nth-child(4)::before {
        content: "E-MAIL";
        font-size: 10px !important;
    }

    /* Cores das Pílulas (Usando tokens de apoio quando possível) */
    .wp-block-table.tabela-cards td:nth-child(2) {
        background-color: #dcfce7 !important;
        color: #166534 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23166534' d='M128 252.6C128 148.4 214 64 320 64C426 64 512 148.4 512 252.6C512 371.9 391.8 514.9 341.6 569.4C329.8 582.2 310.1 582.2 298.3 569.4C248.1 514.9 127.9 371.9 127.9 252.6zM320 320C355.3 320 384 291.3 384 256C384 220.7 355.3 192 320 192C284.7 192 256 220.7 256 256C256 291.3 284.7 320 320 320z'/%3E%3C/svg%3E") !important;
    }

    .wp-block-table.tabela-cards td:nth-child(3) {
        background-color: #dbeafe !important;
        color: #1e40af !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%231e40af' d='M224.2 89C216.3 70.1 195.7 60.1 176.1 65.4L170.6 66.9C106 84.5 50.8 147.1 66.9 223.3C104 398.3 241.7 536 416.7 573.1C493 589.3 555.5 534 573.1 469.4L574.6 463.9C580 444.2 569.9 423.6 551.1 415.8L453.8 375.3C437.3 368.4 418.2 373.2 406.8 387.1L368.2 434.3C297.9 399.4 241.3 341 208.8 269.3L253 233.3C266.9 222 271.6 202.9 264.8 186.3L224.2 89z'/%3E%3C/svg%3E") !important;
    }

    .wp-block-table.tabela-cards td:nth-child(4) {
        background-color: var(--white) !important;
        color: var(--dark-grey) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%233D4551' d='M112 128C85.5 128 64 149.5 64 176C64 191.1 71.1 205.3 83.2 214.4L291.2 370.4C308.3 383.2 331.7 383.2 348.8 370.4L556.8 214.4C568.9 205.3 576 191.1 576 176C576 149.5 554.5 128 528 128L112 128zM64 260L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 260L377.6 408.8C343.5 434.4 296.5 434.4 262.4 408.8L64 260z'/%3E%3C/svg%3E") !important;
    }

    /* Estado Expandido */
    .wp-block-table.tabela-cards td.expanded {
        width: 100% !important;
        order: 4 !important;
        /* Fica depois de tudo */
        height: auto !important;
        min-height: 65.43px;
        font-size: var(--font-size-tiny) !important;
        /* 11px conforme token */
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px var(--spacing-medium) !important;
        background-image: none !important;
        white-space: normal !important;
        color: var(--dark-grey) !important;
        line-height: var(--line-height-medium) !important;
        margin: 0 !important;
        border-radius: var(--radius-small) !important;
    }

    /*Texto de telefones com cara de link*/

    .wp-block-table.tabela-cards td.expanded a {
        color: var(--primary-color) !important;
        display: inline-block !important;
        margin: 4px 0 !important;
        font-weight: bold !important;
        cursor: pointer !important;
    }

    .wp-block-table.tabela-cards td.expanded::before {
        display: none !important;
    }

    /* Botao Fechar  */
    .btn-fechar-card {
        background: var(--dark-grey) !important;
        color: var(--white) !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: var(--radius-rounded) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: var(--font-weight-large) !important;
        flex-shrink: 0 !important;
        margin-left: var(--spacing-medium) !important;
        line-height: 1 !important;
    }

    .wp-block-table.tabela-cards tr.has-expanded td:not(.expanded):not(:first-child) {
        display: none !important;
    }

    /*Ajusta o Botão ligar em outras tabelas*/
    .wp-block-table.tabela-cards tbody tr td:nth-child(3):not(.expanded) {
        font-size: 0 !important;
        color: transparent !important;
        line-height: 0 !important;
    }

    /* 2. Força o texto LIGAR a aparecer ignorando o tamanho zero do pai */
    .wp-block-table.tabela-cards tbody tr td:nth-child(3):not(.expanded)::before {
        content: "LIGAR" !important;
        font-size: 10px !important;
        color: #1e40af !important;
        visibility: visible !important;
        display: inline-block !important;
        line-height: 32px !important;
        width: auto !important;
    }

    /* 3. Garante que o ícone do Zap (SVG) suma da pílula fechada */
    .wp-block-table.tabela-cards tbody tr td:nth-child(3):not(.expanded) svg,
    .wp-block-table.tabela-cards tbody tr td:nth-child(3):not(.expanded) span,
    .wp-block-table.tabela-cards tbody tr td:nth-child(3):not(.expanded) strong {
        display: none !important;
    }

    /*Mark: pagina de resultados busca*/
    body.search-results #main .blog-layout-5.ast-article-inner {
        flex-direction: column !important;
    }

    body.search-results #main .ast-blog-featured-section.post-thumb {
        flex: 0 0 200px !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }

}

/*MARK: Tabela Requerimentos Vira Card*/
@media (max-width: 820px) {

    /* 1. Estrutura Base */
    .wp-block-table.application-table,
    .wp-block-table.application-table table,
    .wp-block-table.application-table td {
        border: none !important;
        background-color: transparent !important;
    }

    .wp-block-table.application-table table,
    .wp-block-table.application-table tbody {
        display: block !important;
        width: 100% !important;
    }

    .wp-block-table.application-table table tbody tr:not(:first-child):not(.hidden-row) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        background: var(--pure-white) !important;
        border: 2px solid var(--pastel-grey) !important;
        border-radius: var(--radius-medium) !important;
        padding: var(--spacing-medium) !important;
        margin-bottom: var(--spacing-medium) !important;
        width: 100% !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .wp-block-table.application-table table tbody tr:first-child {
        display: none !important;
    }

    /* 2. Título */
    .wp-block-table.application-table td:nth-child(1) {
        display: block !important;
        width: 100% !important;
        order: 1 !important;
        font-size: var(--font-size-medium) !important;
        font-weight: var(--font-weight-large) !important;
        color: var(--black) !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        border: none !important;
        text-align: start !important;
    }

    /* 3. Vereador */
    .wp-block-table.application-table td:nth-child(3) {
        display: block !important;
        width: 100% !important;
        order: 2 !important;
        font-size: var(--font-size-small) !important;
        color: var(--grey) !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
        border: none !important;
    }

    /* 4. Pílulas (Base Visual) */
    .wp-block-table.application-table td:nth-child(2),
    .wp-block-table.application-table td:nth-child(4),
    .wp-block-table.application-table td:nth-child(5) {
        display: inline-flex !important;
        order: 3 !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 32px !important;
        padding: 0 10px 0 28px !important;
        margin: 0 8px 0 0 !important;
        border-radius: var(--radius-medium) !important;
        font-weight: var(--font-weight-large) !important;
        cursor: pointer !important;
        font-size: 0 !important;
        line-height: var(--line-height-small) !important;
        background-repeat: no-repeat !important;
        background-position: 10px center !important;
        background-size: 13px !important;
        border: none !important;
        position: relative !important;
    }

    /* Sumir QR Code se vazio */
    .wp-block-table.application-table td:nth-child(4):empty {
        display: none !important;
    }

    /* 5. Injeção Visual (Mobile apenas) */

    /* Assunto */
    .wp-block-table.application-table td:nth-child(2) {
        background-color: #dcfce7 !important;
    }

    .wp-block-table.application-table td:nth-child(2):not(.expanded) {
        color: #166534 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23166534' d='M480 576L192 576C139 576 96 533 96 480L96 160C96 107 139 64 192 64L496 64C522.5 64 544 85.5 544 112L544 400C544 420.9 530.6 438.7 512 445.3L512 512C529.7 512 544 526.3 544 544C544 561.7 529.7 576 512 576L480 576zM192 448C174.3 448 160 462.3 160 480C160 497.7 174.3 512 192 512L448 512L448 448L192 448zM224 216C224 229.3 234.7 240 248 240L424 240C437.3 240 448 229.3 448 216C448 202.7 437.3 192 424 192L248 192C234.7 192 224 202.7 224 216zM248 288C234.7 288 224 298.7 224 312C224 325.3 234.7 336 248 336L424 336C437.3 336 448 325.3 448 312C448 298.7 437.3 288 424 288L248 288z'/%3E%3C/svg%3E") !important;
    }

    .wp-block-table.application-table td:nth-child(2):not(.expanded)::before {
        content: "ASSUNTO";
        font-size: 10px !important;
    }

    /* QR Code */
    .wp-block-table.application-table td:nth-child(4) {
        background-color: var(--white) !important;
    }

    .wp-block-table.application-table td:nth-child(4):not(.expanded) {
        color: var(--dark-grey) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%234D5766' d='M160 224L224 224L224 160L160 160L160 224zM96 144C96 117.5 117.5 96 144 96L240 96C266.5 96 288 117.5 288 144L288 240C288 266.5 266.5 288 240 288L144 288C117.5 288 96 266.5 96 240L96 144zM160 480L224 480L224 416L160 416L160 480zM96 400C96 373.5 117.5 352 144 352L240 352C266.5 352 288 373.5 288 400L288 496C288 522.5 266.5 544 240 544L144 544C117.5 544 96 522.5 96 496L96 400zM416 160L416 224L480 224L480 160L416 160zM400 96L496 96C522.5 96 544 117.5 544 144L544 240C544 266.5 522.5 288 496 288L400 288C373.5 288 352 266.5 352 240L352 144C352 117.5 373.5 96 400 96zM384 416C366.3 416 352 401.7 352 384C352 366.3 366.3 352 384 352C401.7 352 416 366.3 416 384C416 401.7 401.7 416 384 416zM384 480C401.7 480 416 494.3 416 512C416 529.7 401.7 544 384 544C366.3 544 352 529.7 352 512C352 494.3 366.3 480 384 480zM480 512C480 494.3 494.3 480 512 480C529.7 480 544 494.3 544 512C544 529.7 529.7 544 512 544C494.3 544 480 529.7 480 512zM512 416C494.3 416 480 401.7 480 384C480 366.3 494.3 352 512 352C529.7 352 544 366.3 544 384C544 401.7 529.7 416 512 416zM480 448C480 465.7 465.7 480 448 480C430.3 480 416 465.7 416 448C416 430.3 430.3 416 448 416C465.7 416 480 430.3 480 448z'/%3E%3C/svg%3E") !important;
    }

    .wp-block-table.application-table td:nth-child(4):not(.expanded)::before {
        content: "QR CODE";
        font-size: 10px !important;
    }

    /* Resposta - Estilos */
    .wp-block-table.application-table td:nth-child(5):has(a) {
        background-color: #dbeafe !important;
        color: #1e40af !important;
        padding: 0 !important;
        font-size: 10px !important;
        font-weight: bold !important;

        align-items: center !important;
        justify-content: center !important;

        color: inherit !important;
        text-decoration: none !important;
    }


    .wp-block-table.application-table td:nth-child(5):not(:has(a)) {
        background-color: transparent !important;
        border: 2px solid var(--pastel-grey) !important;
        color: var(--light-grey) !important;
        pointer-events: none !important;
        font-size: 10px !important;
    }

    .wp-block-table.application-table td:nth-child(5) a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 32px !important;
        padding: 0 10px 0 28px !important;
        font-size: 10px !important;
        color: inherit !important;
        text-decoration: none !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%231e40af' d='M320 97.9L128.4 239.8L286.5 357C291.8 360.9 297.7 363.9 304 365.7L304 528C304 533.5 304.5 538.8 305.3 544L128 544C92.7 544 64 515.3 64 480L64 240.1C64 219.8 73.6 200.7 89.9 188.7L286.5 43C296.2 35.8 307.9 32 320 32C332.1 32 343.8 35.9 353.5 43L550.1 188.7C557.3 194 563.2 200.7 567.5 208.3C565 208.1 562.5 208 560 208L468.6 208L320 97.9zM352 304C352 277.5 373.5 256 400 256L560 256C586.5 256 608 277.5 608 304L608 528C608 554.5 586.5 576 560 576L400 576C373.5 576 352 554.5 352 528L352 304zM432 320C418.7 320 408 330.7 408 344C408 357.3 418.7 368 432 368L528 368C541.3 368 552 357.3 552 344C552 330.7 541.3 320 528 320L432 320zM432 416C418.7 416 408 426.7 408 440C408 453.3 418.7 464 432 464L488 464C501.3 464 512 453.3 512 440C512 426.7 501.3 416 488 416L432 416z'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: 10px center !important;
        background-size: 13px !important;
    }

    .wp-block-table.application-table td:nth-child(5):not(:has(a)) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23CED4DA' d='M320 97.9L128.4 239.8L286.5 357C291.8 360.9 297.7 363.9 304 365.7L304 528C304 533.5 304.5 538.8 305.3 544L128 544C92.7 544 64 515.3 64 480L64 240.1C64 219.8 73.6 200.7 89.9 188.7L286.5 43C296.2 35.8 307.9 32 320 32C332.1 32 343.8 35.9 353.5 43L550.1 188.7C557.3 194 563.2 200.7 567.5 208.3C565 208.1 562.5 208 560 208L468.6 208L320 97.9zM352 304C352 277.5 373.5 256 400 256L560 256C586.5 256 608 277.5 608 304L608 528C608 554.5 586.5 576 560 576L400 576C373.5 576 352 554.5 352 528L352 304zM432 320C418.7 320 408 330.7 408 344C408 357.3 418.7 368 432 368L528 368C541.3 368 552 357.3 552 344C552 330.7 541.3 320 528 320L432 320zM432 416C418.7 416 408 426.7 408 440C408 453.3 418.7 464 432 464L488 464C501.3 464 512 453.3 512 440C512 426.7 501.3 416 488 416L432 416z'/%3E%3C/svg%3E") !important;
    }

    .wp-block-table.application-table td:nth-child(4) img {
        display: none !important;
    }

    /* 7. Regras de Foco (Expansão) */
    .wp-block-table.application-table tr.has-expanded-full td:not(.expanded) {
        display: none !important;
    }

    .wp-block-table.application-table tr.has-expanded-inline td:nth-child(3),
    .wp-block-table.application-table tr.has-expanded-inline td:nth-child(4),
    .wp-block-table.application-table tr.has-expanded-inline td:nth-child(5) {
        display: none !important;
    }

    /* 8. Pílula Expandida */
    .wp-block-table.application-table td.expanded {
        width: 100% !important;
        order: 4 !important;
        height: auto !important;
        min-height: 65.43px;
        font-size: var(--font-size-tiny) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px var(--spacing-medium) !important;
        background-image: none !important;
        white-space: normal !important;
        color: var(--dark-grey) !important;
        line-height: var(--line-height-medium) !important;
        margin: 0 !important;
        border-radius: var(--radius-small) !important;
    }

    /* Ajuste específico para o QR CODE expandido: Botão X no Topo */
    .wp-block-table.application-table td.expanded:nth-child(4) {
        align-items: flex-start !important;
        /* Move conteúdo (botão) para o topo */
    }

    .wp-block-table.application-table td.expanded:nth-child(4) .btn-fechar-requerimento {
        margin-top: 4px !important;
        /* Alinha visualmente com o topo da imagem */
    }

    .wp-block-table.application-table td.expanded::before {
        display: none !important;
    }

    .wp-block-table.application-table td.expanded img {
        display: block !important;
        width: 150px !important;
        height: 150px !important;
        margin: 0 auto 0 0 !important;
    }

    /* 9. Botão Fechar Único */
    .btn-fechar-requerimento {
        background: var(--dark-grey) !important;
        color: var(--white) !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: var(--radius-rounded) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        font-weight: var(--font-weight-large) !important;
        flex-shrink: 0 !important;
        margin-left: var(--spacing-medium) !important;
        line-height: 1 !important;
    }
}