/*
Theme Name:   A Notícia 24H
Theme URI:    https://anoticia24h.com
Description:  Child theme editorial do portal A Notícia 24H. Identidade visual preto e branco com tipografia jornalística forte. Construído sobre Kadence.
Author:       A Notícia 24H
Author URI:   https://anoticia24h.com
Template:     kadence
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  an24h
Tags:         news, editorial, black-white, journalism
*/

/* ──────────────────────────────────────────────────
   FONTE DISPLAY EDITORIAL
   Playfair Display: apenas peso 700 e 900 para
   minimizar requisições de rede.
   ────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700;900&display=swap');

/* ══════════════════════════════════════════════════
   DESIGN SYSTEM — TOKENS GLOBAIS
   Todas as cores, fontes e espaçamentos do portal
   definidos aqui. Altere apenas neste bloco.
   ══════════════════════════════════════════════════ */
:root {
  /* ── Paleta Principal ── */
  --an-black:     #0A0A0A;   /* Fundo header, texto principal */
  --an-white:     #FFFFFF;   /* Fundo padrão */
  --an-gray-950:  #111118;   /* Header escuro */
  --an-gray-800:  #28282F;   /* Bordas escuras, hover */
  --an-gray-600:  #52525B;   /* Texto secundário */
  --an-gray-400:  #A1A1AA;   /* Metadados, timestamps */
  --an-gray-300:  #D4D4D8;   /* Bordas suaves */
  --an-gray-200:  #E4E4E7;   /* Divisores */
  --an-gray-100:  #F4F4F5;   /* Fundos de seção alternados */
  --an-gray-50:   #FAFAFA;   /* Background de página */

  /* ── Cor de Acento — USO CONTROLADO ──
     Aparece APENAS em: ticker Última Hora, badge
     de categoria ao passar o mouse, e links ativos.
     NÃO usar em backgrounds gerais ou decoração.  */
  --an-red:       #C41E3A;

  /* ── Tipografia ── */
  --an-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --an-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ── Escala de Tamanho ── */
  --an-text-xs:   0.6875rem; /* 11px — metadados, labels */
  --an-text-sm:   0.8125rem; /* 13px — captions, timestamps */
  --an-text-base: 1rem;      /* 16px — corpo */
  --an-text-lg:   1.125rem;  /* 18px — corpo matéria desktop */
  --an-text-xl:   1.25rem;   /* 20px — card destaque */
  --an-text-2xl:  1.5rem;    /* 24px — títulos de seção */
  --an-text-3xl:  1.875rem;  /* 30px — manchete categoria */
  --an-text-4xl:  2.25rem;   /* 36px — manchete homepage */
  --an-text-hero: clamp(2rem, 4vw, 3.25rem); /* Hero responsivo */

  /* ── Altura de Linha ── */
  --an-leading-tight:  1.2;
  --an-leading-snug:   1.35;
  --an-leading-normal: 1.6;
  --an-leading-loose:  1.8;

  /* ── Layout ── */
  --an-container: 1280px;    /* Largura máxima do site */
  --an-content:   680px;     /* Largura de leitura da matéria */
  --an-gap:       1.5rem;    /* Gap padrão de grid */
  --an-gap-lg:    2rem;

  /* ── Bordas ── */
  --an-border:    1px solid var(--an-gray-200);
  --an-radius:    2px;       /* Discreto — não é app, é jornal */

  /* ── Transições ── */
  --an-ease:      0.18s ease;

  /* ── Sombras ── */
  --an-shadow:    0 1px 4px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
  --an-shadow-md: 0 4px 16px rgba(0,0,0,0.12);

  /* ── Sobrescreve tokens do Kadence ── */
  --global-palette1: var(--an-black);
  --global-palette2: var(--an-gray-950);
  --global-palette3: var(--an-gray-800);
  --global-palette4: var(--an-gray-600);
  --global-palette5: var(--an-gray-400);
  --global-palette6: var(--an-gray-200);
  --global-palette7: var(--an-gray-100);
  --global-palette8: var(--an-gray-50);
  --global-palette9: var(--an-white);
}

/* ══════════════════════════════════════════════════
   BASE
   ══════════════════════════════════════════════════ */
*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: var(--an-white);
  color: var(--an-black);
  font-family: var(--an-font-body);
  font-size: var(--an-text-base);
  line-height: var(--an-leading-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Scroll de ancoragem com offset do sticky header ── */
:target { scroll-margin-top: 80px; }

/* Foco visível para acessibilidade */

img, video { max-width: 100%; height: auto; display: block; }

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--an-ease);
}

/* ══════════════════════════════════════════════════
   CONTAINER
   ══════════════════════════════════════════════════ */
.an-container {
  width: 100%;
  max-width: var(--an-container);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 32px);
}

/* ══════════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════════ */

/* Barra superior de utilidades */
.an-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.an-topbar-date { font-variant-numeric: tabular-nums; }
.an-topbar-socials { display: flex; gap: 12px; }
.an-topbar-socials a { color: var(--an-gray-600); font-size: 0.75rem; letter-spacing: 0.06em; }
.an-topbar-socials a:hover { color: var(--an-black); }


/* ══════════════════════════════════════════════════
   HERO DA HOMEPAGE — MANCHETE PRINCIPAL
   ══════════════════════════════════════════════════ */
.an-hero {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: var(--an-gap-lg);
  margin: var(--an-gap-lg) 0;
}
@media (max-width: 900px) {
  .an-hero { grid-template-columns: 1fr; }
}

/* Manchete principal */
.an-hero-main {
  position: relative;
  overflow: hidden;
}
.an-hero-main-image {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.an-hero-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}
.an-hero-main:hover .an-hero-main-image img { transform: scale(1.02); }

.an-hero-main-body {
  padding: 18px 0 0;
  border-top: 3px solid var(--an-black);
}
.an-hero-main-category {
  font-size: var(--an-text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--an-red);
  margin-bottom: 8px;
  display: block;
}
.an-hero-main-title {
  font-family: var(--an-font-display);
  font-size: var(--an-text-hero);
  font-weight: 900;
  line-height: var(--an-leading-tight);
  color: var(--an-black);
  margin-bottom: 12px;
  text-wrap: balance;
}
.an-hero-main-title a { color: inherit; }
.an-hero-main-title a:hover { color: var(--an-gray-800); }
.an-hero-main-summary {
  font-size: var(--an-text-lg);
  color: var(--an-gray-600);
  line-height: var(--an-leading-snug);
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.an-hero-main-meta { font-size: var(--an-text-xs); color: var(--an-gray-400); }

/* Coluna lateral do hero */
.an-hero-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-left: var(--an-border);
  padding-left: var(--an-gap-lg);
}
@media (max-width: 900px) {
  .an-hero-sidebar {
    border-left: none;
    padding-left: 0;
    border-top: var(--an-border);
    padding-top: var(--an-gap);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--an-gap);
  }
}
@media (max-width: 540px) {
  .an-hero-sidebar { grid-template-columns: 1fr; }
}

.an-hero-side-item {
  padding: 16px 0;
  border-bottom: var(--an-border);
  display: flex;
  gap: 12px;
}
.an-hero-side-item:last-child { border-bottom: none; }

.an-hero-side-image {
  flex-shrink: 0;
  width: 90px;
  height: 68px;
  overflow: hidden;
}
.an-hero-side-image img { width: 100%; height: 100%; object-fit: cover; }

.an-hero-side-body { flex: 1; min-width: 0; }
.an-hero-side-category {
  font-size: 0.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--an-red);
  display: block;
  margin-bottom: 4px;
}
.an-hero-side-title {
  font-family: var(--an-font-display);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: var(--an-leading-snug);
  color: var(--an-black);
}
.an-hero-side-title a { color: inherit; }
.an-hero-side-title a:hover { color: var(--an-gray-600); }
.an-hero-side-time { font-size: var(--an-text-xs); color: var(--an-gray-400); margin-top: 4px; display: block; }

/* ══════════════════════════════════════════════════
   SEÇÕES EDITORIAIS DA HOMEPAGE
   ══════════════════════════════════════════════════ */
.an-section {
  margin: 36px 0;
  padding: 28px 0;
  border-top: var(--an-border);
}


/* Grid de cards */
.an-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--an-gap);
}
.an-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--an-gap);
}
/* Seção com destaque principal + grid */
.an-grid-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--an-gap-lg);
}
@media (max-width: 900px) {
  .an-grid-3     { grid-template-columns: 1fr 1fr; }
  .an-grid-4     { grid-template-columns: 1fr 1fr; }
  .an-grid-featured { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .an-grid-3 { grid-template-columns: 1fr; }
  .an-grid-4 { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════
   CARD JORNALÍSTICO
   Componente principal — usa foto + categoria + título
   ══════════════════════════════════════════════════ */
.an-card {
  display: block;
  position: relative;
}

/* Imagem do card */
.an-card-image {
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--an-gray-100);
  margin-bottom: 12px;
}
.an-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.an-card:hover .an-card-image img { transform: scale(1.04); }

/* Categoria */
.an-card-category {
  display: inline-block;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--an-red);
  margin-bottom: 6px;
  transition: opacity var(--an-ease);
}
.an-card:hover .an-card-category { opacity: 0.8; }

/* Título */
.an-card-title {
  font-family: var(--an-font-display);
  font-size: var(--an-text-xl);
  font-weight: 700;
  line-height: var(--an-leading-snug);
  color: var(--an-black);
  margin-bottom: 8px;
  text-wrap: balance;
  transition: color var(--an-ease);
}
.an-card:hover .an-card-title { color: var(--an-gray-800); }
.an-card-title a { color: inherit; }

/* Resumo */
.an-card-excerpt {
  font-size: var(--an-text-sm);
  color: var(--an-gray-600);
  line-height: var(--an-leading-normal);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* Metadados */
.an-card-meta {
  font-size: var(--an-text-xs);
  color: var(--an-gray-400);
  margin-top: 8px;
  font-variant-numeric: tabular-nums;
}
.an-card-meta time { font-variant-numeric: tabular-nums; }

/* Card horizontal (lista) */
.an-card-horizontal {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  align-items: start;
  padding: 14px 0;
  border-bottom: var(--an-border);
}
.an-card-horizontal:last-child { border-bottom: none; }
.an-card-horizontal .an-card-image {
  width: 110px;
  height: 78px;
  aspect-ratio: unset;
  margin-bottom: 0;
  flex-shrink: 0;
}
.an-card-horizontal .an-card-title { font-size: var(--an-text-base); margin-bottom: 4px; }

/* Card featured (maior, para destaque de seção) */
.an-card-featured .an-card-image { aspect-ratio: 16/9; margin-bottom: 16px; }
.an-card-featured .an-card-title { font-size: var(--an-text-3xl); }
.an-card-featured .an-card-excerpt { -webkit-line-clamp: 4; }

/* Numeração "Mais Lidas" */
.an-card-rank {
  font-family: var(--an-font-display);
  font-size: 2rem;
  font-weight: 900;
  color: var(--an-gray-200);
  line-height: 1;
  flex-shrink: 0;
  min-width: 36px;
  margin-right: 14px;
  transition: color var(--an-ease);
}
.an-card:hover .an-card-rank { color: var(--an-gray-300); }

/* ══════════════════════════════════════════════════
   MÓDULO MAIS LIDAS
   ══════════════════════════════════════════════════ */
.an-most-read { border-top: var(--an-border); padding-top: 28px; }

/* ══════════════════════════════════════════════════
   ZONAS DE ANÚNCIO — Placeholder visual
   Dimensões marcadas para facilitar substituição
   ══════════════════════════════════════════════════ */
.an-ad {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--an-gray-100);
  border: 1px dashed var(--an-gray-300);
  color: var(--an-gray-400);
  font-size: var(--an-text-xs);
  font-family: var(--an-font-body);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  overflow: hidden;
  margin: 16px auto;
}
.an-ad-leaderboard  { width: 100%; max-width: 728px; height: 90px; }
.an-ad-billboard    { width: 100%; max-width: 970px; height: 250px; }
.an-ad-rectangle    { width: 300px; height: 250px; }
.an-ad-halfpage     { width: 300px; height: 600px; }
.an-ad-mobile-top   { width: 100%; max-width: 320px; height: 100px; }

@media (max-width: 768px) {
  .an-ad-leaderboard,
  .an-ad-billboard { max-width: 320px; height: 100px; }
  .an-ad-halfpage  { height: 250px; }
}

/* ══════════════════════════════════════════════════
   PÁGINA DA MATÉRIA — SINGLE POST
   ══════════════════════════════════════════════════ */

/* Container da matéria — largura confortável de leitura */
.single .site-content,
.single .content-container,
.single .content-area { max-width: 100%; }

.single .entry-header,
.single .entry-content,
.single .entry-footer {
  max-width: var(--an-content);
  margin-inline: auto;
}

/* Imagem destacada — larga, fora da coluna de texto */
.single .post-thumbnail,
.single .entry-featured-image {
  max-width: min(980px, 100%);
  margin-inline: auto;
  margin-bottom: 32px;
}
.single .post-thumbnail img,
.single .entry-featured-image img {
  width: 100%;
  max-height: 560px;
  object-fit: cover;
  display: block;
}

/* Legenda e crédito da foto */
.single .wp-caption-text,
.single figcaption {
  font-size: var(--an-text-xs);
  color: var(--an-gray-400);
  padding: 6px 0 0;
  border-top: var(--an-border);
  line-height: var(--an-leading-snug);
}

/* Cabeçalho da matéria */
.single .entry-header { padding-bottom: 24px; border-bottom: var(--an-border); margin-bottom: 32px; }

.single .entry-meta-category {
  font-size: var(--an-text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--an-red);
  margin-bottom: 12px;
  display: block;
}

.single .entry-title,
.single h1.entry-title {
  font-family: var(--an-font-display) !important;
  font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight: 900 !important;
  line-height: var(--an-leading-tight) !important;
  color: var(--an-black) !important;
  text-wrap: balance;
  margin-bottom: 16px !important;
  letter-spacing: -0.02em;
}

/* Subtítulo / linha fina */
.single .entry-subtitle,
.single .post-subtitle {
  font-size: var(--an-text-xl);
  color: var(--an-gray-600);
  font-weight: 400;
  line-height: var(--an-leading-snug);
  margin-bottom: 20px;
}

/* Byline */
.single .entry-byline {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: var(--an-text-sm);
  color: var(--an-gray-600);
  flex-wrap: wrap;
}
.single .entry-byline .author-name { font-weight: 700; color: var(--an-black); }
.single .entry-byline time { font-variant-numeric: tabular-nums; color: var(--an-gray-400); }
.single .entry-byline .updated { font-style: italic; }

/* Corpo da matéria — tipografia de leitura */
.single .entry-content {
  font-size: var(--an-text-lg);
  line-height: var(--an-leading-loose);
  color: var(--an-gray-950);
}
.single .entry-content p { margin-bottom: 1.4em; }

.single .entry-content a {
  color: var(--an-black);
  border-bottom: 1px solid var(--an-gray-400);
  padding-bottom: 1px;
  transition: border-color var(--an-ease);
}
.single .entry-content a:hover { border-color: var(--an-black); }

.single .entry-content h2 {
  font-family: var(--an-font-display);
  font-size: var(--an-text-2xl);
  font-weight: 700;
  color: var(--an-black);
  margin: 2em 0 0.6em;
  line-height: var(--an-leading-tight);
  letter-spacing: -0.01em;
}
.single .entry-content h3 {
  font-family: var(--an-font-display);
  font-size: var(--an-text-xl);
  font-weight: 700;
  color: var(--an-black);
  margin: 1.8em 0 0.5em;
}
.single .entry-content h4 {
  font-size: var(--an-text-base);
  font-weight: 700;
  color: var(--an-black);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 1.5em 0 0.4em;
}

/* Citação editorial */
.single .entry-content blockquote {
  border-left: 4px solid var(--an-black);
  margin: 2em 0;
  padding: 16px 24px;
  background: var(--an-gray-50);
  font-family: var(--an-font-display);
  font-size: var(--an-text-xl);
  font-style: italic;
  color: var(--an-gray-800);
  line-height: var(--an-leading-snug);
}
.single .entry-content blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: var(--an-text-sm);
  font-style: normal;
  font-weight: 700;
  color: var(--an-gray-600);
  letter-spacing: 0.06em;
}
.single .entry-content blockquote p { margin-bottom: 0; }

/* Listas */
.single .entry-content ul,
.single .entry-content ol {
  margin: 1.2em 0 1.6em 1.2em;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.single .entry-content li { padding-left: 4px; }

/* Imagens dentro do post */
.single .entry-content figure { margin: 2em 0; }
.single .entry-content .alignwide  { max-width: min(900px, calc(var(--an-content) + 200px)); margin-inline: auto; }
.single .entry-content .alignfull  { max-width: 100%; width: 100%; margin-inline: 0; }
.single .entry-content img         { border-radius: var(--an-radius); }

/* Compartilhamento */
.an-share {
  display: flex;
  gap: 8px;
  margin: 28px 0;
  flex-wrap: wrap;
}
.an-share-btn:hover { opacity: 0.85; }
.an-share-whatsapp { background: #25D366; color: #fff; }
.an-share-facebook { background: #1877F2; color: #fff; }
.an-share-twitter  { background: #0F1419; color: #fff; }
.an-share-copy     { background: var(--an-gray-100); color: var(--an-black); border: var(--an-border); }

/* Tags */
.an-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 24px 0;
}
.an-tag {
  font-size: var(--an-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  border: var(--an-border);
  border-radius: var(--an-radius);
  color: var(--an-gray-600);
  transition: background var(--an-ease), color var(--an-ease);
}
.an-tag:hover { background: var(--an-black); color: var(--an-white); border-color: var(--an-black); }

/* Relacionadas */
.an-related {
  border-top: 2px solid var(--an-black);
  padding-top: 24px;
  margin-top: 40px;
}
.an-related-title {
  font-family: var(--an-font-display);
  font-size: var(--an-text-2xl);
  font-weight: 700;
  color: var(--an-black);
  margin-bottom: 20px;
}
.an-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--an-gap);
}
@media (max-width: 700px) {
  .an-related-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .an-related-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════
   PÁGINA DE CATEGORIA / ARQUIVO
   ══════════════════════════════════════════════════ */
.archive .page-header,
.category .page-header {
  background: var(--an-black);
  color: var(--an-white);
  padding: 32px 0;
  margin-bottom: 36px;
}
.archive .page-header .an-container,
.category .page-header .an-container {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  border-bottom: 2px solid rgba(255,255,255,0.2);
  padding-bottom: 16px;
}
.archive .page-title,
.category .page-title {
  font-family: var(--an-font-display) !important;
  font-size: var(--an-text-4xl) !important;
  font-weight: 900 !important;
  color: var(--an-white) !important;
  margin: 0 !important;
  letter-spacing: -0.03em !important;
}
.archive .category-description,
.category .category-description {
  font-size: var(--an-text-sm);
  color: rgba(255,255,255,0.65);
  margin-top: 8px;
}

/* Breadcrumb */
.an-breadcrumb {
  font-size: var(--an-text-xs);
  color: var(--an-gray-400);
  margin-bottom: 20px;
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.an-breadcrumb a { color: var(--an-gray-600); }
.an-breadcrumb a:hover { color: var(--an-black); }
.an-breadcrumb .sep { color: var(--an-gray-300); }

/* ══════════════════════════════════════════════════
   PÁGINA DO AUTOR
   ══════════════════════════════════════════════════ */
.an-author-profile {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 28px;
  align-items: start;
  padding: 32px 0;
  border-bottom: 2px solid var(--an-black);
  margin-bottom: 36px;
}
@media (max-width: 600px) {
  .an-author-profile { grid-template-columns: 80px 1fr; gap: 16px; }
}
.an-author-avatar img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid var(--an-black);
}
.an-author-name {
  font-family: var(--an-font-display);
  font-size: var(--an-text-3xl);
  font-weight: 700;
  margin-bottom: 8px;
}
.an-author-bio {
  font-size: var(--an-text-base);
  color: var(--an-gray-600);
  line-height: var(--an-leading-normal);
}

/* ══════════════════════════════════════════════════
   BUSCA
   ══════════════════════════════════════════════════ */
.search .search-form { margin-bottom: 36px; }
.search .search-form input[type="search"] {
  border: 2px solid var(--an-black);
  border-radius: var(--an-radius);
  padding: 14px 18px;
  font-size: var(--an-text-lg);
  width: 100%;
  color: var(--an-black);
  font-family: var(--an-font-body);
}
.search .search-form input[type="search"]:focus { outline: none; box-shadow: 0 0 0 3px rgba(0,0,0,0.12); }
.search .search-form button {
  background: var(--an-black);
  color: var(--an-white);
  border: none;
  padding: 14px 28px;
  font-size: var(--an-text-base);
  font-weight: 700;
  cursor: pointer;
  border-radius: var(--an-radius);
  transition: background var(--an-ease);
}
.search .search-form button:hover { background: var(--an-gray-800); }

/* ══════════════════════════════════════════════════
   SIDEBAR / WIDGETS
   ══════════════════════════════════════════════════ */
.widget { margin-bottom: 32px; }
.widget-title {
  font-family: var(--an-font-display);
  font-size: var(--an-text-xl);
  font-weight: 700;
  color: var(--an-black);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--an-black);
}

/* ══════════════════════════════════════════════════
   NEWSLETTER — CTA DISCRETO
   ══════════════════════════════════════════════════ */
.an-newsletter {
  background: var(--an-black);
  color: var(--an-white);
  padding: 36px;
  text-align: center;
  margin: 40px 0;
}
.an-newsletter-subtitle { font-size: var(--an-text-base); color: rgba(255,255,255,0.65); margin-bottom: 24px; }
.an-newsletter-form input[type="email"] {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.08);
  color: var(--an-white);
  border-radius: var(--an-radius);
  font-size: var(--an-text-base);
}
.an-newsletter-form input::placeholder { color: rgba(255,255,255,0.4); }
.an-newsletter-form button {
  background: var(--an-white);
  color: var(--an-black);
  border: none;
  padding: 12px 22px;
  font-weight: 700;
  border-radius: var(--an-radius);
  cursor: pointer;
  font-size: var(--an-text-sm);
  white-space: nowrap;
  transition: opacity var(--an-ease);
}
.an-newsletter-form button:hover { opacity: 0.88; }

/* ══════════════════════════════════════════════════
   CTA WHATSAPP
   ══════════════════════════════════════════════════ */
.an-whatsapp-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #25D366;
  color: #fff;
  padding: 10px 20px;
  border-radius: 24px;
  font-weight: 700;
  font-size: var(--an-text-sm);
  transition: opacity var(--an-ease);
}
.an-whatsapp-cta:hover { opacity: 0.9; }

/* ══════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════
   PAGINAÇÃO
   ══════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════
   RESPONSIVO — AJUSTES MÓVEIS
   ══════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Hero */
  .an-hero-main-summary { display: none; }

  /* Artigo */
  .single .entry-title,
  .single h1.entry-title { font-size: 1.65rem !important; }
  .single .entry-content { font-size: var(--an-text-base); }

  /* Footer */
  .an-footer-bottom { flex-direction: column; text-align: center; }

  /* Newsletter */
  .an-newsletter { padding: 24px 16px; }
  .an-newsletter-form { flex-direction: column; }

}

/* Sem overflow horizontal em mobile */
@media (max-width: 640px) {
  table { display: block; overflow-x: auto; }
  .wp-block-table table { min-width: 400px; }
  pre, .wp-block-code { overflow-x: auto; }
}

/* ══════════════════════════════════════════════════
   ACESSIBILIDADE
   ══════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ══════════════════════════════════════════════════
   UTILITÁRIOS
   ══════════════════════════════════════════════════ */
.an-divider {
  border: none;
  border-top: var(--an-border);
  margin: 32px 0;
}
.an-divider-bold {
  border-top: 2px solid var(--an-black);
}

/* Badge Última Hora / Breaking em posts */
.an-badge-breaking {
  display: inline-block;
  background: var(--an-red);
  color: var(--an-white);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 2px 8px;
  margin-bottom: 6px;
}

/* Tempo de leitura */
.an-reading-time {
  font-size: var(--an-text-xs);
  color: var(--an-gray-400);
}

/* Conteúdo Patrocinado — futuro */
.an-sponsored-badge {
  display: inline-block;
  font-size: 0.58rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 2px 7px;
  border: 1px solid var(--an-gray-300);
  color: var(--an-gray-400);
  border-radius: var(--an-radius);
  margin-bottom: 6px;
}

/* Print */
@media print {
  .site-header,
  .site-footer,
  .an-ticker,
  .an-share,
  .an-related,
  .an-ad,
  .sidebar { display: none !important; }
  .single .entry-content { font-size: 12pt; color: #000; }
  .single .entry-title { font-size: 22pt; }
}

/* ══════════════════════════════════════════════════
   ETAPAS 1–5 — Adições e overrides
   ══════════════════════════════════════════════════ */

/* Fonte sans-serif editorial: Inter */


/* ── HERO COM FOTO E OVERLAY DE GRADIENTE ────────── */
.an-hero-main {
  position: relative;
  overflow: hidden;
  background: var(--an-gray-950);
}

.an-hero-main-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
}

/* Gradiente de legibilidade sobre a foto */
.an-hero-main-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.94) 0%,
    rgba(0,0,0,0.60) 32%,
    rgba(0,0,0,0.18) 60%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1;
}

.an-hero-main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.an-hero-main:hover .an-hero-main-image img { transform: scale(1.025); }

/* Texto flutuante sobre a foto */
.an-hero-main-body {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: clamp(18px,3vw,40px) !important;
  border-top: none !important;
  z-index: 2;
}

.an-hero-main-category {
  display: inline-block !important;
  background: var(--an-red) !important;
  color: #fff !important;
  padding: 2px 10px !important;
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

.an-hero-main-title {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.35);
  margin-bottom: 10px !important;
}

.an-hero-main-summary {
  color: rgba(255,255,255,0.82) !important;
  font-size: 1rem !important;
}

.an-hero-main-meta {
  color: rgba(255,255,255,0.58) !important;
  margin-top: 10px !important;
}

/* Variante sem imagem */
.an-hero-main--no-img {
  background: transparent;
  min-height: 0;
}
.an-hero-main--no-img .an-hero-main-body {
  position: static !important;
  border-top: 3px solid var(--an-black) !important;
  padding: 18px 0 0 !important;
  background: transparent !important;
}
.an-hero-main--no-img .an-hero-main-category {
  background: transparent !important;
  color: var(--an-red) !important;
  padding: 0 !important;
}
.an-hero-main--no-img .an-hero-main-title  { color: var(--an-black) !important; text-shadow: none; }
.an-hero-main--no-img .an-hero-main-summary { color: var(--an-gray-600) !important; }
.an-hero-main--no-img .an-hero-main-meta   { color: var(--an-gray-400) !important; }

/* ── HERO SIDEBAR — hover sutil ── */
.an-hero-side-item {
  margin: 0 -6px;
  padding: 14px 6px !important;
  border-radius: var(--an-radius);
  transition: background var(--an-ease);
}
.an-hero-side-item:hover { background: var(--an-gray-50); }

/* ── SECTION HEADER — Últimas Notícias com acento vermelho ── */
.an-section-header--breaking {
  border-bottom-color: var(--an-red);
}
.an-section-header--breaking .an-section-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 0.9em;
  background: var(--an-red);
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 1px;
  position: relative;
  top: -1px;
}

/* ── MAIS LIDAS — números editoriais ── */
.an-most-read-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 0;
  border-bottom: var(--an-border);
}
.an-most-read-item:last-child { border-bottom: none; }

.an-most-read-item .an-card-rank {
  font-family: var(--an-font-display);
  font-size: clamp(2.8rem, 4vw, 3.8rem);
  font-weight: 900;
  line-height: 1;
  color: var(--an-gray-200);
  min-width: 60px;
  text-align: right;
  padding-top: 2px;
  letter-spacing: -0.05em;
  flex-shrink: 0;
  transition: color var(--an-ease);
  user-select: none;
}
.an-most-read-item:hover .an-card-rank { color: var(--an-gray-300); }

/* ── AD PLACEHOLDERS ── */
.an-ad-placeholder--leaderboard {
  width: 100%;
  height: 90px;
  max-width: 728px;
  margin: 20px auto;
}
.an-ad-placeholder--billboard {
  width: 100%;
  height: 200px;
  margin: 24px 0;
}
.an-ad-placeholder--in-feed {
  width: 100%;
  height: 90px;
  margin: 24px 0;
}

@media (max-width: 768px) {
  .an-ad-placeholder--leaderboard,
  .an-ad-placeholder--billboard { height: 100px; }
  .an-hero-main-body { padding: 16px !important; }
  .an-hero-main-title { font-size: 1.5rem !important; }
  .an-hero-main-summary { display: none; }
  .an-most-read-item .an-card-rank { font-size: 2.4rem; min-width: 48px; }
}

@media (max-width: 480px) {
  .an-most-read-item .an-card-rank { font-size: 2rem; min-width: 40px; }
}

/* ── TOPBAR — refinamentos ── */
.an-topbar-socials a {
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

/* ── AD PLACEHOLDERS — revisão discreta ── */
.an-ad-placeholder {
  background: var(--an-gray-50) !important;
  border: none !important;
  border-top: 1px solid var(--an-gray-200) !important;
  border-bottom: 1px solid var(--an-gray-200) !important;
  color: var(--an-gray-400) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-family: var(--an-font-body) !important;
  border-radius: 0 !important;
  opacity: 0.7;
}

/* ==========================================================================
   PRIMEIRA ENTREGA — Header, Mosaico, AGORA, Últimas, Amazonas (2026)
   ========================================================================== */

/* ── Ocultar header nativo Kadence ─────────────────────────────────────── */
.site-header, #masthead, .kadence-header-inner-wrap,
.site-header-wrap, .kadence-header { display: none !important; }

/* ── Container (ampliado 1360px) ────────────────────────────────────────── */
.an-container { max-width: 1360px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* ── AD Zones ────────────────────────────────────────────────────────────── */
.an-ad-zone { text-align: center; background: var(--an-gray-50);
    border-top: 1px solid var(--an-gray-100); border-bottom: 1px solid var(--an-gray-100);
    padding: 4px 0; }
.an-ad-zone--mid { margin: 20px 0; }
.an-ad-zone--footer { margin-top: 24px; }
.an-ad-label { font-size: 9px; font-family: var(--an-font-body); color: var(--an-gray-400);
    letter-spacing: 0.12em; text-transform: uppercase; display: block; padding: 6px 0; line-height: 1; }

/* ── SITE HEADER ─────────────────────────────────────────────────────────── */
.an-site-header { position: sticky; top: 0; z-index: 1000; background: var(--an-white);
    box-shadow: 0 1px 0 var(--an-gray-100); }

/* Topbar */
.an-topbar-inner { display: flex; align-items: center; gap: 12px; }
.an-topbar-date { flex: 1; color: #6b7280; font-size: 11px; }
.an-topbar-sep { color: #374151; }
.an-topbar-city { color: #6b7280; font-size: 11px; }
.an-topbar-socials { display: flex; gap: 14px; align-items: center; margin-left: auto; }
.an-topbar-social { color: #9ca3af; font-size: 10px; font-weight: 600; text-decoration: none;
    letter-spacing: 0.05em; text-transform: uppercase; transition: color .15s; }
.an-topbar-social:hover { color: #fff; }

/* Main header */
.an-main-header-inner { display: flex; align-items: center; gap: 20px; }
.an-logo { flex-shrink: 0; text-decoration: none; display: flex; align-items: center; }
.an-header-center { flex: 1; display: flex; justify-content: center; align-items: center; }
.an-ad-header { height: 90px; max-width: 728px; width: 100%;
    background: var(--an-gray-50); border: 1px solid var(--an-gray-100);
    display: flex; align-items: center; justify-content: center; }
.an-ad-header span { font-size: 9px; color: #d1d5db; text-transform: uppercase;
    letter-spacing: 0.1em; font-family: var(--an-font-body); }
.an-header-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.an-search-btn { background: none; border: none; cursor: pointer; padding: 7px;
    color: var(--an-gray-500); display: flex; align-items: center; border-radius: 4px;
    transition: color .15s, background .15s; }
.an-search-btn:hover { color: var(--an-gray-950); background: var(--an-gray-100); }
.an-ultimas-btn { background: var(--an-red); color: #fff; font-size: 11px; font-weight: 700;
    letter-spacing: 0.08em; padding: 7px 14px; text-decoration: none; border-radius: 2px;
    font-family: var(--an-font-body); transition: background .15s; white-space: nowrap; }
.an-ultimas-btn:hover { background: #b91c1c; color: #fff; }

/* Editorial nav */
.an-editorial-nav { background: #111118; border-bottom: 2px solid var(--an-red); }
.an-editorial-nav .an-container { display: flex; align-items: center; }
.an-nav-list { display: flex; align-items: center; list-style: none; margin: 0; padding: 0;
    overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; flex: 1; gap: 0; }
.an-nav-list::-webkit-scrollbar { display: none; }
.an-nav-item { flex-shrink: 0; }
.an-nav-link { display: block; padding: 11px 14px; color: #d1d5db; font-family: var(--an-font-body);
    font-size: 13px; font-weight: 500; text-decoration: none; white-space: nowrap;
    letter-spacing: 0.01em; transition: color .15s, background .15s; }
.an-nav-link:hover, .an-nav-link:focus { color: #fff; background: rgba(255,255,255,.08); }
.an-nav-item:first-child .an-nav-link { color: #fff; font-weight: 600; }


/* Search modal */
.an-search-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.72);
    z-index: 9999; align-items: flex-start; justify-content: center; padding-top: 80px; }
.an-search-modal.is-open { display: flex; }
.an-search-modal-inner { background: #fff; padding: 24px; border-radius: 4px; width: 100%;
    max-width: 580px; position: relative; }
.an-search-close { position: absolute; top: 10px; right: 14px; background: none; border: none;
    font-size: 26px; cursor: pointer; color: var(--an-gray-400); line-height: 1; }

/* ── Editoria tags ─────────────────────────────────────────────────────── */
.an-editoria-tag { display: inline-block; font-family: var(--an-font-body); font-size: 10px;
    font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--an-red);
    text-decoration: none; line-height: 1; }
.an-editoria-tag:hover { text-decoration: underline; }
.an-editoria-tag--sm, .an-editoria-tag--xs { font-size: 9px; }

/* ── MOSAICO TOP STORIES ─────────────────────────────────────────────────── */
.an-mosaico { display: grid; grid-template-columns: minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);
    background: var(--an-gray-200); gap: 1px; margin-top: 16px; }
.an-mosaico > * { background: var(--an-white); }

.an-mosaico-main { overflow: hidden; display: flex; flex-direction: column; }
.an-mosaico-main-image { overflow: hidden; }
.an-mosaico-main-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .4s ease; }
.an-mosaico-main:hover .an-mosaico-main-image img { transform: scale(1.03); }
.an-mosaico-main-body { padding: 14px 18px 18px; border-top: 3px solid var(--an-red); flex: 1; }
.an-mosaico-main--no-img .an-mosaico-main-body { border-top-color: var(--an-gray-950); padding: 24px; }
.an-mosaico-main-title { font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.25rem,1.8vw,1.75rem); font-weight: 700; line-height: 1.24;
    color: var(--an-gray-950); margin: 8px 0 10px; }
.an-mosaico-main-title a { color: inherit; text-decoration: none; }
.an-mosaico-main-title a:hover { color: var(--an-red); }
.an-mosaico-main-lede { font-size: 14px; color: var(--an-gray-600); line-height: 1.55;
    margin-bottom: 10px; font-family: var(--an-font-body); }
.an-mosaico-main-meta { font-size: 11px; color: var(--an-gray-400); font-family: var(--an-font-body); }

.an-mosaico-center { display: flex; flex-direction: column; }
.an-mosaico-center-item { flex: 1; display: flex; flex-direction: column; overflow: hidden;
    border-bottom: 1px solid var(--an-gray-200); }
.an-mosaico-center-item:last-child { border-bottom: none; }
.an-mosaico-center-image { flex-shrink: 0; overflow: hidden; }
.an-mosaico-center-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .3s; }
.an-mosaico-center-item:hover .an-mosaico-center-image img { transform: scale(1.04); }
.an-mosaico-center-body { padding: 10px 12px; flex: 1; display: flex; flex-direction: column;
    gap: 6px; border-top: 2px solid var(--an-gray-100); }
.an-mosaico-center-title { font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(.9rem,1.1vw,1.05rem); font-weight: 700; line-height: 1.3;
    color: var(--an-gray-950); margin: 0; }
.an-mosaico-center-title a { color: inherit; text-decoration: none; }
.an-mosaico-center-title a:hover { color: var(--an-red); }
.an-mosaico-meta { font-size: 11px; color: var(--an-gray-400); font-family: var(--an-font-body); }

.an-mosaico-right { display: flex; flex-direction: column; }
.an-mosaico-right-item { flex: 1; padding: 10px 12px; border-bottom: 1px solid var(--an-gray-100);
    display: flex; flex-direction: column; gap: 5px; }
.an-mosaico-right-item:last-child { border-bottom: none; }
.an-mosaico-right-item--img { padding: 0; }
.an-mosaico-right-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .3s; }
.an-mosaico-right-item--img:hover .an-mosaico-right-image img { transform: scale(1.04); }
.an-mosaico-right-item--img .an-mosaico-right-body { padding: 8px 12px 10px; }
.an-mosaico-right-body { display: flex; flex-direction: column; gap: 4px; }
.an-mosaico-right-title { font-family: var(--an-font-body); font-size: 13px; font-weight: 600;
    line-height: 1.35; color: var(--an-gray-950); margin: 0; }
.an-mosaico-right-title a { color: inherit; text-decoration: none; }
.an-mosaico-right-title a:hover { color: var(--an-red); }

/* ── AGORA ───────────────────────────────────────────────────────────────── */
.an-agora { margin: 20px 0; border: 1px solid var(--an-gray-200);
    border-top: 3px solid var(--an-red); background: var(--an-white); }
.an-agora-header { display: flex; align-items: center; gap: 10px; padding: 10px 16px;
    border-bottom: 1px solid var(--an-gray-100); background: var(--an-gray-50); }
@keyframes an-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(.85)} }
.an-agora-title { font-family: var(--an-font-body); font-size: 13px; font-weight: 700;
    letter-spacing: 0.1em; text-transform: uppercase; color: var(--an-gray-950); margin: 0; }
.an-agora-sub { font-family: var(--an-font-body); font-size: 11px; color: var(--an-gray-400); }
.an-agora-feed { display: grid; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 0; }
.an-agora-item:nth-child(even) { border-right: none; }
.an-agora-item:nth-last-child(-n+2) { border-bottom: none; }
.an-agora-category { font-family: var(--an-font-body); font-size: 9px; font-weight: 600;
    letter-spacing: .08em; text-transform: uppercase; color: var(--an-gray-400);
    text-decoration: none; flex-shrink: 0; white-space: nowrap; }
.an-agora-headline a { color: inherit; text-decoration: none; }
.an-agora-headline a:hover { color: var(--an-gray-950); text-decoration: underline; }
.an-agora-more { display: block; text-align: right; padding: 8px 16px; font-size: 12px;
    font-weight: 600; color: var(--an-gray-400); text-decoration: none;
    font-family: var(--an-font-body); border-top: 1px solid var(--an-gray-100); }
.an-agora-more:hover { color: var(--an-red); }

/* ── ÚLTIMAS — Assimétrica ───────────────────────────────────────────────── */
.an-section-header--breaking { border-bottom-color: var(--an-red); }

.an-ultimas-grid { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr);
    gap: 1px; background: var(--an-gray-200); margin-top: 10px; }
.an-ultimas-grid > * { background: var(--an-white); }
.an-ultimas-main { overflow: hidden; padding-bottom: 16px; }
.an-ultimas-main-image { overflow: hidden; }
.an-ultimas-main-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .35s; }
.an-ultimas-main:hover .an-ultimas-main-image img { transform: scale(1.03); }
.an-ultimas-main .an-editoria-tag { margin: 12px 16px 0; display: block; }
.an-ultimas-main-title { font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1rem,1.4vw,1.35rem); font-weight: 700; line-height: 1.28;
    color: var(--an-gray-950); margin: 8px 16px 8px; }
.an-ultimas-main-title a { color: inherit; text-decoration: none; }
.an-ultimas-main-title a:hover { color: var(--an-red); }
.an-ultimas-main-excerpt { font-size: 13px; color: var(--an-gray-600); line-height: 1.55;
    margin: 0 16px 8px; font-family: var(--an-font-body); }
.an-ultimas-main .an-meta-time { margin: 0 16px; }

.an-ultimas-sidebar { display: flex; flex-direction: column; }
.an-ultimas-side-item { display: flex; gap: 10px; padding: 10px 12px;
    border-bottom: 1px solid var(--an-gray-100); align-items: flex-start; }
.an-ultimas-side-item:last-child { border-bottom: none; }
.an-ultimas-side-image { flex-shrink: 0; width: 80px; overflow: hidden; }
.an-ultimas-side-image img { width: 80px; height: 54px; object-fit: cover; display: block; border-radius: 2px; }
.an-ultimas-side-body { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.an-ultimas-side-title { font-family: var(--an-font-body); font-size: 13px; font-weight: 600;
    line-height: 1.35; color: var(--an-gray-900); margin: 0; }
.an-ultimas-side-title a { color: inherit; text-decoration: none; }
.an-ultimas-side-title a:hover { color: var(--an-red); }
.an-meta-time { font-size: 11px; color: var(--an-gray-400); font-family: var(--an-font-body); display: block; }

/* ── BLOCO AMAZONAS ──────────────────────────────────────────────────────── */
.an-amazonas-grid { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,3fr);
    gap: 1px; background: var(--an-gray-200); margin-top: 10px; }
.an-amazonas-grid > * { background: var(--an-white); }
.an-amazonas-main { overflow: hidden; padding-bottom: 16px; }
.an-amazonas-main-image { overflow: hidden; }
.an-amazonas-main-image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .35s; }
.an-amazonas-main:hover .an-amazonas-main-image img { transform: scale(1.03); }
.an-amazonas-main .an-editoria-tag { margin: 12px 16px 0; display: block; }
.an-amazonas-main-title { font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(.95rem,1.3vw,1.25rem); font-weight: 700; line-height: 1.28;
    color: var(--an-gray-950); margin: 8px 16px 8px; }
.an-amazonas-main-title a { color: inherit; text-decoration: none; }
.an-amazonas-main-title a:hover { color: var(--an-red); }
.an-amazonas-main-excerpt { font-size: 13px; color: var(--an-gray-600); line-height: 1.5;
    margin: 0 16px 8px; font-family: var(--an-font-body); }
.an-amazonas-main .an-meta-time { margin: 0 16px; }
.an-amazonas-secondary { display: flex; flex-direction: column; }
.an-amazonas-sec-item { display: flex; gap: 10px; padding: 10px 12px;
    border-bottom: 1px solid var(--an-gray-100); align-items: flex-start; flex: 1; }
.an-amazonas-sec-item:last-child { border-bottom: none; }
.an-amazonas-sec-image { flex-shrink: 0; width: 72px; overflow: hidden; }
.an-amazonas-sec-image img { width: 72px; height: 48px; object-fit: cover; display: block; border-radius: 2px; }
.an-amazonas-sec-body { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.an-amazonas-sec-title { font-family: var(--an-font-body); font-size: 12px; font-weight: 600;
    line-height: 1.35; color: var(--an-gray-900); margin: 0; }
.an-amazonas-sec-title a { color: inherit; text-decoration: none; }
.an-amazonas-sec-title a:hover { color: var(--an-red); }

/* ── RESPONSIVIDADE ──────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .an-mosaico { grid-template-columns: minmax(0,5fr) minmax(0,3fr); }
    .an-mosaico-right { display: none; }
    .an-agora-feed { grid-template-columns: 1fr; }
    .an-agora-item { border-right: none; }
    .an-agora-item:nth-last-child(-n+2) { border-bottom: 1px solid var(--an-gray-100); }
    .an-agora-item:last-child { border-bottom: none; }
}
@media (max-width: 768px) {
    .an-container { padding: 0 14px; }
    .an-topbar-date, .an-topbar-sep, .an-topbar-city { display: none; }
    .an-main-header { padding: 8px 0; }
    .an-header-center { display: none; }
    .an-logo-img { max-height: 38px; }
    .an-mosaico { grid-template-columns: 1fr; }
    .an-mosaico-center, .an-mosaico-right { display: none; }
    .an-ultimas-grid { grid-template-columns: 1fr; }
    .an-amazonas-grid { grid-template-columns: 1fr; }
    .an-amazonas-secondary { flex-direction: row; flex-wrap: wrap; }
    .an-amazonas-sec-item { width: 50%; box-sizing: border-box; flex: none; }
    .an-agora-feed { grid-template-columns: 1fr; }
    .an-section { margin: 14px 0; }
}
@media (max-width: 480px) {
    .an-amazonas-secondary { flex-direction: column; }
    .an-amazonas-sec-item { width: 100%; }
    .an-mosaico-main-title { font-size: 1.15rem; }
    .an-ultimas-main-title { font-size: 1rem; }
    .an-nav-link { padding: 10px 11px; font-size: 12px; }
}

/* ==========================================================================
   REDESIGN v2 — Header + Top Stories orgânico (sobrescreve v1)
   ========================================================================== */

/* ── Header: logo com mais presença ─────────────────────────────────────── */

/* ── AD topo v2: slot leaderboard muito discreto ─────────────────────────── */
.an-topzone-ad { background: #f7f7f7; border-bottom: 1px solid #e8e8e8;
    text-align: center; padding: 2px 0; }
.an-topzone-ad--footer { margin-top: 32px; border-top: 1px solid #e8e8e8; border-bottom: none; }
.an-tad-inner { display: flex; align-items: center; justify-content: center;
    min-height: 54px; max-height: 80px; padding: 4px 0; }
.an-tad-label { font-size: 9px; font-family: var(--an-font-body); color: #bbb;
    letter-spacing: .14em; text-transform: uppercase; }

/* ── TOP STORIES ─────────────────────────────────────────────────────────── */
.an-top-stories { margin-top: 20px; }

/* Composição: manchete 58% + secundárias 42% */
.an-ts-composition {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 2px;
    background: #ddd;
}
.an-ts-composition > * { background: #fff; }

/* Manchete principal */
.an-ts-main { display: flex; flex-direction: column; overflow: hidden; }
.an-ts-main-img { overflow: hidden; flex-shrink: 0; }
.an-ts-main-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    border-radius: 0; transition: transform .45s ease; }
.an-ts-main:hover .an-ts-main-img img { transform: scale(1.025); }
.an-ts-main-body { padding: 16px 20px 20px; flex: 1;
    border-top: 3px solid var(--an-gray-950); }
.an-ts-main--no-img .an-ts-main-body { border-top-color: var(--an-red); padding: 28px 24px; }

.an-ts-meta-top { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.an-ts-editoria { font-family: var(--an-font-body); font-size: 10px; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase; color: var(--an-red);
    text-decoration: none; line-height: 1; flex-shrink: 0; }
.an-ts-editoria:hover { text-decoration: underline; }
.an-ts-time { font-family: var(--an-font-body); font-size: 11px; color: #9ca3af;
    flex-shrink: 0; font-variant-numeric: tabular-nums; }

.an-ts-main-title { font-family: var(--an-font-body); font-weight: 800;
    font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.2; color: #0a0a0a;
    margin: 0 0 10px; letter-spacing: -.025em; }
.an-ts-main-title a { color: inherit; text-decoration: none; }
.an-ts-main-title a:hover { color: var(--an-red); }
.an-ts-main-lede { font-family: var(--an-font-body); font-size: 14px; color: #52525b;
    line-height: 1.6; margin: 0; }

/* Secundárias */
.an-ts-secondaries { display: flex; flex-direction: column; gap: 2px; background: #ddd; }
.an-ts-sec { display: flex; flex-direction: column; flex: 1; overflow: hidden; background: #fff; }
.an-ts-sec-img { overflow: hidden; flex-shrink: 0; }
.an-ts-sec-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .35s; }
.an-ts-sec:hover .an-ts-sec-img img { transform: scale(1.035); }
.an-ts-sec-body { padding: 12px 14px; flex: 1; border-top: 2px solid #e5e7eb; }
.an-ts-sec-title { font-family: var(--an-font-body); font-weight: 700;
    font-size: clamp(.95rem, 1.3vw, 1.15rem); line-height: 1.3; color: #111118;
    margin: 0; letter-spacing: -.015em; }
.an-ts-sec-title a { color: inherit; text-decoration: none; }
.an-ts-sec-title a:hover { color: var(--an-red); }

/* Chamadas textuais */
.an-ts-callouts { display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 2px; background: #ddd; border-top: 2px solid #ddd; margin-top: 2px; }
.an-ts-callout { background: #fff; padding: 0; display: flex; flex-direction: column;
    overflow: hidden; }
.an-ts-callout-img { overflow: hidden; flex-shrink: 0; }
.an-ts-callout-img img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block;
    transition: transform .3s; }
.an-ts-callout:hover .an-ts-callout-img img { transform: scale(1.04); }
.an-ts-callout-body { padding: 10px 12px 14px; flex: 1;
    border-top: 2px solid #e5e7eb; display: flex; flex-direction: column; gap: 6px; }
.an-ts-callout-title { font-family: var(--an-font-body); font-weight: 600;
    font-size: clamp(.8rem, 1vw, .92rem); line-height: 1.38; color: #111118;
    margin: 0; letter-spacing: -.01em; }
.an-ts-callout-title a { color: inherit; text-decoration: none; }
.an-ts-callout-title a:hover { color: var(--an-red); text-decoration: underline; }

/* ── AGORA: zona stream horizontal ──────────────────────────────────────── */
.an-agora-zone { background: #f4f4f5; border-top: 1px solid #e4e4e7;
    border-bottom: 1px solid #e4e4e7; margin: 28px 0; padding: 14px 0; }
.an-agora-inner { display: flex; align-items: stretch; gap: 0; min-height: 56px; }
.an-agora-label { display: flex; flex-direction: column; align-items: center;
    justify-content: center; gap: 6px; padding: 0 20px 0 0;
    border-right: 2px solid var(--an-red); flex-shrink: 0; }
.an-agora-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--an-red);
    animation: an-pulse 1.5s ease-in-out infinite; }
.an-agora-word { font-family: var(--an-font-body); font-size: 11px; font-weight: 800;
    letter-spacing: .14em; text-transform: uppercase; color: #0a0a0a; }
.an-agora-stream { display: flex; align-items: stretch; flex: 1; overflow-x: auto;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 0; padding-left: 20px; }
.an-agora-stream::-webkit-scrollbar { display: none; }
.an-agora-item { display: flex; flex-direction: column; justify-content: center; gap: 3px;
    padding: 4px 20px 4px 0; border-right: 1px solid #d1d5db;
    margin-right: 20px; min-width: 200px; max-width: 280px; flex-shrink: 0; }
.an-agora-item:last-child { border-right: none; margin-right: 0; }
.an-agora-time { font-family: var(--an-font-body); font-size: 15px; font-weight: 800;
    color: var(--an-red); line-height: 1; font-variant-numeric: tabular-nums; }
.an-agora-cat { font-family: var(--an-font-body); font-size: 9px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; color: #6b7280; text-decoration: none; }
.an-agora-cat:hover { color: var(--an-red); }
.an-agora-headline { font-family: var(--an-font-body); font-size: 12px; font-weight: 600;
    line-height: 1.4; color: #1f2937; margin: 0; }
.an-agora-headline a { color: inherit; text-decoration: none; }
.an-agora-headline a:hover { color: var(--an-red); }

/* ── ÚLTIMAS v2: feed editorial ─────────────────────────────────────────── */
.an-ultimas-v2 { margin: 0 0 28px; }
.an-ult-grid { display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 2px; background: #ddd; margin-top: 12px; }
.an-ult-grid > * { background: #fff; }

.an-ult-main { overflow: hidden; display: flex; flex-direction: column; }
.an-ult-main-img { overflow: hidden; flex-shrink: 0; }
.an-ult-main-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .35s; }
.an-ult-main:hover .an-ult-main-img img { transform: scale(1.03); }
.an-ult-main-body { padding: 14px 18px 18px; flex: 1; border-top: 2px solid #e5e7eb; }
.an-ult-main-title { font-family: var(--an-font-body); font-weight: 700;
    font-size: clamp(1rem, 1.5vw, 1.3rem); line-height: 1.28; color: #0a0a0a;
    margin: 8px 0 8px; letter-spacing: -.018em; }
.an-ult-main-title a { color: inherit; text-decoration: none; }
.an-ult-main-title a:hover { color: var(--an-red); }
.an-ult-main-excerpt { font-family: var(--an-font-body); font-size: 13px; color: #52525b;
    line-height: 1.6; margin: 0; }

.an-ult-feed { display: flex; flex-direction: column; }
.an-ult-feed-item { display: flex; gap: 12px; padding: 12px 14px;
    border-bottom: 1px solid #f0f0f0; align-items: flex-start; flex: 1; }
.an-ult-feed-item:last-child { border-bottom: none; }
.an-ult-feed-img { flex-shrink: 0; width: 88px; overflow: hidden; border-radius: 4px; }
.an-ult-feed-img img { width: 88px; height: 60px; object-fit: cover; display: block;
    border-radius: 4px; transition: transform .3s; }
.an-ult-feed-item:hover .an-ult-feed-img img { transform: scale(1.05); }
.an-ult-feed-body { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.an-ult-feed-title { font-family: var(--an-font-body); font-weight: 600; font-size: 13px;
    line-height: 1.38; color: #1f2937; margin: 0; letter-spacing: -.01em; }
.an-ult-feed-title a { color: inherit; text-decoration: none; }
.an-ult-feed-title a:hover { color: var(--an-red); text-decoration: underline; }

/* ── AMAZONAS: zona regional 3 colunas ──────────────────────────────────── */
.an-az-layout { display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
    gap: 2px; background: #ddd; margin-top: 12px; }
.an-az-layout > * { background: #fff; }

.an-az-main { overflow: hidden; display: flex; flex-direction: column; }
.an-az-main-img { overflow: hidden; flex-shrink: 0; }
.an-az-main-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .35s; }
.an-az-main:hover .an-az-main-img img { transform: scale(1.03); }
.an-az-main-body { padding: 14px 16px 18px; flex: 1; border-top: 2px solid #e5e7eb; }
.an-az-main-title { font-family: var(--an-font-body); font-weight: 700;
    font-size: clamp(.95rem, 1.3vw, 1.2rem); line-height: 1.28; color: #0a0a0a;
    margin: 8px 0 8px; letter-spacing: -.018em; }
.an-az-main-title a { color: inherit; text-decoration: none; }
.an-az-main-title a:hover { color: var(--an-red); }
.an-az-main-excerpt { font-family: var(--an-font-body); font-size: 13px; color: #52525b;
    line-height: 1.55; margin: 0; }

.an-az-mid { display: flex; flex-direction: column; gap: 2px; background: #ddd; }
.an-az-mid-item { flex: 1; display: flex; flex-direction: column; overflow: hidden; background: #fff; }
.an-az-mid-img { overflow: hidden; flex-shrink: 0; }
.an-az-mid-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;
    transition: transform .3s; }
.an-az-mid-item:hover .an-az-mid-img img { transform: scale(1.04); }
.an-az-mid-body { padding: 10px 12px 14px; flex: 1; border-top: 2px solid #e5e7eb; display: flex; flex-direction: column; gap: 5px; }
.an-az-mid-title { font-family: var(--an-font-body); font-weight: 600;
    font-size: clamp(.85rem, 1.1vw, 1rem); line-height: 1.32; color: #111118; margin: 0; }
.an-az-mid-title a { color: inherit; text-decoration: none; }
.an-az-mid-title a:hover { color: var(--an-red); }

.an-az-more { padding: 16px 14px; display: flex; flex-direction: column; }
.an-az-more-header { font-family: var(--an-font-body); font-size: 10px; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase; color: #6b7280;
    padding-bottom: 10px; border-bottom: 2px solid var(--an-red); margin-bottom: 12px; }
.an-az-more-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }
.an-az-more-item { padding: 10px 0; border-bottom: 1px solid #f0f0f0;
    display: flex; flex-direction: column; gap: 4px; }
.an-az-more-item:last-child { border-bottom: none; }
.an-az-more-title { font-family: var(--an-font-body); font-weight: 600; font-size: 13px;
    line-height: 1.36; color: #1f2937; margin: 0; }
.an-az-more-title a { color: inherit; text-decoration: none; }
.an-az-more-title a:hover { color: var(--an-red); text-decoration: underline; }

/* ── Secção header padrão ────────────────────────────────────────────────── */
.an-section { margin: 24px 0; }
.an-section-header { display: flex; align-items: center; justify-content: space-between;
    padding-bottom: 8px; border-bottom: 2px solid #e5e7eb; margin-bottom: 0; }
.an-section-header--breaking { border-bottom-color: var(--an-red); }
.an-section-title { font-family: var(--an-font-body); font-size: 13px; font-weight: 800;
    letter-spacing: .1em; text-transform: uppercase; color: #0a0a0a; margin: 0; }
.an-section-link { font-family: var(--an-font-body); font-size: 11px; color: #9ca3af;
    text-decoration: none; font-weight: 500; }
.an-section-link:hover { color: var(--an-red); }

/* ── Responsividade v2 ───────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .an-ts-callouts { grid-template-columns: repeat(2, 1fr); }
    .an-az-layout { grid-template-columns: minmax(0,4fr) minmax(0,3fr) minmax(0,3fr); }
}
@media (max-width: 900px) {
    .an-ts-composition { grid-template-columns: 1fr; }
    .an-ts-secondaries { flex-direction: row; }
    .an-ts-sec { flex: 1; }
    .an-az-layout { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
    .an-az-more { display: none; }
    .an-agora-item { min-width: 180px; max-width: 240px; }
}
@media (max-width: 768px) {
    .an-ts-composition { grid-template-columns: 1fr; }
    .an-ts-secondaries { display: none; }
    .an-ts-callouts { grid-template-columns: 1fr 1fr; }
    .an-agora-zone { margin: 16px 0; }
    .an-agora-inner { flex-direction: column; gap: 12px; }
    .an-agora-label { flex-direction: row; border-right: none;
        border-bottom: 2px solid var(--an-red); padding: 0 0 8px; }
    .an-agora-stream { padding-left: 0; overflow-x: auto; }
    .an-ult-grid { grid-template-columns: 1fr; }
    .an-az-layout { grid-template-columns: 1fr; }
    .an-az-mid { flex-direction: row; gap: 2px; }
    .an-az-mid-item { flex: 1; }
    .an-az-more { display: none; }
    .an-logo-img { max-height: 44px !important; }
    .an-header-center { display: none !important; }
    .an-main-header { padding: 10px 0 !important; }
    .an-topbar-date, .an-topbar-sep, .an-topbar-city { display: none; }
}
@media (max-width: 480px) {
    .an-ts-callouts { grid-template-columns: 1fr; }
    .an-ts-main-title { font-size: 1.2rem; }
    .an-az-mid { flex-direction: column; }
    .an-container { padding: 0 12px; }
}

/* ══════════════════════════════════════════════════════════
   REDESIGN v3 — HOMEPAGE EDITORIAL COMPLETA
   Top Stories 3-zonas | AGORA 24H | Amazonas | Em Alta
   Serviço 24H | Em Destaque | Vídeos | Newsletter
   ══════════════════════════════════════════════════════════ */



/* ── PUBLICIDADE SUPERIOR ──────────────────────────────── */
.an-pub-superior { background:#f7f7f7; border-bottom:1px solid #e8e8e8; padding:6px 0; }
.an-pubsup-inner { display:flex; flex-direction:column; align-items:center; gap:2px; }
.an-pubsup-label { font-size:9px; font-weight:600; color:#bbb; letter-spacing:.15em; text-transform:uppercase; }
.an-pubsup-slot { width:100%; max-width:728px; height:56px; background:#e8e8e8; border-radius:2px; }
.an-ad-infeed { padding:8px 0; background:#f7f7f7; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; margin:0; }

/* ── CATEGORIA BADGE COMPARTILHADO ────────────────────── */
.an-edcat {
  display:inline-block; font-family:var(--an-font-body); font-size:10px; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:var(--an-red); text-decoration:none;
  margin-bottom:5px; transition:opacity .15s;
}
.an-edcat:hover { opacity:.72; }

/* ── SECTION HEADER COMPARTILHADO ────────────────────── */
.an-secheader { display:flex; align-items:center; gap:12px; border-bottom:2px solid #0a0a0a; padding-bottom:10px; margin-bottom:18px; }
.an-secheader-title { font-family:var(--an-font-body); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#0a0a0a; margin:0; }
.an-secheader-link { font-size:11px; font-weight:600; color:var(--an-red); text-decoration:none; margin-left:auto; letter-spacing:.04em; transition:opacity .15s; }
.an-secheader-link:hover { opacity:.72; }
.an-demo-badge { font-size:9px; font-weight:700; letter-spacing:.1em; color:#fff; background:#a1a1aa; padding:2px 6px; border-radius:2px; margin-left:auto; }

/* ══ TOP STORIES — 3 ZONAS ═══════════════════════════════ */
.an-ts3-wrap { background:#fff; }
.an-ts3-grid {
  display:grid;
  grid-template-columns:minmax(0,55fr) minmax(0,27fr) minmax(0,18fr);
  gap:2px; background:#d0d0d0; min-height:400px;
}

/* ZONA A */
.an-ts3-main { background:#fff; display:flex; flex-direction:column; }
.an-ts3-main-img { overflow:hidden; aspect-ratio:16/9; flex-shrink:0; }
.an-ts3-main-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.an-ts3-main:hover .an-ts3-main-img img { transform:scale(1.03); }
.an-ts3-main-body { padding:14px 16px 18px; display:flex; flex-direction:column; flex:1; }
.an-ts3-main-title { font-family:var(--an-font-body); font-weight:800; font-size:clamp(1.2rem,1.9vw,1.8rem); line-height:1.18; letter-spacing:-.025em; color:#0a0a0a; margin:0 0 8px; }
.an-ts3-main-title a { color:inherit; text-decoration:none; }
.an-ts3-main-title a:hover { text-decoration:underline; text-underline-offset:3px; }
.an-ts3-main-excerpt { font-size:.8125rem; line-height:1.55; color:#52525b; margin:0 0 10px; }
.an-ts3-main-meta { font-size:11px; color:#a1a1aa; font-variant-numeric:tabular-nums; margin-top:auto; }

/* ZONA B */
.an-ts3-visuals { display:flex; flex-direction:column; gap:2px; background:#d0d0d0; }
.an-ts3-vis-item { background:#fff; display:flex; flex-direction:column; flex:1; }
.an-ts3-vis-img { overflow:hidden; aspect-ratio:16/9; flex-shrink:0; }
.an-ts3-vis-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.an-ts3-vis-item:hover .an-ts3-vis-img img { transform:scale(1.03); }
.an-ts3-vis-body { padding:10px 12px 12px; flex:1; display:flex; flex-direction:column; }
.an-ts3-vis-title { font-family:var(--an-font-body); font-weight:700; font-size:clamp(.82rem,1.1vw,.98rem); line-height:1.3; letter-spacing:-.01em; color:#0a0a0a; margin:0 0 5px; }
.an-ts3-vis-title a { color:inherit; text-decoration:none; }
.an-ts3-vis-title a:hover { text-decoration:underline; text-underline-offset:2px; }
.an-ts3-vis-time { font-size:10px; color:#a1a1aa; font-variant-numeric:tabular-nums; margin-top:auto; }

/* ZONA C */
.an-ts3-text { background:#fff; display:flex; flex-direction:column; }
.an-ts3-text-item { display:flex; flex-direction:column; gap:4px; padding:11px 13px; border-bottom:1px solid #ebebeb; text-decoration:none; flex:1; transition:background .15s; }
.an-ts3-text-item:last-child { border-bottom:none; }
.an-ts3-text-item:hover { background:#fafafa; }
.an-ts3-text-title { font-family:var(--an-font-body); font-weight:600; font-size:clamp(.76rem,.88vw,.86rem); line-height:1.35; color:#0a0a0a; margin:0; }
.an-ts3-text-item:hover .an-ts3-text-title { color:var(--an-red); }
.an-ts3-text-time { font-size:10px; color:#a1a1aa; font-variant-numeric:tabular-nums; }

/* ══ AGORA 24H ════════════════════════════════════════════ */
.an-agora24h-zone { background:#0f0f14; padding:16px 0; }
.an-agora24h-inner { display:grid; grid-template-columns:auto 1fr auto; gap:0 20px; align-items:start; }
.an-agora24h-brand { display:flex; flex-direction:column; align-items:center; gap:8px; padding-right:20px; border-right:2px solid var(--an-red); align-self:stretch; justify-content:center; min-width:64px; }
.an-agora24h-dot { width:9px; height:9px; border-radius:50%; background:var(--an-red); animation:an-agora-pulse 1.6s ease-in-out infinite; flex-shrink:0; }
@keyframes an-agora-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.45;transform:scale(.8)} }
.an-agora24h-brandtext { font-family:var(--an-font-body); font-size:9px; font-weight:800; letter-spacing:.18em; color:#fff; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap; }
.an-agora24h-feed { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.an-agora24h-item { display:flex; align-items:baseline; gap:9px; padding:8px 14px 8px 0; border-bottom:1px solid #1e1e2a; text-decoration:none; transition:background .15s; }
.an-agora24h-item:nth-child(odd) { padding-left:0; }
.an-agora24h-item:nth-child(even) { padding-left:14px; border-left:1px solid #1e1e2a; }
.an-agora24h-item:hover { background:rgba(255,255,255,.04); }
.an-agora24h-time { font-family:var(--an-font-body); font-size:13px; font-weight:800; color:var(--an-red); flex-shrink:0; font-variant-numeric:tabular-nums; }
.an-agora24h-cat { font-size:9px; font-weight:700; letter-spacing:.1em; color:#666; flex-shrink:0; text-transform:uppercase; }
.an-agora24h-title { font-family:var(--an-font-body); font-size:.8rem; font-weight:600; color:#d0d0d8; line-height:1.35; }
.an-agora24h-item:hover .an-agora24h-title { color:#fff; }
.an-agora24h-more { font-size:11px; font-weight:600; color:var(--an-red); text-decoration:none; white-space:nowrap; padding-left:16px; border-left:1px solid #2a2a38; align-self:center; letter-spacing:.04em; transition:opacity .15s; }
.an-agora24h-more:hover { opacity:.72; }

/* ══ AMAZONAS ═════════════════════════════════════════════ */
.an-amazonas-zone { padding:32px 0; background:#fafafa; border-top:1px solid #e4e4e7; }
.an-az3-header { display:flex; align-items:center; gap:12px; border-bottom:3px solid #0a0a0a; padding-bottom:10px; margin-bottom:18px; }
.an-az3-title { font-family:var(--an-font-body); font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#0a0a0a; margin:0; display:flex; align-items:center; gap:8px; }
.an-az3-accent { display:inline-block; width:4px; height:14px; background:var(--an-red); border-radius:2px; flex-shrink:0; }
.an-az3-more-link { font-size:11px; font-weight:600; color:var(--an-red); text-decoration:none; margin-left:auto; letter-spacing:.04em; transition:opacity .15s; }
.an-az3-more-link:hover { opacity:.72; }
.an-az3-layout { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,2fr); gap:2px; background:#d0d0d0; }
.an-az3-main { background:#fff; padding-bottom:16px; }
.an-az3-main-img { overflow:hidden; aspect-ratio:16/9; margin-bottom:12px; }
.an-az3-main-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.an-az3-main:hover .an-az3-main-img img { transform:scale(1.03); }
.an-az3-main .an-edcat,
.an-az3-main-title,
.an-az3-main-excerpt,
.an-az3-meta { padding-left:14px; padding-right:14px; display:block; }
.an-az3-main-title { font-family:var(--an-font-body); font-weight:700; font-size:clamp(.9rem,1.2vw,1.15rem); line-height:1.3; color:#0a0a0a; margin:0 0 8px; }
.an-az3-main-title a { color:inherit; text-decoration:none; }
.an-az3-main-title a:hover { text-decoration:underline; }
.an-az3-main-excerpt { font-size:.8rem; color:#52525b; line-height:1.55; margin-bottom:8px; }
.an-az3-meta { font-size:10px; color:#a1a1aa; font-variant-numeric:tabular-nums; }
.an-az3-mid { display:flex; flex-direction:column; gap:2px; background:#d0d0d0; }
.an-az3-mid-item { background:#fff; flex:1; display:flex; flex-direction:column; }
.an-az3-mid-img { overflow:hidden; aspect-ratio:16/9; flex-shrink:0; }
.an-az3-mid-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s ease; }
.an-az3-mid-item:hover .an-az3-mid-img img { transform:scale(1.03); }
.an-az3-mid-body { padding:9px 11px 11px; flex:1; }
.an-az3-mid-title { font-family:var(--an-font-body); font-weight:600; font-size:.8rem; line-height:1.35; color:#0a0a0a; margin:0 0 4px; }
.an-az3-mid-title a { color:inherit; text-decoration:none; }
.an-az3-mid-title a:hover { text-decoration:underline; }
.an-az3-list { background:#fff; padding:14px; }
.an-az3-list-title { font-family:var(--an-font-body); font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#0a0a0a; margin:0 0 12px; padding-bottom:8px; border-bottom:2px solid var(--an-red); }
.an-az3-list-items { list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:10px; }
.an-az3-list-item { display:flex; flex-direction:column; gap:2px; }
.an-az3-list-time { font-size:10px; color:var(--an-red); font-weight:700; font-variant-numeric:tabular-nums; }
.an-az3-list-link { font-family:var(--an-font-body); font-size:.75rem; font-weight:600; line-height:1.35; color:#0a0a0a; text-decoration:none; }
.an-az3-list-link:hover { color:var(--an-red); text-decoration:underline; }
.an-az3-list-more { font-size:11px; font-weight:600; color:var(--an-red); text-decoration:none; letter-spacing:.04em; transition:opacity .15s; }
.an-az3-list-more:hover { opacity:.72; }

/* ══ EM ALTA + SERVIÇO ════════════════════════════════════ */
.an-tools-row { padding:32px 0; background:#fff; border-top:1px solid #e4e4e7; }
.an-tools-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:2px; background:#d0d0d0; }
.an-emalta { background:#fff; padding:18px 20px; }
.an-emalta-list { list-style:none; margin:0; padding:0; }
.an-emalta-item { display:flex; align-items:flex-start; gap:12px; padding:11px 0; border-bottom:1px solid #ebebeb; }
.an-emalta-item:last-child { border-bottom:none; }
.an-emalta-num { font-family:var(--an-font-body); font-size:20px; font-weight:800; color:#e0e0e0; line-height:1; flex-shrink:0; width:30px; font-variant-numeric:tabular-nums; }
.an-emalta-body { flex:1; display:flex; flex-direction:column; gap:3px; }
.an-emalta-title { font-family:var(--an-font-body); font-size:.8rem; font-weight:600; line-height:1.35; color:#0a0a0a; text-decoration:none; }
.an-emalta-title:hover { color:var(--an-red); }
.an-servico24h { background:#fff; padding:18px 20px; }
.an-servico-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.an-servico-item { display:flex; align-items:flex-start; gap:10px; padding:11px; background:#f4f4f5; border-radius:4px; }
.an-servico-icon { color:#52525b; flex-shrink:0; margin-top:1px; }
.an-servico-body { display:flex; flex-direction:column; gap:2px; }
.an-servico-label { font-size:10px; font-weight:600; letter-spacing:.07em; color:#a1a1aa; text-transform:uppercase; }
.an-servico-value { font-family:var(--an-font-body); font-size:.8rem; font-weight:700; color:#0a0a0a; }
.an-val-up { font-size:10px; color:#16a34a; font-weight:600; }

/* ══ EM DESTAQUE ══════════════════════════════════════════ */
.an-emdestaque-zone { background:#0a0a0a; padding:36px 0; }
.an-deq-header { display:flex; align-items:center; border-bottom:1px solid #222; padding-bottom:12px; margin-bottom:20px; }
.an-deq-title { font-family:var(--an-font-body); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#fff; margin:0; display:flex; align-items:center; gap:10px; }
.an-deq-title::before { content:''; display:block; width:18px; height:3px; background:var(--an-red); border-radius:1px; }
.an-deq-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:2px; background:#1a1a1a; }
.an-deq-main { background:#111; padding-bottom:18px; }
.an-deq-main-img { overflow:hidden; aspect-ratio:16/9; margin-bottom:14px; }
.an-deq-main-img img { width:100%; height:100%; object-fit:cover; display:block; opacity:.82; transition:transform .45s ease,opacity .3s; }
.an-deq-main:hover .an-deq-main-img img { transform:scale(1.03); opacity:1; }
.an-deq-main .an-deq-cat,
.an-deq-main-title,
.an-deq-excerpt { padding-left:16px; padding-right:16px; display:block; }
.an-deq-cat { font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--an-red); text-decoration:none; margin-bottom:6px; }
.an-deq-main-title { font-family:var(--an-font-body); font-weight:800; font-size:clamp(1rem,1.5vw,1.4rem); line-height:1.2; color:#fff; letter-spacing:-.02em; margin:0 0 8px; }
.an-deq-main-title a { color:inherit; text-decoration:none; }
.an-deq-main-title a:hover { text-decoration:underline; }
.an-deq-excerpt { font-size:.8rem; line-height:1.5; color:#888; }
.an-deq-secs { background:#111; display:flex; flex-direction:column; gap:2px; }
.an-deq-item { background:#0e0e0e; display:flex; gap:12px; padding:13px; flex:1; transition:background .15s; }
.an-deq-item:hover { background:#161616; }
.an-deq-item-img { flex-shrink:0; width:78px; overflow:hidden; aspect-ratio:4/3; border-radius:3px; }
.an-deq-item-img img { width:100%; height:100%; object-fit:cover; display:block; opacity:.78; transition:opacity .3s; }
.an-deq-item:hover .an-deq-item-img img { opacity:1; }
.an-deq-item-body { flex:1; display:flex; flex-direction:column; gap:3px; }
.an-deq-item-title { font-family:var(--an-font-body); font-weight:600; font-size:.8rem; line-height:1.35; color:#d0d0d8; margin:0; }
.an-deq-item-title a { color:inherit; text-decoration:none; }
.an-deq-item-title a:hover { color:#fff; text-decoration:underline; }

/* ══ VÍDEOS ═══════════════════════════════════════════════ */
.an-videos-zone { padding:32px 0; background:#fff; border-top:1px solid #e4e4e7; }
.an-vid-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:2px; background:#d0d0d0; }
.an-vid-main { background:#fff; }
.an-vid-thumb { position:relative; overflow:hidden; aspect-ratio:16/9; display:block; background:#111; }
.an-vid-thumb a { display:block; width:100%; height:100%; }
.an-vid-thumb img { width:100%; height:100%; object-fit:cover; display:block; opacity:.82; transition:transform .45s ease,opacity .3s; }
.an-vid-main:hover .an-vid-thumb img,
.an-vid-sec-item:hover .an-vid-thumb img { transform:scale(1.03); opacity:1; }
.an-vid-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:48px; height:48px; background:rgba(0,0,0,.62); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s,transform .2s; pointer-events:none; }
.an-vid-thumb:hover .an-vid-play { background:var(--an-red); transform:translate(-50%,-50%) scale(1.08); }
.an-vid-play--sm { width:32px; height:32px; }
.an-vid-body { padding:13px 15px; }
.an-vid-main-title { font-family:var(--an-font-body); font-weight:700; font-size:clamp(.88rem,1.2vw,1.1rem); line-height:1.3; color:#0a0a0a; margin:6px 0 5px; }
.an-vid-main-title a { color:inherit; text-decoration:none; }
.an-vid-main-title a:hover { text-decoration:underline; }
.an-vid-excerpt { font-size:.8rem; color:#52525b; line-height:1.5; margin:0; }
.an-vid-secs { background:#d0d0d0; display:flex; flex-direction:column; gap:2px; }
.an-vid-sec-item { background:#fff; display:flex; gap:11px; padding:11px; flex:1; }
.an-vid-thumb--sm { flex-shrink:0; width:116px; aspect-ratio:16/9; }
.an-vid-sec-body { flex:1; display:flex; flex-direction:column; gap:3px; }
.an-vid-sec-title { font-family:var(--an-font-body); font-weight:600; font-size:.8rem; line-height:1.35; color:#0a0a0a; margin:0; }
.an-vid-sec-title a { color:inherit; text-decoration:none; }
.an-vid-sec-title a:hover { text-decoration:underline; }

/* ── NEWSLETTER ──────────────────────────────────────── */
.an-newsletter-zone { background:#0a0a0a; padding:36px 0; }
.an-newsletter-inner { display:flex; align-items:center; gap:48px; }
.an-newsletter-copy { flex:1; }
.an-newsletter-title { font-family:var(--an-font-body); font-weight:700; font-size:1.15rem; color:#fff; margin:0 0 4px; }
.an-newsletter-sub { font-size:.8125rem; color:#888; margin:0; }
.an-newsletter-form { display:flex; gap:8px; flex:1; max-width:440px; }
.an-newsletter-form input { flex:1; padding:10px 13px; font-size:.8125rem; border:1px solid #252525; background:#181818; color:#fff; border-radius:3px; outline:none; font-family:var(--an-font-body); }
.an-newsletter-form input:focus { border-color:var(--an-red); }
.an-newsletter-form button { padding:10px 18px; background:var(--an-red); color:#fff; font-family:var(--an-font-body); font-weight:700; font-size:.8rem; border:none; cursor:pointer; border-radius:3px; transition:opacity .15s; white-space:nowrap; }
.an-newsletter-form button:hover { opacity:.82; }

/* ── CRÉDITO DESENVOLVIMENTO ──────────────────────── */
#an-dev-credit { background:#070707; border-top:1px solid #181818; padding:10px 0; text-align:center; }
#an-dev-credit p { font-family:var(--an-font-body); font-size:11px; color:#444; margin:0; letter-spacing:.02em; line-height:1.5; }

/* ══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width:1100px) {
  .an-ts3-grid { grid-template-columns:minmax(0,55fr) minmax(0,27fr) minmax(0,18fr); }
  .an-agora24h-feed { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .an-ts3-grid { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
  .an-ts3-text { display:none; }
  .an-az3-layout { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
  .an-az3-list { display:none; }
  .an-tools-inner { grid-template-columns:1fr; }
  .an-deq-grid { grid-template-columns:1fr; }
  .an-vid-grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
  .an-ts3-grid { grid-template-columns:1fr; }
  .an-ts3-visuals { flex-direction:row; }
  .an-ts3-vis-item { flex:1; }
  .an-agora24h-inner { grid-template-columns:1fr; gap:12px 0; }
  .an-agora24h-brand { flex-direction:row; border-right:none; border-bottom:2px solid var(--an-red); padding-right:0; padding-bottom:10px; min-width:unset; justify-content:flex-start; }
  .an-agora24h-brandtext { writing-mode:horizontal-tb; transform:none; font-size:10px; }
  .an-agora24h-feed { grid-template-columns:1fr; }
  .an-agora24h-item:nth-child(even) { padding-left:0; border-left:none; }
  .an-agora24h-more { padding-left:0; border-left:none; }
  .an-az3-layout { grid-template-columns:1fr; }
  .an-deq-grid { grid-template-columns:1fr; }
  .an-vid-grid { grid-template-columns:1fr; }
  .an-newsletter-inner { flex-direction:column; gap:18px; }
  .an-newsletter-form { max-width:100%; }
  .an-servico-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .an-ts3-visuals { flex-direction:column; }
  .an-ts3-grid { min-height:unset; }
  .an-servico-grid { grid-template-columns:1fr; }
  .an-vid-sec-item { flex-direction:column; }
  .an-vid-thumb--sm { width:100%; }
  .an-emalta-num { font-size:16px; width:24px; }
  .an-deq-item { flex-direction:column; }
  .an-deq-item-img { width:100%; aspect-ratio:16/9; }
}

/* ============================================================
   BLOCO v4 — HEADER PRETO + PORTAL COMPLETO
   ============================================================ */

/* --- HEADER PRINCIPAL PRETO --- */
.an-main-header {
  background: #080808 !important;
  border-bottom: 1px solid #1a1a1a !important;
}
.an-main-header-inner {
  align-items: center;
}
/* Logo visível em fundo preto */
.an-logo-img {
  max-height: 56px !important;
  width: auto !important;
  display: block !important;
}
.an-logo-text {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
}
/* Slot de publicidade ultra-discreto */
.an-ad-header {
  background: transparent !important;
  border: none !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
}
.an-ad-header span {
  font-size: 9px !important;
  color: #2a2a2a !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 600;
}
/* Ações no header: botões brancos/cinza */
.an-search-btn {
  color: #9ca3af !important;
  background: none !important;
}
.an-search-btn:hover {
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  border-radius: 4px;
}
/* Botão ÚLTIMAS */
.an-ultimasbtn {
  background: var(--an-red) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  border: none !important;
  padding: 6px 12px !important;
  border-radius: 3px !important;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: background .2s;
}
.an-ultimasbtn::before {
  content: '';
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #fff;
  animation: an-agora-pulse 1.4s ease-in-out infinite;
  flex-shrink: 0;
}
.an-ultimasbtn:hover { background: #c0392b !important; }
/* Topbar super fino e escuro */
.an-topbar {
  background: #0a0a0a !important;
  border-bottom: 1px solid #161616 !important;
  padding: 4px 0 !important;
  font-size: 10px !important;
  color: #5a5a5a !important;
}
.an-topbar-date { color: #4a4a4a !important; font-size: 10px !important; }
.an-topbar-sep  { color: #2a2a2a !important; }
.an-topbar-city { color: #4a4a4a !important; font-size: 10px !important; }
.an-topbar-social { color: #4a4a4a !important; font-size: 9px !important; font-weight: 700; }
.an-topbar-social:hover { color: #9ca3af !important; }

/* ── TICKER DE ÚLTIMAS NOTÍCIAS ─────────────────────────────────────────────── */
@keyframes an-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.an-ticker {
  display: flex;
  align-items: center;
  height: 34px;
  background: #080808;
  border-top: 1px solid #161616;
  border-bottom: 1px solid #161616;
  overflow: hidden;
}
.an-ticker-label {
  flex: 0 0 auto;
  white-space: nowrap;
  background: var(--an-red);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: var(--an-font-body);
  padding: 0 14px;
  height: 100%;
  display: flex;
  align-items: center;
}
.an-ticker-viewport {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.an-ticker-viewport::before,
.an-ticker-viewport::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 28px;
  z-index: 2;
  pointer-events: none;
}
.an-ticker-viewport::before { left: 0; background: linear-gradient(to right, #080808, transparent); }
.an-ticker-viewport::after  { right: 0; background: linear-gradient(to left, #080808, transparent); }
.an-ticker-track {
  display: flex;
  align-items: center;
  width: max-content;
  white-space: nowrap;
  height: 100%;
  animation: an-ticker-scroll 45s linear infinite;
}
.an-ticker:hover .an-ticker-track { animation-play-state: paused; }
.an-ticker-item {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 0 28px 0 0;
  font-size: 12px;
  font-family: var(--an-font-body);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.an-ticker-item::before {
  content: '\25CF';
  color: var(--an-red);
  font-size: 5px;
  flex-shrink: 0;
  line-height: 1;
}
.an-ticker-item a {
  color: #c9cdd6;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.an-ticker-item a:hover { color: #fff; }
@media (prefers-reduced-motion: reduce) {
  .an-ticker-track { animation: none; }
  .an-ticker-viewport { overflow-x: auto; scrollbar-width: none; }
  .an-ticker-viewport::-webkit-scrollbar { display: none; }
}
/* Nav editorial: separação sutil do header preto */
.an-editorial-nav {
  background: #0d0d12 !important;
  border-bottom: 2px solid var(--an-red) !important;
  border-top: 1px solid #1e1e28 !important;
}

/* ============================================================
   SINGLE.PHP — ARTIGO COMPLETO
   ============================================================ */
.an-single-wrap {
  max-width: 860px;
  margin: 0 auto;
  padding: 32px 20px 56px;
}
.an-single-editoria {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--an-red);
  text-decoration: none;
  margin-bottom: 10px;
}
.an-single-title {
  font-family: var(--an-font-body);
  font-size: clamp(1.55rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.03em;
  color: #0a0a0a;
  margin: 0 0 14px;
}
.an-single-subtitle {
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 400;
  color: #444;
  line-height: 1.55;
  margin: 0 0 18px;
  border-left: 3px solid var(--an-red);
  padding-left: 14px;
}
.an-single-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.an-single-author-link {
  color: #0a0a0a;
  font-weight: 700;
  text-decoration: none;
}
.an-single-author-link:hover { color: var(--an-red); }
.an-single-readtime { color: #9ca3af; }
/* Share bar */
.an-share-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  flex-wrap: wrap;
}
.an-share-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #9ca3af;
  text-transform: uppercase;
  margin-right: 4px;
}
.an-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
  color: #fff;
}
.an-share-btn:hover { opacity: .85; }
.an-share-wa  { background: #25D366; }
.an-share-fb  { background: #1877F2; }
.an-share-tw  { background: #000; }
.an-share-copy {
  background: none;
  border: 1px solid #d1d5db;
  color: #374151;
  cursor: pointer;
  padding: 5px 12px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  transition: border-color .2s, background .2s;
}
.an-share-copy:hover { border-color: #6b7280; background: #f9fafb; }
/* Imagem destaque */
.an-single-hero {
  margin: 0 0 28px;
  border-radius: 3px;
  overflow: hidden;
}
.an-single-hero img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.an-single-hero-caption {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 6px;
  line-height: 1.5;
}
/* Corpo do artigo */
.an-single-body {
  font-size: clamp(1rem, 1.4vw, 1.1rem);
  line-height: 1.75;
  color: #1a1a1a;
  max-width: 720px;
}
.an-single-body p { margin: 0 0 1.4em; }
.an-single-body h2 {
  font-size: clamp(1.15rem, 1.8vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -.025em;
  margin: 1.8em 0 .6em;
  color: #080808;
}
.an-single-body h3 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  margin: 1.5em 0 .5em;
  color: #111;
}
.an-single-body blockquote {
  margin: 1.6em 0;
  padding: 12px 20px;
  border-left: 4px solid var(--an-red);
  background: #f9f9f9;
  font-style: italic;
  font-size: 1.05em;
  color: #374151;
}
.an-single-body a {
  color: var(--an-red);
  text-decoration: underline;
  text-underline-offset: 2px;
}
/* Leia Também */
.an-leiatabem {
  margin: 28px 0;
  padding: 16px 18px;
  background: #f4f4f4;
  border-left: 4px solid var(--an-red);
  border-radius: 2px;
}
.an-leiatabem-label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  color: var(--an-red);
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.an-leiatabem-list {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.an-leiatabem-list li a {
  font-size: 13px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  line-height: 1.4;
}
.an-leiatabem-list li a:hover { color: var(--an-red); }
.an-leiatabem-list li a::before {
  content: '→ ';
  color: var(--an-red);
  font-weight: 800;
}
/* Slot de anúncio dentro do artigo */
.an-ad-inline {
  width: 100%;
  min-height: 90px;
  background: #f4f4f4;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0;
}
.an-ad-inline span {
  font-size: 9px;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
}
/* Tags */
.an-single-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 28px 0 0;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}
.an-single-tag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #374151;
  background: #f3f4f6;
  padding: 4px 10px;
  border-radius: 2px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.an-single-tag:hover { background: #0a0a0a; color: #fff; }
/* Card do autor */
.an-author-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin: 32px 0;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #eee;
}
.an-author-card-avatar {
  width: 64px; height: 64px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: #e5e7eb;
}
.an-author-card-name {
  font-size: 14px;
  font-weight: 800;
  color: #0a0a0a;
  margin: 0 0 4px;
  display: block;
}
.an-author-card-bio {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.55;
  margin: 0;
}
/* Relacionadas */
.an-related {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 2px solid #0a0a0a;
}
.an-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
}
.an-related-item a {
  text-decoration: none;
  color: inherit;
  display: block;
}
.an-related-item img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  border-radius: 2px;
  margin-bottom: 8px;
}
.an-related-title {
  font-size: 13px;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
  transition: color .15s;
}
.an-related-item a:hover .an-related-title { color: var(--an-red); }

/* ============================================================
   CATEGORY.PHP
   ============================================================ */
.an-cat-wrap { max-width: 1200px; margin: 0 auto; padding: 28px 20px 56px; }
.an-cat-hero { margin-bottom: 28px; }
.an-cat-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,3fr) minmax(0,2fr);
  gap: 2px;
  background: #d0d0d0;
  margin-bottom: 2px;
}
.an-cat-main-img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.an-cat-main-body { padding: 20px; background: #fff; }
.an-cat-main-title {
  font-size: clamp(1.1rem, 1.8vw, 1.6rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.25;
  color: #080808;
  margin: 8px 0 10px;
}
.an-cat-secs { display: flex; flex-direction: column; gap: 2px; background: #d0d0d0; }
.an-cat-sec-item { background: #fff; padding: 14px; display: flex; gap: 12px; align-items: flex-start; }
.an-cat-sec-thumb { width: 80px; height: 60px; flex-shrink: 0; border-radius: 2px; overflow: hidden; }
.an-cat-sec-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.an-cat-sec-title { font-size: 13px; font-weight: 700; line-height: 1.4; color: #111; }
.an-cat-sec-title:hover { color: var(--an-red); }
/* Feed cronológico da categoria */
.an-cat-feed { margin-top: 28px; }
.an-cat-feed-item {
  display: flex;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
  align-items: flex-start;
}
.an-cat-feed-thumb { width: 100px; height: 70px; flex-shrink: 0; border-radius: 2px; overflow: hidden; }
.an-cat-feed-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.an-cat-feed-title { font-size: 15px; font-weight: 700; color: #111; line-height: 1.4; text-decoration: none; }
.an-cat-feed-title:hover { color: var(--an-red); }
.an-cat-feed-meta { font-size: 11px; color: #9ca3af; margin-top: 5px; }
/* Paginação */
.an-pagination {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  gap: 4px;
  flex-wrap: wrap;
}
.an-pagination a,
.an-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px; height: 36px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #e5e7eb;
  color: #374151;
  transition: background .15s, color .15s;
}
.an-pagination .current,
.an-pagination a:hover {
  background: #0a0a0a;
  color: #fff;
  border-color: #0a0a0a;
}

/* ============================================================
   ÚLTIMAS NOTÍCIAS
   ============================================================ */
.an-ultimas-wrap { max-width: 860px; margin: 0 auto; padding: 28px 20px 56px; }
.an-ultimas-list { margin-top: 20px; }
.an-ultimas-item {
  display: grid;
  grid-template-columns: 56px minmax(0,1fr);
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
  align-items: start;
}
.an-ultimas-time {
  font-size: 11px;
  font-weight: 800;
  color: var(--an-red);
  font-variant-numeric: tabular-nums;
  padding-top: 3px;
  white-space: nowrap;
}
.an-ultimas-title { font-size: 15px; font-weight: 700; line-height: 1.4; }
.an-ultimas-title a { color: #111; text-decoration: none; }
.an-ultimas-title a:hover { color: var(--an-red); }
.an-ultimas-cat { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--an-red); margin-bottom: 4px; }

/* ============================================================
   SEARCH.PHP
   ============================================================ */
.an-search-wrap { max-width: 860px; margin: 0 auto; padding: 28px 20px 56px; }
.an-search-result-item {
  display: flex;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
  align-items: flex-start;
}
.an-search-result-thumb { width: 110px; height: 75px; flex-shrink: 0; border-radius: 2px; overflow: hidden; }
.an-search-result-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.an-search-result-cat { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--an-red); margin-bottom: 4px; }
.an-search-result-title { font-size: 15px; font-weight: 700; color: #111; line-height: 1.4; text-decoration: none; display: block; margin-bottom: 5px; }
.an-search-result-title:hover { color: var(--an-red); }
.an-search-result-summary { font-size: 12px; color: #6b7280; line-height: 1.55; margin-bottom: 5px; }
.an-search-result-date { font-size: 11px; color: #9ca3af; }

/* ============================================================
   404.PHP
   ============================================================ */
.an-404-wrap {
  max-width: 640px;
  margin: 60px auto;
  padding: 0 20px;
  text-align: center;
}
.an-404-code {
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 800;
  color: #e5e7eb;
  letter-spacing: -.06em;
  line-height: 1;
  margin: 0 0 12px;
}
.an-404-title { font-size: 1.5rem; font-weight: 800; color: #0a0a0a; margin: 0 0 10px; }
.an-404-text { font-size: 14px; color: #6b7280; margin: 0 0 24px; line-height: 1.6; }
.an-404-search { max-width: 420px; margin: 0 auto 28px; }
.an-404-search .search-form { display: flex; gap: 8px; }
.an-404-search input[type="search"] {
  flex: 1;
  padding: 10px 14px;
  border: 1.5px solid #d1d5db;
  border-radius: 3px;
  font-size: 14px;
  outline: none;
}
.an-404-search input[type="search"]:focus { border-color: #0a0a0a; }
.an-404-search button {
  padding: 10px 18px;
  background: var(--an-red);
  color: #fff;
  border: none;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.an-404-recent { text-align: left; margin-top: 20px; }
.an-404-recent-item { padding: 10px 0; border-bottom: 1px solid #f0f0f0; }
.an-404-recent-item a { font-size: 13px; font-weight: 700; color: #111; text-decoration: none; }
.an-404-recent-item a:hover { color: var(--an-red); }

/* ============================================================
   FOOTER COMPLETO
   ============================================================ */
#an-footer-main {
  background: #080808;
  color: #9ca3af;
  padding: 48px 0 0;
  border-top: 2px solid var(--an-red);
}
.an-footer-inner {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 40px;
}
.an-footer-brand {}
.an-footer-logo {
  display: block;
  margin-bottom: 14px;
  max-width: 160px;
}
.an-footer-logo img { max-height: 48px; width: auto; filter: brightness(1.2); }
.an-footer-tagline {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.6;
  margin: 0 0 16px;
  max-width: 260px;
}
.an-footer-socials { display: flex; gap: 10px; flex-wrap: wrap; }
.an-footer-social-btn {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #6b7280;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid #2a2a2a;
  border-radius: 3px;
  transition: border-color .15s, color .15s;
}
.an-footer-social-btn:hover { border-color: #9ca3af; color: #d1d5db; }
.an-footer-col-title {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #1e1e1e;
}
.an-footer-links {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.an-footer-links a {
  font-size: 12px;
  color: #6b7280;
  text-decoration: none;
  transition: color .15s;
}
.an-footer-links a:hover { color: #d1d5db; }
.an-footer-bottom {
  background: #040404;
  border-top: 1px solid #111;
  padding: 14px 0;
}
.an-footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.an-footer-copy {
  font-size: 11px;
  color: #9ca3af;  /* cinza claro legível sobre fundo #040404 */
  margin: 0;
}
.an-footer-copy a { color: #d1d5db; text-decoration: none; }
.an-footer-copy a:hover { color: #f3f4f6; }

/* ============================================================
   RESPONSIVE — v4
   ============================================================ */
@media (max-width:1024px) {
  .an-footer-inner { grid-template-columns: 1fr 1fr; gap: 24px; }
  .an-related-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width:768px) {
  .an-single-wrap { padding: 20px 16px 40px; }
  .an-single-title { font-size: 1.4rem; }
  .an-cat-hero-grid { grid-template-columns: 1fr; }
  .an-related-grid { grid-template-columns: 1fr; }
  .an-footer-inner { grid-template-columns: 1fr; gap: 20px; }
  .an-footer-bottom-inner { flex-direction: column; text-align: center; }
}
@media (max-width:480px) {
  .an-share-bar { gap: 5px; }
  .an-share-btn { padding: 5px 8px; font-size: 10px; }
  .an-ultimas-item { grid-template-columns: 48px 1fr; gap: 10px; }
  .an-cat-feed-thumb { width: 80px; height: 56px; }
  .an-search-result-thumb { width: 80px; height: 56px; }
}

/* ============================================================
   BLOCO v5 — MOBILE OFF-CANVAS + RESPONSIVIDADE COMPLETA
   ============================================================ */

/* ── Header Mobile (oculto em desktop) ── */
.an-mobile-header {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1100;
  background: #080808;
  border-bottom: 1px solid #1a1a1a;
}
.an-mobile-header-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  height: 52px;
}
.an-mobile-logo {
  flex: 1;
  display: flex;
  justify-content: center;
  text-decoration: none;
}
.an-mobile-logo img { max-height: 36px; width: auto; display: block; }
.an-mobile-logo span { font-size: 13px; font-weight: 800; color: #fff; letter-spacing: -.02em; }
.an-mobile-search-btn {
  color: #9ca3af;
  display: flex;
  align-items: center;
  padding: 6px;
  text-decoration: none;
  transition: color .15s;
}
.an-mobile-search-btn:hover { color: #fff; }

/* ── Hamburger ── */
.an-hamburger {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-shrink: 0;
}
.an-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #9ca3af;
  border-radius: 2px;
  transition: transform .25s ease, opacity .2s, background .15s;
  transform-origin: center;
}
.an-hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); background:#fff; }
.an-hamburger.is-open span:nth-child(2) { opacity: 0; }
.an-hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); background:#fff; }

/* ── Overlay ── */
.an-offcanvas-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  z-index: 1150;
  backdrop-filter: blur(2px);
}
.an-offcanvas-overlay.is-open { display: block; }

/* ── Painel Off-Canvas ── */
.an-offcanvas {
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: 300px;
  max-width: 88vw;
  background: #0a0a0a;
  z-index: 1200;
  transform: translateX(-100%);
  transition: transform .3s cubic-bezier(.4,0,.2,1);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.an-offcanvas.is-open { transform: translateX(0); }
.an-offcanvas-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #1a1a1a;
  flex-shrink: 0;
}
.an-offcanvas-close {
  background: none;
  border: none;
  cursor: pointer;
  color: #6b7280;
  padding: 4px;
  transition: color .15s;
}
.an-offcanvas-close:hover { color: #fff; }
.an-offcanvas-nav {
  list-style: none;
  margin: 0; padding: 8px 0;
  flex: 1;
}
.an-offcanvas-nav li { border-bottom: 1px solid #111; }
.an-offcanvas-nav li:first-child a {
  color: var(--an-red);
  font-weight: 800;
}
.an-offcanvas-nav a {
  display: block;
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #d1d5db;
  text-decoration: none;
  transition: background .15s, color .15s;
  letter-spacing: .01em;
}
.an-offcanvas-nav a:hover { background: #161616; color: #fff; }
.an-offcanvas-socials {
  padding: 16px 20px 24px;
  border-top: 1px solid #1a1a1a;
  flex-shrink: 0;
}
.an-offcanvas-socials-label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #4a4a4a;
  margin: 0 0 10px;
}
.an-offcanvas-social-row { display: flex; gap: 8px; flex-wrap: wrap; }
.an-offcanvas-social-row a {
  font-size: 10px;
  font-weight: 800;
  color: #6b7280;
  text-decoration: none;
  padding: 5px 10px;
  border: 1px solid #2a2a2a;
  border-radius: 3px;
  transition: border-color .15s, color .15s;
}
.an-offcanvas-social-row a:hover { border-color: #6b7280; color: #d1d5db; }

/* ── Link Trezze no footer — visível sobre fundo escuro ── */
.an-footer-copy a {
  color: #d1d5db;
  text-decoration: none;
  border-bottom: 1px solid #3a3a3a;
  transition: color .2s, border-color .2s;
}
.an-footer-copy a:hover { color: #f3f4f6; border-color: #6b7280; }

/* ============================================================
   RESPONSIVIDADE COMPLETA — todas as resoluções
   ============================================================ */

/* 1920px+ — conteúdo centralizado, max-width já cobre */
@media (min-width:1920px) {
  .an-container { max-width: 1480px; }
  .an-ts3-main-title { font-size: 2rem; }
}

/* 1440px */
@media (max-width:1440px) {
  .an-container { max-width: 1280px; padding: 0 24px; }
}

/* 1366px */
@media (max-width:1366px) {
  .an-container { max-width: 1200px; }
  .an-ts3-main-title { font-size: clamp(1.1rem, 1.6vw, 1.65rem); }
}

/* 1024px — tablet landscape */
@media (max-width:1024px) {
  .an-ts3-grid { grid-template-columns: minmax(0,58fr) minmax(0,42fr); }
  .an-ts3-text { display: none; }
  .an-az3-layout { grid-template-columns: minmax(0,55fr) minmax(0,45fr); }
  .an-az3-list { display: none; }
  .an-tools-inner { grid-template-columns: 1fr; }
  .an-footer-inner { grid-template-columns: 1fr 1fr; gap: 24px; }
  .an-related-grid { grid-template-columns: 1fr 1fr; }
  .an-cat-hero-grid { grid-template-columns: 1fr 1fr; }
}

/* 768px — tablet portrait: desktop header → mobile header */
@media (max-width:768px) {
  /* Mostrar header mobile, ocultar desktop */
  .an-mobile-header { display: block; }
  .an-topbar,
  .an-main-header,
  .an-editorial-nav { display: none !important; }
  .an-ticker { height: 32px; }
  .an-ticker-label { font-size: 9px; padding: 0 10px; letter-spacing: 0.05em; }
  .an-ticker-item { padding: 0 20px 0 0; gap: 6px; }
  .an-ticker-item a { max-width: 280px; }
  .an-ticker-track { animation-duration: 35s; }

  /* Homepage grids */
  .an-ts3-grid { grid-template-columns: 1fr; gap: 1px; }
  .an-ts3-visuals { display: none; }
  .an-agora24h-inner { grid-template-columns: 1fr; }
  .an-agora24h-brand { display: none; }
  .an-agora24h-feed { grid-template-columns: 1fr; }
  .an-az3-layout { grid-template-columns: 1fr; }
  .an-az3-mid { display: none; }
  .an-tools-inner { grid-template-columns: 1fr; }
  .an-deq-grid { grid-template-columns: 1fr; }
  .an-deq-secs { display: none; }
  .an-vid-grid { grid-template-columns: 1fr; }
  .an-vid-secs { display: none; }

  /* Tipografia */
  .an-ts3-main-title { font-size: 1.3rem; }
  .an-single-title { font-size: 1.35rem; }
  .an-cat-main-title { font-size: 1.1rem; }
  .an-cat-hero-grid { grid-template-columns: 1fr; }
  .an-cat-secs { flex-direction: column; }

  /* Footer */
  .an-footer-inner { grid-template-columns: 1fr; gap: 18px; }
  .an-footer-bottom-inner { flex-direction: column; text-align: center; gap: 6px; }

  /* Related */
  .an-related-grid { grid-template-columns: 1fr; }

  /* Single body */
  .an-single-wrap { padding: 16px 14px 36px; }
  .an-single-body { font-size: 1rem; }
}

/* 480px — mobile médio */
@media (max-width:480px) {
  .an-container { padding: 0 12px; }
  .an-share-bar { gap: 5px; }
  .an-share-btn { padding: 5px 8px; font-size: 10px; gap: 3px; }
  .an-share-copy { padding: 4px 8px; font-size: 10px; }
  .an-ultimas-item { grid-template-columns: 44px 1fr; gap: 8px; }
  .an-cat-feed-thumb { width: 72px; height: 52px; }
  .an-search-result-thumb { width: 72px; height: 52px; }
  .an-author-card { flex-direction: column; align-items: flex-start; }
  .an-author-card-avatar { width: 52px; height: 52px; }
  .an-404-code { font-size: 5rem; }
  .an-emalta-list { display: none; }
  .an-ts3-main-title { font-size: 1.15rem; }
  .an-agora24h-feed { grid-template-columns: 1fr; }
  .an-newsletter-zone form { flex-direction: column; }
}

/* 414px — iPhone Plus */
@media (max-width:414px) {
  .an-mobile-header-inner { padding: 0 10px; }
  .an-offcanvas { width: 280px; }
  .an-single-hero { margin-left: -14px; margin-right: -14px; }
}

/* 390px — iPhone 14 */
@media (max-width:390px) {
  .an-ts3-main-body { padding: 10px; }
  .an-deq-main-body { padding: 10px; }
}

/* 360px — Android base */
@media (max-width:360px) {
  .an-container { padding: 0 10px; }
  .an-mobile-header-inner { gap: 8px; }
  .an-single-title { font-size: 1.1rem; }
  .an-offcanvas { width: 270px; }
}

/* Previne scroll horizontal em qualquer resolução */
html, body { overflow-x: hidden; max-width: 100%; }
img { max-width: 100%; height: auto; }
* { box-sizing: border-box; }

/* Lazy load — evitar CLS na imagem LCP */
.an-ts3-main-img img,
.an-mobile-logo img { loading: eager; }

/* Focus visível para acessibilidade */
:focus-visible {
  outline: 2px solid var(--an-red);
  outline-offset: 2px;
}
a:focus-visible, button:focus-visible { outline: 2px solid var(--an-red); outline-offset: 2px; }

/* Skip link */
.an-skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--an-red);
  color: #fff;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 700;
  z-index: 9999;
  transition: top .2s;
}
.an-skip-link:focus { top: 0; }

/* ============================================================
   ACABAMENTO VISUAL — adições Fase 15
   ============================================================ */

/* Focus-visible refinement */
:focus-visible {
  outline: 2px solid var(--an-red);
  outline-offset: 3px;
  border-radius: 2px;
}
:focus:not(:focus-visible) { outline: none; }

/* ── single.php: atualização ─────────────────────── */
.an-single-updated {
  color: var(--an-red);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
}

/* ── category.php: mais da editoria ─────────────── */
.an-cat-morewrap {
  text-align: center;
  padding: 32px 0 8px;
}
.an-cat-more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--an-font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--an-red);
  border: 2px solid var(--an-red);
  padding: 10px 24px;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.an-cat-more-link:hover {
  background: var(--an-red);
  color: #fff;
}

/* ── page-ultimas.php: thumbnail ────────────────── */
.an-ultimas-item {
  display: grid;
  grid-template-columns: 52px 80px 1fr;
  gap: 12px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid #e8e8e8;
}
.an-ultimas-thumb-link,
.an-ultimas-thumb-empty { display: block; }
.an-ultimas-thumb {
  width: 80px;
  height: 54px;
  object-fit: cover;
  display: block;
}
.an-ultimas-thumb-empty {
  width: 80px;
  height: 54px;
  background: #f0f0f0;
}
.an-ultimas-cat {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--an-red);
  text-decoration: none;
  margin-bottom: 4px;
}
.an-ultimas-excerpt {
  font-size: 12px;
  color: var(--an-muted);
  line-height: 1.4;
  margin: 4px 0 0;
}

/* ── search.php additions ───────────────────────── */
.an-search-form-wrap {
  max-width: 560px;
  margin: 0 auto 32px;
}
.an-search-result-cat {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--an-red);
  text-decoration: none;
  margin-bottom: 4px;
}
.an-search-empty-link {
  display: inline-block;
  margin-top: 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--an-red);
  text-decoration: underline;
}

/* ── author.php ─────────────────────────────────── */
.an-author-wrap { max-width: 860px; margin: 0 auto; padding: 0 16px 64px; }
.an-author-profile {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 40px 0 32px;
  border-bottom: 2px solid #e8e8e8;
  margin-bottom: 40px;
}
.an-author-profile-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.an-author-profile-name {
  font-family: var(--an-font-head);
  font-size: 26px;
  font-weight: 700;
  color: var(--an-dark);
  margin: 0 0 6px;
}
.an-author-profile-bio {
  font-size: 14px;
  line-height: 1.6;
  color: var(--an-muted);
  margin: 0 0 14px;
}
.an-author-profile-links { display: flex; flex-wrap: wrap; gap: 12px; }
.an-author-social-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--an-muted);
  text-decoration: none;
  border: 1px solid #ddd;
  padding: 5px 12px;
  border-radius: 2px;
  transition: color .2s, border-color .2s;
}
.an-author-social-link:hover { color: var(--an-red); border-color: var(--an-red); }
.an-author-feed-title {
  font-family: var(--an-font-head);
  font-size: 18px;
  font-weight: 700;
  color: var(--an-dark);
  margin: 0 0 24px;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--an-red);
  display: inline-block;
}
.an-author-empty {
  font-size: 14px;
  color: var(--an-muted);
  padding: 24px 0;
}
.an-author-content { padding-bottom: 40px; }

/* ── 404.php ────────────────────────────────────── */
.an-404-wrap { max-width: 700px; margin: 0 auto; padding: 60px 16px 80px; text-align: center; }
.an-404-hero { margin-bottom: 40px; }
.an-404-code {
  display: block;
  font-family: var(--an-font-head);
  font-size: clamp(72px, 15vw, 140px);
  font-weight: 900;
  line-height: 1;
  color: var(--an-red);
  letter-spacing: -.04em;
  margin-bottom: 16px;
}
.an-404-title {
  font-family: var(--an-font-head);
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 700;
  color: var(--an-dark);
  margin: 0 0 12px;
}
.an-404-msg {
  font-size: 15px;
  color: var(--an-muted);
  line-height: 1.6;
  max-width: 480px;
  margin: 0 auto;
}
.an-404-search { margin-bottom: 40px; }
.an-404-search .search-form { display: flex; gap: 8px; max-width: 480px; margin: 0 auto; }
.an-404-search .search-field { flex: 1; padding: 10px 14px; border: 2px solid #ddd; font-size: 14px; }
.an-404-search .search-submit { padding: 10px 20px; background: var(--an-red); color: #fff; font-size: 13px; font-weight: 700; border: none; cursor: pointer; }
.an-404-links {
  display: flex;
  gap: 48px;
  justify-content: center;
  text-align: left;
  margin-bottom: 48px;
  flex-wrap: wrap;
}
.an-404-section-title {
  font-family: var(--an-font-head);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--an-dark);
  margin: 0 0 12px;
}
.an-404-cat-list { display: flex; flex-direction: column; gap: 8px; }
.an-404-cat-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--an-red);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.an-404-cat-link::before { content: '\2192'; font-size: 12px; }
.an-404-cat-link:hover { text-decoration: underline; }
.an-404-recent-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.an-404-recent-list li a {
  font-size: 13px;
  color: var(--an-dark);
  text-decoration: none;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.an-404-recent-list li a:hover { color: var(--an-red); }
.an-404-cta { text-align: center; }
.an-btn-primary {
  display: inline-block;
  background: var(--an-red);
  color: #fff;
  font-family: var(--an-font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 12px 32px;
  text-decoration: none;
  transition: background .2s;
}
.an-btn-primary:hover { background: #c0001a; }

/* ── Mobile responsivo — novos elementos ─────────── */
@media (max-width: 600px) {
  .an-ultimas-item {
    grid-template-columns: 42px 64px 1fr;
    gap: 8px;
  }
  .an-ultimas-thumb,
  .an-ultimas-thumb-empty { width: 64px; height: 44px; }
  .an-author-profile { flex-direction: column; align-items: center; text-align: center; }
  .an-author-profile-links { justify-content: center; }
  .an-404-links { flex-direction: column; align-items: center; gap: 32px; }
}

/* ── page.php — páginas institucionais ─────────── */
.an-page-container { padding: 40px 0 64px; }
.an-page-article { max-width: var(--an-content, 720px); }
.an-page-title {
  font-family: var(--an-font-head);
  font-size: clamp(24px, 4vw, 40px);
  font-weight: 900;
  line-height: 1.1;
  color: var(--an-dark);
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 3px solid var(--an-dark);
}
.an-page-body {
  font-size: 16px;
  line-height: 1.75;
  color: #374151;
}
.an-page-body p { margin-bottom: 1.2em; }
.an-page-body h2 { font-family: var(--an-font-head); font-size: 22px; font-weight: 700; margin: 2em 0 .6em; }
.an-page-body h3 { font-family: var(--an-font-head); font-size: 18px; font-weight: 700; margin: 1.6em 0 .5em; }
.an-page-body ul, .an-page-body ol { padding-left: 24px; margin-bottom: 1em; }
.an-page-body a { color: var(--an-red); }

.an-footer-location { font-size: 10px; color: #2a2a2a; }

/* ============================================================
   MOBILE FIXES v1 — Correções exclusivas ≤768px
   Auditoria: 6 problemas identificados e corrigidos.
   NUNCA altera desktop (regras abaixo são 100% mobile-only).
   ============================================================ */

@media (max-width: 768px) {

  /* ── 1A. Suprimir título/identidade Kadence que possa vazar ── */
  .site-title,
  .site-description,
  .wp-site-title,
  .wp-block-site-title,
  .wp-block-site-logo,
  .site-branding,
  .site-branding-text { display: none !important; }

  /* ── 1B. Logo mobile: alinhado à esquerda, texto sempre branco ── */
  .an-mobile-logo {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
  .an-mobile-logo img {
    max-height: 36px;
    width: auto;
    display: block;
  }
  .an-mobile-logo span {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
    white-space: nowrap;
  }

  /* ── 2. Espaço entre header mobile e ticker ──
     Causa real: dois elementos sticky com top:0 disputam o mesmo
     ponto de ancoragem. .an-site-header (z-1000) ficava atrás do
     .an-mobile-header (z-1100), criando gap visual.
     Solução: deslocar o ponto de ancoragem do site-header para
     imediatamente abaixo do mobile header (52px = altura exata). ── */
  .an-site-header {
    top: 52px;            /* cola abaixo do .an-mobile-header */
    background: #080808; /* funde com o background do ticker */
    box-shadow: none;
  }

  /* ── 3. Thumbnails de cards secundários (Zona B — Top Stories) ──
     Causa: .an-ts3-visuals { display: none } em BLOCO v5 ≤768px.
     Solução: forçar display:flex em linha para mostrar as miniaturas. ── */
  .an-ts3-visuals {
    display: flex !important;
    flex-direction: row;
    gap: 1px;
    background: #d0d0d0;
  }
  .an-ts3-vis-item {
    flex: 1;
    min-width: 0;
  }
  .an-ts3-vis-img {
    aspect-ratio: 16/9;
    overflow: hidden;
    flex-shrink: 0;
  }
  .an-ts3-vis-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    visibility: visible !important;
  }

  /* ── 4. Responsividade geral ≤768px ── */
  /* Prevenir overflow horizontal em contêineres críticos */
  .an-container,
  .an-site-header,
  .an-mobile-header { overflow-x: hidden; }

  /* Thumbnails dos cards Amazonas (secondary) sempre visíveis */
  .an-amazonas-sec-image {
    display: block !important;
    flex-shrink: 0;
    overflow: hidden;
  }
  .an-amazonas-sec-image img {
    display: block !important;
    visibility: visible !important;
    width: 72px !important;
    height: 48px !important;
    object-fit: cover !important;
    opacity: 1 !important;
  }

  /* Imagens gerais: nunca maior que o viewport, nunca distorcidas */
  img {
    max-width: 100%;
    height: auto;
  }
  /* Exceção: imagens com dimensões fixas de card não herdam height:auto */
  .an-ts3-vis-img img,
  .an-amazonas-sec-image img { height: revert; }

  /* Âncoras: offset correto para dois headers empilhados */
  :target { scroll-margin-top: 90px; }

  /* ── 5. Ticker: sem overflow, label fixo à esquerda ── */
  .an-ticker {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .an-ticker-label {
    flex: 0 0 auto;
    flex-shrink: 0;
  }
  .an-ticker-viewport {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
  }

  /* ── 6. Footer: ocultar crédito Kadence residual ──
     Segurança adicional além da supressão PHP já existente. ── */
  .powered-by-kadence,
  .kadence-footer-credit,
  .kadence-footer-bottom-wrap,
  [class*="kadence-footer-credit"] { display: none !important; }
}

/* ── 3B. Zona B em coluna em telas muito pequenas ── */
@media (max-width: 480px) {
  .an-ts3-visuals {
    flex-direction: column !important;
  }
  .an-ts3-vis-item {
    flex: none;
    width: 100%;
  }
}
/* ── Fim MOBILE FIXES v1 ── */