/* ARAXÁ NO AR — V24
   Logo REMODELADA: mantém identidade original araxánoar + avião de papel.
*/

img[data-logo-remodelada="1"],
#siteHeader .brand img,
.header .brand img,
header .brand img,
.topbar .brand img,
.logo img,
.site-logo img {
    width: auto !important;
    height: 108px !important;
    max-width: 270px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#siteHeader .brand,
.header .brand,
header .brand,
.topbar .brand,
.logo,
.site-logo {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}

/* destaque apenas antes da rolagem */
#siteHeader:not(.scrolled) .brand,
.header:not(.scrolled) .brand,
.topbar:not(.scrolled) .brand {
    background: rgba(255,255,255,.16) !important;
    -webkit-backdrop-filter: blur(8px) saturate(118%) !important;
    backdrop-filter: blur(8px) saturate(118%) !important;
    border-radius: 20px !important;
    padding: 6px 12px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
}

#siteHeader.scrolled .brand,
.header.scrolled .brand,
.topbar.scrolled .brand {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

footer img[data-logo-remodelada="1"] {
    width: auto !important;
    height: 100px !important;
    max-width: 245px !important;
    object-fit: contain !important;
}

@media (max-width: 640px) {
    img[data-logo-remodelada="1"],
    #siteHeader .brand img,
    .header .brand img,
    header .brand img,
    .topbar .brand img,
    .logo img,
    .site-logo img {
        height: 78px !important;
        max-width: 200px !important;
    }

    footer img[data-logo-remodelada="1"] {
        height: 80px !important;
        max-width: 195px !important;
    }
}


/* =========================================================
   V25 — TIPOGRAFIA MAIS EQUILIBRADA
   Redução moderada dos títulos grandes da home e páginas internas.
   ========================================================= */

/* HERO DA HOME */
.hero-copy h1,
#heroTitle {
    font-size: clamp(2.65rem, 5.2vw, 5.15rem) !important;
    line-height: .96 !important;
    letter-spacing: -0.035em !important;
}

/* CHAMADA INSTITUCIONAL DA HOME */
.intro h2 {
    font-size: clamp(2rem, 3.5vw, 3.35rem) !important;
    line-height: 1.02 !important;
}

/* CARDS TURISMO / CULTURA / CIDADE */
.editoria-card .card-copy h2 {
    font-size: clamp(2rem, 3.2vw, 3.15rem) !important;
    line-height: 1 !important;
}

/* BLOCO DE TURISMO */
.tour-block .tour-copy h2 {
    font-size: clamp(2.15rem, 3.8vw, 3.65rem) !important;
    line-height: 1.02 !important;
}

/* ÚLTIMAS HISTÓRIAS */
.latest-title h2 {
    font-size: clamp(2rem, 3.4vw, 3.2rem) !important;
    line-height: 1.02 !important;
}

.latest article h3 {
    font-size: clamp(1.25rem, 1.9vw, 1.75rem) !important;
    line-height: 1.14 !important;
}

/* PAINÉIS / EDITORIAS ABERTAS NA HOME */
.panel-header h2,
.category-panel .panel-header h2 {
    font-size: clamp(2.4rem, 4.2vw, 4rem) !important;
    line-height: 1 !important;
}

.news-grid .news h3,
.category-panel .news h3 {
    font-size: clamp(1.2rem, 1.75vw, 1.65rem) !important;
    line-height: 1.15 !important;
}

.news-grid .news.lead h3,
.category-panel .news.lead h3 {
    font-size: clamp(1.65rem, 2.5vw, 2.35rem) !important;
}

/* PÁGINAS SECUNDÁRIAS — SELETORES COMUNS DO PORTAL */
.page-hero h1,
.page-header h1,
.category-header h1,
.article-header h1,
.noticia-header h1,
.content-header h1,
.section-header h1,
main:not(#inicio) > header h1 {
    font-size: clamp(2.4rem, 4.4vw, 4.35rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.025em !important;
}

.page-hero h2,
.page-header h2,
.category-header h2,
.article-header h2,
.content-header h2,
.section-header h2,
main:not(#inicio) h2 {
    font-size: clamp(1.8rem, 3vw, 2.85rem) !important;
    line-height: 1.06 !important;
}

main:not(#inicio) h3 {
    font-size: clamp(1.2rem, 1.8vw, 1.7rem) !important;
    line-height: 1.15 !important;
}

/* MOBILE: reduz mais um pouco sem perder hierarquia */
@media (max-width: 640px) {
    .hero-copy h1,
    #heroTitle {
        font-size: clamp(2.2rem, 10vw, 3.35rem) !important;
        line-height: .98 !important;
    }

    .intro h2,
    .tour-block .tour-copy h2,
    .latest-title h2 {
        font-size: clamp(1.8rem, 7.5vw, 2.5rem) !important;
    }

    .editoria-card .card-copy h2 {
        font-size: clamp(1.9rem, 7vw, 2.45rem) !important;
    }

    .panel-header h2,
    .category-panel .panel-header h2 {
        font-size: clamp(2.1rem, 9vw, 3rem) !important;
    }

    .page-hero h1,
    .page-header h1,
    .category-header h1,
    .article-header h1,
    .noticia-header h1,
    .content-header h1,
    .section-header h1,
    main:not(#inicio) > header h1 {
        font-size: clamp(2.05rem, 9vw, 3rem) !important;
    }
}


/* =========================================================
   V26 — LOGO DA HOME NO MESMO PADRÃO DA PÁGINA DE NOTÍCIAS
   ========================================================= */

/* Reduz a logo do cabeçalho da HOME */
img[data-logo-remodelada="1"],
#siteHeader .brand img,
.header .brand img,
header .brand img,
.topbar .brand img,
.logo img,
.site-logo img {
    height: 82px !important;
    max-width: 210px !important;
}

/* Rodapé mantém levemente maior, mas mais contido */
footer img[data-logo-remodelada="1"] {
    height: 88px !important;
    max-width: 210px !important;
}

/* Ajuste do bloco translúcido da home para acompanhar a logo menor */
#siteHeader:not(.scrolled) .brand,
.header:not(.scrolled) .brand,
.topbar:not(.scrolled) .brand {
    padding: 5px 10px !important;
    border-radius: 18px !important;
}

@media (max-width: 640px) {
    img[data-logo-remodelada="1"],
    #siteHeader .brand img,
    .header .brand img,
    header .brand img,
    .topbar .brand img,
    .logo img,
    .site-logo img {
        height: 64px !important;
        max-width: 170px !important;
    }

    footer img[data-logo-remodelada="1"] {
        height: 72px !important;
        max-width: 178px !important;
    }

    #siteHeader:not(.scrolled) .brand,
    .header:not(.scrolled) .brand,
    .topbar:not(.scrolled) .brand {
        padding: 4px 8px !important;
        border-radius: 16px !important;
    }
}