/*
Theme Name:   NewsNorte
Theme URI:    https://newsnorte.com.br
Description:  Tema filho do Astra para o portal NewsNorte. Layout montado no Elementor Pro (Theme Builder); este tema guarda a identidade visual, campos da matéria (chapéu, urgente), shortcodes e consultas personalizadas.
Author:       NewsNorte
Template:     astra
Version:      1.7.4
Text Domain:  newsnorte
*/

/* Identidade visual: os mesmos valores estão em Elementor > Configurações do site. */
:root {
	--nn-red: #e30613;
	--nn-red-strong: #b8050f;
	--nn-ink: #141414;
	--nn-muted: #5d5b5b;
	--nn-line: #e4e1e1;
	--nn-surface: #f3f2f2;
	--nn-radius: 10px;
	--nn-font-display: "Montserrat", "Segoe UI", Arial, sans-serif;
	--nn-font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;

	/* Cores por editoria (usadas no chapéu) — todas com contraste ≥ 4.5:1 sobre branco */
	--nn-cat-politica: #c8102e;
	--nn-cat-manaus: #b54700;
	--nn-cat-interior: #00727a;
	--nn-cat-policial: #3a3a3a;
	--nn-cat-economia: #1b6e3a;
	--nn-cat-esporte: #0b5cad;
	--nn-cat-cultura: #7b2d8e;
	--nn-cat-meio-ambiente: #2e7d32;
	--nn-cat-brasil: #0d4a7a;
	--nn-cat-opiniao: #6b4f12;
}

/* ===== Base ===== */
body { font-family: var(--nn-font-body); color: var(--nn-ink); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, .nn-card__title { font-family: var(--nn-font-display); letter-spacing: -0.01em; text-wrap: balance; }
img { max-width: 100%; height: auto; }
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
	outline: 3px solid var(--nn-red); outline-offset: 2px; border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ===== Logo em texto ===== */
.nn-logo { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; text-decoration: none; font-size: 3rem; }
.nn-logo__mark { display: flex; align-items: center; gap: .14em; font-family: var(--nn-font-display); font-weight: 900; letter-spacing: -.045em; }
.nn-logo__n { background: var(--nn-red); color: #fff; width: 1em; height: 1em; display: grid; place-items: center; padding-bottom: .12em; font-size: .92em; }
.nn-logo__news { color: var(--nn-ink); }
.nn-logo__norte { color: var(--nn-red); margin-left: -.06em; }
.nn-logo__tag { font-family: var(--nn-font-display); font-weight: 500; font-size: .25em; letter-spacing: .32em; margin-top: .5em; color: var(--nn-ink); }
@media (max-width: 767px) { .nn-logo { font-size: 2.1rem; } }

/* ===== Cabeçalho ===== */
.nn-topbar { font-size: .8125rem; color: var(--nn-muted); }
.nn-topbar strong { color: var(--nn-ink); }
.nn-nav .elementor-nav-menu--main .elementor-item { font-family: var(--nn-font-display); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: .875rem; min-height: 44px; display: flex; align-items: center; }
.nn-nav .elementor-menu-toggle { min-width: 44px; min-height: 44px; }
.nn-nav .elementor-nav-menu--dropdown .elementor-item { font-family: var(--nn-font-display); font-weight: 700; min-height: 48px; display: flex; align-items: center; }
.nn-btn-live { font-family: var(--nn-font-display); font-weight: 700; font-size: .8125rem; text-transform: uppercase; letter-spacing: .06em; border: 2px solid var(--nn-ink); padding: 10px 14px; display: inline-flex; gap: 8px; align-items: center; color: var(--nn-ink); text-decoration: none; min-height: 44px; }
.nn-btn-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nn-red); animation: nn-pulse 1.6s ease-in-out infinite; }
@keyframes nn-pulse { 50% { opacity: .3; } }

/* Busca compacta no celular */
.nn-busca-mobile { display: none; }
@media (max-width: 767px) {
	.nn-busca-mobile { display: block; }
	.nn-busca-mobile form { display: flex; border: 1px solid var(--nn-line); border-radius: 6px; overflow: hidden; }
	.nn-busca-mobile input { flex: 1; border: 0; padding: 10px 12px; font: inherit; min-height: 44px; min-width: 0; }
	.nn-busca-mobile button { border: 0; background: var(--nn-red); color: #fff; font-family: var(--nn-font-display); font-weight: 700; padding: 0 16px; min-height: 44px; }
}

/* ===== Barra Urgente ===== */
.nn-urgente { display: flex; align-items: center; gap: 12px; font-weight: 600; }
.nn-urgente__tag { background: var(--nn-red); color: #fff; font-family: var(--nn-font-display); font-weight: 800; font-size: .75rem; letter-spacing: .1em; padding: 4px 8px; flex-shrink: 0; border-radius: 3px; }
.nn-urgente a { color: inherit; text-decoration: none; min-width: 0; }
.nn-urgente a:hover { text-decoration: underline; }
.nn-urgente time { margin-left: auto; color: var(--nn-muted); font-size: .8125rem; flex-shrink: 0; }
@media (max-width: 767px) { .nn-urgente time { display: none; } }

/* ===== Chapéu (cor por editoria) ===== */
.nn-chapeu, .nn-chapeu a {
	font-family: var(--nn-font-display); font-weight: 800; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em;
	color: var(--nn-red); text-decoration: none;
}
.nn-chapeu--politica { color: var(--nn-cat-politica); }
.nn-chapeu--manaus { color: var(--nn-cat-manaus); }
.nn-chapeu--interior { color: var(--nn-cat-interior); }
.nn-chapeu--policial { color: var(--nn-cat-policial); }
.nn-chapeu--economia { color: var(--nn-cat-economia); }
.nn-chapeu--esporte { color: var(--nn-cat-esporte); }
.nn-chapeu--cultura { color: var(--nn-cat-cultura); }
.nn-chapeu--meio-ambiente { color: var(--nn-cat-meio-ambiente); }
.nn-chapeu--brasil { color: var(--nn-cat-brasil); }
.nn-chapeu--opiniao { color: var(--nn-cat-opiniao); }
.nn-band .nn-chapeu { color: #ff6b6b; }

/* ===== Destaques do topo (manchete + 2) ===== */
.nn-destaques {
	display: grid; gap: 16px;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	grid-template-rows: 1fr 1fr;
	min-height: 560px;
}
.nn-destaque {
	position: relative; overflow: hidden; border-radius: var(--nn-radius);
	background: var(--nn-ink); isolation: isolate; min-height: 260px;
}
.nn-destaque--grande { grid-row: 1 / span 2; }
.nn-destaque__img {
	position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover;
	transition: transform .5s ease; z-index: -2;
}
.nn-destaque::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 28%, rgba(0,0,0,0) 42%, rgba(0,0,0,.82) 100%);
}
.nn-destaque:hover .nn-destaque__img { transform: scale(1.04); }
.nn-destaque__texto { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 28px; }
.nn-destaque__chapeu { color: #fff; font-family: var(--nn-font-body); font-weight: 600; font-size: 1rem; text-shadow: 0 1px 4px rgba(0,0,0,.5); }
.nn-destaque__titulo {
	margin: 0; color: #fff; font-weight: 800; line-height: 1.12; letter-spacing: -.02em;
	font-size: clamp(1.25rem, 1.9vw, 1.75rem); text-shadow: 0 2px 10px rgba(0,0,0,.45);
}
.nn-destaque--grande .nn-destaque__titulo { font-size: clamp(1.75rem, 3.4vw, 3rem); line-height: 1.05; }
.nn-destaque__titulo a { color: inherit; text-decoration: none; }
.nn-destaque__titulo a::after { content: ""; position: absolute; inset: 0; } /* card inteiro clicável */
.nn-destaque__titulo a:focus-visible { outline: none; }
.nn-destaque:focus-within { outline: 3px solid var(--nn-red); outline-offset: 3px; }
@media (max-width: 1024px) {
	.nn-destaques { min-height: 460px; }
	.nn-destaque__texto { padding: 18px 20px; }
}
@media (max-width: 767px) {
	.nn-destaques { grid-template-columns: 1fr; grid-template-rows: none; min-height: 0; gap: 12px; }
	.nn-destaque--grande { grid-row: auto; aspect-ratio: 4 / 5; }
	.nn-destaque { aspect-ratio: 16 / 10; min-height: 0; border-radius: 8px; }
	.nn-destaque__texto { padding: 16px 18px; }
	.nn-destaque--grande .nn-destaque__titulo { font-size: 1.75rem; }
	.nn-destaque__titulo { font-size: 1.2rem; }
	.nn-destaque__chapeu { font-size: .875rem; }
}

/* ===== Cards ===== */
.nn-card { display: grid; gap: 8px; align-content: start; position: relative; }
.nn-card a { color: inherit; text-decoration: none; }
.nn-card__title a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.nn-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--nn-surface); border-radius: 6px; }
.nn-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.nn-card:hover .nn-card__media img { transform: scale(1.03); }
.nn-card__body { display: grid; gap: 6px; }
.nn-card__title { margin: 0; font-size: 1.125rem; font-weight: 700; line-height: 1.25; }
.nn-card__linha { margin: 0; color: var(--nn-muted); }
.nn-card__time { color: var(--nn-muted); font-size: .8125rem; }
.nn-card--destaque .nn-card__title { font-size: clamp(1.75rem, 3.4vw, 2.375rem); font-weight: 800; line-height: 1.1; }
.nn-card--destaque .nn-card__linha { font-size: 1.125rem; }
.nn-card--lista { grid-template-columns: 200px minmax(0, 1fr); gap: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--nn-line); }
.nn-card--lista .nn-card__title { font-size: 1.375rem; font-weight: 800; line-height: 1.2; }
.nn-card--titulo { padding-bottom: 14px; border-bottom: 1px solid var(--nn-line); }
@media (max-width: 767px) {
	.nn-card--lista { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding-bottom: 14px; }
	.nn-card--lista .nn-card__title { font-size: 1.0625rem; line-height: 1.25; }
	.nn-card--lista .nn-card__linha { display: none; }
	.nn-card__title { font-size: 1.0625rem; }
	.nn-card--destaque .nn-card__title { font-size: 1.5rem; }
}

/* ===== Títulos de seção ===== */
.nn-secao { border-top: 4px solid var(--nn-ink); padding-top: 10px; }
.nn-secao .elementor-heading-title { font-family: var(--nn-font-display); font-weight: 900; text-transform: lowercase; letter-spacing: -.02em; font-size: 1.5rem; color: var(--nn-ink); }
.nn-secao .elementor-heading-title::after { content: "."; color: var(--nn-red); }
.nn-secao .elementor-heading-title a { color: inherit; }
.nn-secao .elementor-heading-title a:hover { color: var(--nn-red); }

/* ===== Faixa escura (Policial) ===== */
.nn-band { background: var(--nn-ink); color: #f4f4f4; }
.nn-band .nn-secao { border-top-color: var(--nn-red); }
.nn-band .nn-secao .elementor-heading-title, .nn-band .nn-card__title { color: #f4f4f4; }
.nn-band .nn-card__time, .nn-band .nn-card__linha { color: #b8b5b5; }
.nn-band .nn-card--titulo, .nn-band .nn-card--lista { border-bottom-color: #2f2d2d; }

/* ===== Ranking "Mais lidas" ===== */
.nn-ranking { counter-reset: nn-rank; }
.nn-ranking .e-loop-item { counter-increment: nn-rank; display: grid; grid-template-columns: 40px 1fr; gap: 8px; }
.nn-ranking .e-loop-item::before { content: counter(nn-rank); font-family: var(--nn-font-display); font-weight: 900; font-size: 1.75rem; line-height: 1; color: var(--nn-red); }

/* ===== Cota do rio ===== */
.nn-cota { border: 1px solid var(--nn-line); border-radius: 6px; padding: 16px; display: grid; gap: 6px; }
.nn-cota__rot { font-family: var(--nn-font-display); font-weight: 800; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; }
.nn-cota__valor { font-family: var(--nn-font-display); font-weight: 900; font-size: 2.5rem; line-height: 1; font-variant-numeric: tabular-nums; }
.nn-cota__valor small { font-size: 1rem; color: var(--nn-muted); }
.nn-cota__var { color: var(--nn-red); font-weight: 700; font-size: .8125rem; }
.nn-cota__data { color: var(--nn-muted); font-size: .75rem; }

/* ===== Publicidade ===== */
.nn-ad { background: var(--nn-surface); border: 1px dashed var(--nn-line); color: var(--nn-muted); display: grid; place-items: center; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; text-align: center; min-height: 90px; border-radius: 4px; }
.nn-ad--box { aspect-ratio: 300 / 250; }
.elementor-widget-html:has(.nn-ad) { width: 100%; flex-basis: 100%; }
@media (max-width: 767px) {
	.nn-ad { min-height: 60px; }
	/* No celular o espaço 300×250 fica no tamanho real e centralizado, sem esticar até a largura da tela */
	.nn-ad--box { aspect-ratio: auto; height: 250px; max-width: 300px; margin-inline: auto; }
}

/* Policial: lista com miniatura mais compacta na faixa escura */
.nn-pol-lista .nn-card--lista { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; padding-bottom: 14px; }
.nn-pol-lista .nn-card--lista .nn-card__title { font-size: 1.0625rem; font-weight: 700; line-height: 1.25; }
.nn-pol-lista .nn-card__linha { display: none; }
.nn-pol-lista .nn-card__media { border-radius: 4px; }
@media (max-width: 767px) { .nn-pol-lista .nn-card--lista { grid-template-columns: 104px minmax(0, 1fr); } }
/* Sem sublinhado "preso" depois do toque no celular */
@media (hover: none) { .nn-card__title a:hover { text-decoration: none; } }

/* ===== Municípios ===== */
.nn-municipios { display: flex; flex-wrap: wrap; gap: 8px; }
.nn-municipios a { border: 1px solid var(--nn-line); border-radius: 999px; padding: 8px 14px; font-weight: 600; font-size: .875rem; color: var(--nn-ink); text-decoration: none; min-height: 40px; display: inline-flex; align-items: center; }
.nn-municipios a:hover { border-color: var(--nn-cat-interior); color: var(--nn-cat-interior); }
@media (max-width: 767px) {
	.nn-municipios { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
	.nn-municipios a { flex-shrink: 0; }
}

/* ===== Matéria ===== */
.nn-materia-titulo .elementor-heading-title { font-family: var(--nn-font-display); font-weight: 800; line-height: 1.1; color: var(--nn-ink); }
.nn-materia-linha { font-size: 1.25rem; line-height: 1.45; color: var(--nn-muted); }
.nn-credito { font-size: .8125rem; color: var(--nn-muted); margin: 6px 0 0; }
.nn-materia-corpo { font-size: 1.1875rem; line-height: 1.7; max-width: 70ch; }
.nn-materia-corpo p { margin-bottom: 1.1em; }
.nn-materia-corpo h2 { font-size: 1.5rem; margin: 1.4em 0 .5em; }
.elementor-widget-theme-post-featured-image img { border-radius: 8px; width: 100%; }
.nn-fonte { border-top: 1px solid var(--nn-line); padding-top: 14px; margin-top: 24px; font-size: 1rem; }
.nn-fonte a { color: var(--nn-red); font-weight: 600; }
@media (max-width: 767px) {
	.nn-materia-linha { font-size: 1.0625rem; }
	.nn-materia-corpo { font-size: 1.0625rem; }
}

/* ===== Rodapé ===== */
.nn-footer { font-size: .9375rem; }
.nn-footer h4 { font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 10px; }
.nn-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.nn-footer a { color: var(--nn-muted); text-decoration: none; display: inline-block; padding: 4px 0; }
.nn-footer a:hover { color: var(--nn-red); }

/* ===== Celular no estilo G1: fotos de ponta a ponta, margem lateral pequena ===== */
@media (max-width: 767px) {
	[data-elementor-type="wp-page"] .e-con,
	[data-elementor-type="archive"] .e-con { --padding-left: 0px !important; --padding-right: 0px !important; }
	[data-elementor-type="wp-page"] .e-con.e-parent { --padding-top: 8px !important; --padding-bottom: 8px !important; }

	/* Destaques do topo colados nas bordas */
	.nn-destaques { gap: 4px; }
	.nn-destaque { border-radius: 0; }

	/* Títulos de seção, chips, cota e publicidade com 16px de margem */
	.nn-secao { margin-inline: 16px; }
	.nn-municipios { padding-inline: 16px; }
	.nn-cota, .nn-ad { margin-inline: 16px; }
	.nn-ad--box { margin-inline: auto; }

	/* Card com foto: imagem de borda a borda, texto com margem */
	.nn-card--card .nn-card__media, .nn-card--destaque .nn-card__media { border-radius: 0; }
	.nn-card--card .nn-card__body, .nn-card--destaque .nn-card__body { padding-inline: 16px; }
	.nn-card--card, .nn-card--destaque { padding-bottom: 16px; border-bottom: 8px solid var(--nn-surface); }
	.nn-band .nn-card--destaque { border-bottom-color: #222; }

	/* Listas com miniatura e só título */
	.nn-card--lista, .nn-card--titulo { margin-inline: 16px; }
	.nn-ranking .e-loop-item { padding-inline: 16px; }
	.nn-ranking .nn-card--titulo { margin-inline: 0; }

	/* Matéria: foto de ponta a ponta */
	.elementor-widget-theme-post-featured-image { margin-inline: -16px; }
	.elementor-widget-theme-post-featured-image img { border-radius: 0; }

	/* Menos espaço entre os itens das grades */
	.elementor-loop-container { row-gap: 12px !important; }
}

/* Correção: publicidade não pode passar da largura da tela no celular */
@media (max-width: 767px) {
	html, body { overflow-x: clip; }
	.elementor-widget-html:has(.nn-ad) { width: 100% !important; flex-basis: auto; max-width: 100%; }
	.nn-ad { width: auto !important; max-width: none !important; margin-inline: 16px !important; }
	.nn-ad--box { width: 300px !important; max-width: calc(100% - 32px) !important; margin-inline: auto !important; }
}

/* Astra: sem margem lateral própria nas páginas montadas no Elementor (as linhas do Elementor já controlam o espaçamento) */
.elementor-page .ast-container, .elementor-template-full-width .ast-container,
.single-post .site-content > .ast-container, .archive .site-content > .ast-container { padding-left: 0; padding-right: 0; max-width: 100%; }

/* Correção: foto da matéria de ponta a ponta no celular, centralizada (largura + 32px) */
@media (max-width: 767px) {
	.elementor-widget-theme-post-featured-image {
		margin-inline: -16px !important; width: calc(100% + 32px) !important; max-width: none !important;
	}
	.elementor-widget-theme-post-featured-image img { width: 100% !important; height: auto; display: block; box-shadow: none !important; }
	.nn-credito { margin-top: 8px; }
}
.elementor-widget-theme-post-featured-image img { box-shadow: none; }

/* ===== Movimento ===== */

/* Faixa "AGORA" com manchetes passando */
.nn-ticker { display: flex; align-items: stretch; overflow: hidden; font-size: .9375rem; }
.nn-ticker__rotulo {
	flex-shrink: 0; display: flex; align-items: center; gap: 8px; padding: 10px 14px 10px 0;
	font-family: var(--nn-font-display); font-weight: 800; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; color: var(--nn-red);
}
.nn-ticker__rotulo::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nn-red); animation: nn-pulse 1.6s ease-in-out infinite; }
.nn-ticker__janela {
	flex: 1; min-width: 0; overflow: hidden; display: flex;
	mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 40px), transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 40px), transparent);
}
.nn-ticker__trilho { display: flex; gap: 40px; list-style: none; margin: 0; padding: 0 40px 0 0; flex-shrink: 0; animation: nn-ticker 70s linear infinite; }
.nn-ticker:hover .nn-ticker__trilho, .nn-ticker:focus-within .nn-ticker__trilho { animation-play-state: paused; }
.nn-ticker__trilho li { white-space: nowrap; display: flex; align-items: center; }
.nn-ticker__trilho a { color: var(--nn-ink); text-decoration: none; font-weight: 600; padding: 10px 0; display: inline-flex; gap: 8px; align-items: baseline; }
.nn-ticker__trilho a:hover { color: var(--nn-red); }
.nn-ticker__hora { color: var(--nn-red); font-weight: 700; font-size: .8125rem; font-variant-numeric: tabular-nums; }
@keyframes nn-ticker { to { transform: translateX(-100%); } }
@media (max-width: 767px) {
	.nn-ticker { padding-left: 16px; font-size: .875rem; }
	.nn-ticker__trilho { animation-duration: 55s; }
}
@media (prefers-reduced-motion: reduce) {
	.nn-ticker__janela { overflow-x: auto; mask-image: none; -webkit-mask-image: none; }
	.nn-ticker__trilho[aria-hidden="true"] { display: none; }
}

/* Surgir ao rolar (só quando o JavaScript está ativo) */
.nn-anima .nn-card, .nn-anima .nn-secao, .nn-anima .nn-cota, .nn-anima .nn-municipios {
	opacity: 0; transform: translateY(18px);
	transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1);
}
.nn-anima .nn-entrou { opacity: 1 !important; transform: none !important; }
.nn-anima .nn-secao.nn-entrou { border-top-color: var(--nn-ink); }
.nn-band .nn-secao { transition: opacity .6s ease, transform .6s ease; }

/* Manchete: zoom lento na foto */
@media (prefers-reduced-motion: no-preference) {
	.nn-destaque--grande .nn-destaque__img { animation: nn-kenburns 18s ease-in-out infinite alternate; }
	@keyframes nn-kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }
	.nn-destaque--grande:hover .nn-destaque__img { animation-play-state: paused; }
}

/* Título de seção: traço vermelho que cresce ao aparecer */
.nn-secao { position: relative; }
.nn-secao::before {
	content: ""; position: absolute; left: 0; top: -4px; height: 4px; width: 0; background: var(--nn-red);
	transition: width .8s cubic-bezier(.2,.7,.2,1) .15s;
}
.nn-secao.nn-entrou::before, :not(.nn-anima) .nn-secao::before { width: 64px; }
.nn-band .nn-secao::before { background: #fff; }

/* Cards: leve elevação no hover (desktop) */
@media (hover: hover) {
	.nn-card--card, .nn-card--destaque { transition: transform .25s ease; }
	.nn-card--card:hover, .nn-card--destaque:hover { transform: translateY(-3px); }
	.nn-card--card:hover .nn-card__media, .nn-card--destaque:hover .nn-card__media { box-shadow: 0 10px 24px rgba(0,0,0,.14); }
	.nn-card__media { transition: box-shadow .25s ease; }
	.nn-destaque { transition: transform .3s ease, box-shadow .3s ease; }
	.nn-destaque:hover { box-shadow: 0 14px 30px rgba(0,0,0,.22); }
}

/* Menu fixo ganha sombra ao rolar */
.nn-rolou .elementor-sticky--active, .nn-rolou .e-con.elementor-sticky--effects { box-shadow: 0 4px 14px rgba(0,0,0,.18); }

/* Barra de progresso de leitura */
.nn-progresso {
	position: fixed; left: 0; right: 0; top: env(safe-area-inset-top, 0px); height: 3px; z-index: 9999;
	background: var(--nn-red); transform-origin: 0 50%; transform: scaleX(0); transition: transform .1s linear;
}
.admin-bar .nn-progresso { top: 32px; }
@media (max-width: 782px) { .admin-bar .nn-progresso { top: 46px; } }

/* Botão "voltar ao topo" do Astra com a cor da marca */
#ast-scroll-top { background-color: var(--nn-red) !important; border-radius: 50%; }

/* ===================================================================
   Tipografia padronizada (revisão UI UX Pro Max)
   Escala única: 12 · 14 · 16 · 18 · 20 · 24 · 32 · 40 px
   Títulos Montserrat 700 · texto Source Sans 3 400/600 · chapéu único
   =================================================================== */
:root {
	--nn-fs-12: .75rem; --nn-fs-14: .875rem; --nn-fs-16: 1rem; --nn-fs-18: 1.125rem;
	--nn-fs-20: 1.25rem; --nn-fs-24: 1.5rem; --nn-fs-32: 2rem; --nn-fs-40: 2.5rem;
	--nn-lh-titulo: 1.2; --nn-lh-texto: 1.6;
}
h1, h2, h3, h4, .nn-card__title, .nn-destaque__titulo, .nn-materia-titulo .elementor-heading-title {
	font-weight: 700 !important; letter-spacing: -0.005em !important;
}

/* Chapéu: um padrão só (Montserrat 700, 12px, caixa-alta) — inclusive sobre a foto */
.nn-chapeu, .nn-chapeu a, .nn-destaque__chapeu {
	font-family: var(--nn-font-display) !important; font-weight: 700 !important;
	font-size: var(--nn-fs-12) !important; letter-spacing: .08em !important; text-transform: uppercase; line-height: 1.4;
}
.nn-destaque__chapeu { color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.6); }

/* Destaques do topo */
.nn-destaque--grande .nn-destaque__titulo { font-size: clamp(var(--nn-fs-24), 2.8vw, var(--nn-fs-40)) !important; line-height: 1.15 !important; }
.nn-destaque:not(.nn-destaque--grande) .nn-destaque__titulo { font-size: clamp(var(--nn-fs-18), 1.6vw, var(--nn-fs-24)) !important; line-height: var(--nn-lh-titulo) !important; }

/* Cards */
.nn-card__title { font-size: var(--nn-fs-18) !important; line-height: 1.3 !important; }
.nn-card--lista .nn-card__title { font-size: var(--nn-fs-20) !important; line-height: 1.25 !important; }
.nn-card--destaque .nn-card__title { font-size: clamp(var(--nn-fs-24), 2.4vw, var(--nn-fs-32)) !important; line-height: 1.2 !important; }
.nn-card--titulo .nn-card__title, .nn-pol-lista .nn-card__title { font-size: var(--nn-fs-18) !important; }
.nn-card__linha { font-size: var(--nn-fs-16); line-height: 1.5; }
.nn-card__time, .nn-urgente time, .nn-credito, .nn-cota__data, .nn-topbar { font-size: var(--nn-fs-14) !important; }

/* Títulos de seção */
.nn-secao .elementor-heading-title { font-size: var(--nn-fs-24) !important; font-weight: 800 !important; letter-spacing: -0.01em !important; }

/* Menu, faixas e botões */
.nn-nav .elementor-nav-menu--main .elementor-item, .nn-nav .elementor-nav-menu--dropdown .elementor-item { font-weight: 700 !important; font-size: var(--nn-fs-14) !important; }
.nn-ticker, .nn-ticker__trilho a { font-size: var(--nn-fs-14); }
.nn-ticker__rotulo, .nn-urgente__tag, .nn-btn-live { font-weight: 700; font-size: var(--nn-fs-12); }
.nn-urgente a { font-size: var(--nn-fs-16); }

/* Matéria */
.nn-materia-titulo .elementor-heading-title { font-size: var(--nn-fs-40) !important; line-height: 1.15 !important; }
.nn-materia-linha { font-size: var(--nn-fs-20) !important; line-height: 1.5 !important; }
.nn-materia-corpo { font-size: var(--nn-fs-18) !important; line-height: 1.7 !important; }
.nn-materia-corpo h2 { font-size: var(--nn-fs-24); }

@media (max-width: 767px) {
	.nn-destaque--grande .nn-destaque__titulo { font-size: var(--nn-fs-24) !important; }
	.nn-destaque:not(.nn-destaque--grande) .nn-destaque__titulo { font-size: var(--nn-fs-18) !important; }
	.nn-card--lista .nn-card__title, .nn-card__title { font-size: var(--nn-fs-18) !important; }
	.nn-pol-lista .nn-card__title, .nn-card--lista .nn-card__title { font-size: var(--nn-fs-16) !important; }
	.nn-card--destaque .nn-card__title { font-size: var(--nn-fs-24) !important; }
	.nn-materia-titulo .elementor-heading-title { font-size: var(--nn-fs-32) !important; }
	.nn-materia-linha { font-size: var(--nn-fs-18) !important; }
	.nn-materia-corpo { font-size: var(--nn-fs-18) !important; }
	.nn-secao .elementor-heading-title { font-size: var(--nn-fs-20) !important; }
}

/* ===== Tempo em Manaus ===== */
.nn-tempo { border: 1px solid var(--nn-line); border-radius: 6px; padding: 16px; display: grid; gap: 10px; }
.nn-tempo__rot, .nn-cota__rot { font-family: var(--nn-font-display); font-weight: 700; font-size: var(--nn-fs-12); text-transform: uppercase; letter-spacing: .08em; }
.nn-tempo__agora { display: flex; align-items: center; gap: 12px; }
.nn-tempo__agora .nn-ico { width: 44px; height: 44px; color: #e8a400; flex-shrink: 0; }
.nn-tempo__temp { font-family: var(--nn-font-display); font-weight: 700; font-size: var(--nn-fs-40); line-height: 1; font-variant-numeric: tabular-nums; }
.nn-tempo__temp small { font-size: var(--nn-fs-18); color: var(--nn-muted); }
.nn-tempo__desc { font-weight: 600; font-size: var(--nn-fs-16); line-height: 1.3; }
.nn-tempo__desc small { font-weight: 400; font-size: var(--nn-fs-14); color: var(--nn-muted); }
.nn-tempo__hoje { margin: 0; font-size: var(--nn-fs-14); color: var(--nn-muted); }
.nn-tempo__hoje strong { color: var(--nn-ink); }
.nn-tempo__ar { margin: 0; display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: var(--nn-fs-14); padding: 8px 10px; border-radius: 4px; border-left: 4px solid currentColor; background: var(--nn-surface); }
.nn-tempo__ar span:last-child { color: var(--nn-muted); font-variant-numeric: tabular-nums; }
.nn-ar--boa { color: #1b6e3a; } .nn-ar--moderada { color: #8a6d00; } .nn-ar--ruim { color: #b54700; }
.nn-ar--muito-ruim { color: #b8050f; } .nn-ar--pessima { color: #6b1a7a; }
.nn-tempo__ar strong { color: inherit; }
.nn-tempo__dias { list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid var(--nn-line); display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; }
.nn-tempo__dias li { display: grid; justify-items: center; gap: 2px; font-size: var(--nn-fs-14); }
.nn-tempo__dias li > span:first-child { font-weight: 600; }
.nn-tempo__dias .nn-ico { width: 24px; height: 24px; color: var(--nn-muted); }
.nn-tempo__mm { font-variant-numeric: tabular-nums; color: var(--nn-muted); }
.nn-tempo__mm strong { color: var(--nn-ink); }
.nn-tempo__chuva { font-size: var(--nn-fs-12); color: #0b5cad; font-weight: 600; }
.nn-tempo__chuva::before { content: "💧"; display: none; }
.nn-tempo__fonte { margin: 0; font-size: var(--nn-fs-12); color: var(--nn-muted); }
.nn-cota__var--sobe { color: #0b5cad; } .nn-cota__var--estavel { color: var(--nn-muted); }
@media (max-width: 767px) { .nn-tempo { margin-inline: 16px; } }

/* ===== Slides (rios e tempo) ===== */
.nn-slider { border: 1px solid var(--nn-line); border-radius: 6px; padding: 14px 0 12px; display: grid; gap: 8px; min-width: 0; }
.nn-slider__topo { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-inline: 16px; }
.nn-slider__rot { font-family: var(--nn-font-display); font-weight: 700; font-size: var(--nn-fs-12); text-transform: uppercase; letter-spacing: .08em; }
.nn-slider__setas { display: flex; gap: 4px; }
.nn-slider__setas button {
	width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--nn-line); background: var(--nn-surface);
	color: var(--nn-ink); font-size: 1.25rem; line-height: 1; cursor: pointer; display: grid; place-items: center; padding: 0;
}
.nn-slider__setas button:hover { background: var(--nn-red); border-color: var(--nn-red); color: #fff; }
.nn-slider__trilho {
	display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}
.nn-slider__trilho::-webkit-scrollbar { display: none; }
.nn-slider__trilho:focus-visible { outline: 3px solid var(--nn-red); outline-offset: -3px; }
.nn-slide { flex: 0 0 100%; scroll-snap-align: start; min-width: 0; padding-inline: 16px; box-sizing: border-box; }
.nn-slide .nn-tempo, .nn-slide .nn-cota { border: 0; padding: 0; margin: 0 !important; border-radius: 0; }
.nn-slider__pontos { display: flex; justify-content: center; gap: 2px; }
.nn-slider__pontos button { width: 24px; height: 24px; border: 0; background: none; padding: 0; cursor: pointer; display: grid; place-items: center; }
.nn-slider__pontos button::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--nn-line); transition: background .2s, transform .2s; }
.nn-slider__pontos button[aria-current]::before { background: var(--nn-red); transform: scale(1.25); }
.nn-slider__fonte { margin: 0; padding-inline: 16px; font-size: var(--nn-fs-12); color: var(--nn-muted); }
.nn-tempo__cidade { font-family: var(--nn-font-display); font-weight: 700; font-size: var(--nn-fs-18); }
.nn-cota__rio { display: flex; align-items: center; gap: 6px; font-family: var(--nn-font-display); font-weight: 700; font-size: var(--nn-fs-18); }
.nn-cota__rio small { font-family: var(--nn-font-body); font-weight: 400; font-size: var(--nn-fs-14); color: var(--nn-muted); }
.nn-cota__rio .nn-ico { width: 22px; height: 22px; color: #0b5cad; }
.nn-tempo__chuva { color: #0b5cad; }
@media (max-width: 767px) { .nn-slider { margin-inline: 16px; } }

/* ===== Texto justificado (pedido do cliente) =====
   Todo texto corrido justificado, com hifenização em português para evitar
   espaços grandes entre palavras. Títulos, chapéus, menus e botões ficam à esquerda. */
.nn-materia-corpo p, .nn-materia-corpo li,
.nn-materia-linha, .nn-materia-linha p,
.nn-card__linha,
.elementor-widget-theme-post-content p, .elementor-widget-theme-post-content li,
.elementor-widget-text-editor p,
.entry-content p, .entry-content li,
.nn-fonte, .nn-credito {
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	-webkit-hyphens: auto;
	hyphenate-limit-chars: 6 3 3;
	overflow-wrap: break-word;
}

/* Destaque com arte (a imagem já traz o título): mostra a arte limpa,
   título fica só para leitores de tela e buscadores; o card inteiro continua clicável. */
.nn-destaque--arte::before { background: none; }
.nn-destaque--arte .nn-destaque__img { object-fit: contain; background: var(--nn-ink); }
.nn-destaque--arte:hover .nn-destaque__img { transform: none; }
.nn-destaque--arte .nn-destaque__chapeu { display: none; }
.nn-destaque--arte .nn-destaque__titulo { font-size: 0 !important; line-height: 0 !important; text-shadow: none; }
.nn-destaque--arte .nn-destaque__titulo a { color: transparent; } /* texto lido por leitores de tela; o link cobre o card inteiro */
.nn-destaque--arte { cursor: pointer; }