/* ============================================================
   Goiania Urgente — SKIN (visual estilo NewsWeek/jornal moderno).
   Carrega DEPOIS de gth.css/home.css; sobrescreve cores e tipografia
   sem mexer na estrutura de grid herdada do GTH.
   Paleta: branco + vermelho (identidade Goiania Urgente).
   ============================================================ */

:root{
  /* redefine TODOS os tokens sepia do gth.css para o tema jornal claro */
  --paper:#ffffff;
  --paper2:#f6f6f6;
  --ink:#0e0e0e;
  --ink2:#3a3a3a;
  --red:#1E4682;        /* vermelho NewsWeek */
  --terra:#1E4682;      /* gth usa --terra nas tags/hover — vira vermelho */
  --gold:#1E4682;       /* destaque dourado -> vermelho */
  --green:#1E4682;      /* botoes da loja -> vermelho */
  --line:#e6e6e6;
  --muted:#8f8f8f;
}

/* ---- base / tipografia ---- */
body{
  background:#ffffff !important;
  color:var(--ink) !important;
  font-family:'Inter',Arial,Helvetica,sans-serif !important;
  line-height:1.5;
}
h1,h2,h3,h4,h5,h6,
.h-megatitle,.cat-head h3,.pc-wrap h3,.gca-title,.gth-subbar__title{
  font-family:'Inter Tight','Inter Condensed',Arial,sans-serif !important;
  font-weight:600;
  letter-spacing:.2px;
  color:var(--ink);
}

/* tags vermelhas chapadas, sem serifa.
   NB: .tag-out NAO entra aqui — e tag de contorno (outline), tratada abaixo. */
.tag,.gca-tag,.pc-tag,.col-tag,.st-tag,.sb-kicker,.gth-subbar__kicker{
  background:var(--red) !important;
  color:#fff !important;
  font-family:'Inter Tight',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.5px;
  text-transform:uppercase;
  border-radius:0 !important;
}

/* .tag-out = tag de contorno (hero byline, Ultimas): texto vermelho,
   fundo TRANSPARENTE, borda fina. Sem isso vira faixa vermelha vazia. */
.tag-out{
  background:transparent !important;
  color:var(--red) !important;
  border:1px solid var(--red) !important;
  border-radius:0 !important;
  font-family:'Inter Tight',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.5px;
  text-transform:uppercase;
  padding:1px 7px !important;
}

/* ---- header ---- */
.ghd-top{ background:#111 !important; color:#cfcfcf !important; }
.ghd-top a,.ghd-date,.ghd-mid{ color:#cfcfcf !important; }
.ghd-logo-text{
  font-family:'Inter Tight',sans-serif !important;
  font-weight:700 !important;
  color:var(--red) !important;
  text-transform:uppercase;
  letter-spacing:1px;
}
.ghd-nav-row{ border-top:1px solid var(--line); border-bottom:2px solid var(--red); background:#fff !important; }
.ghd-nav a{ color:var(--ink) !important; font-family:'Inter Tight',sans-serif !important; text-transform:uppercase; font-weight:500; }
.ghd-nav a:hover{ color:var(--red) !important; }
.ghd-anuncie{ background:var(--red) !important; color:#fff !important; border-radius:0 !important; font-family:'Inter Tight',sans-serif; }

/* ---- titulos de secao com regua vermelha (estilo NewsWeek) ---- */
.cat-head,.pc-head{
  border-bottom:2px solid var(--ink);
  display:flex; align-items:center; justify-content:space-between;
  margin:34px 0 18px;
}
.cat-head h3,.pc-wrap h3{
  position:relative; padding:0 0 8px; margin:0;
  font-size:24px; text-transform:uppercase;
  border-bottom:3px solid var(--red);
}
.viewall,.pc-viewall{ color:var(--red) !important; font-family:'Inter Tight',sans-serif !important; font-weight:600; }

/* ---- cards ---- */
.card,.gca-card,.h-mcard,.st-g{ background:#fff; border:none; }
.card h4,.gca-title,.h-mcard h4{ font-size:17px; line-height:1.25; }
.card .meta,.gca-meta,.h-byline .by{ color:var(--muted) !important; font-family:'Inter',sans-serif !important; }
.card-img,.gca-img,.h-megaimg,.h-mimg,.pc,.st-gimg{ border-radius:0; }

/* hero: titulo grande sobre imagem */
.h-megatitle a{ color:var(--ink); }
.h-megatitle{ font-size:30px; line-height:1.1; }
.gth-hero-right .h-pophead{ border-bottom:2px solid var(--red); font-family:'Inter Tight',sans-serif; text-transform:uppercase; }

/* ---- subbar (manchetes topo) ---- */
.gth-subbar{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#ffffff; }
.gth-subbar__kicker{ background:var(--red); }
.gth-subbar__more{ color:var(--red) !important; font-family:'Inter Tight',sans-serif; }

/* ---- placeholder de anuncio mais discreto/claro ---- */
.ad,.gth-ad,.gth-ad-ph{
  background:repeating-linear-gradient(45deg,#f7f7f7,#f7f7f7 12px,#efefef 12px,#efefef 24px) !important;
  border:1px dashed #cfcfcf !important; color:#aaa !important;
}

/* ---- footer ---- */
.gff{ background:#111 !important; color:#cfcfcf; }
.gff-main{
  background:#111 !important;
  background-image:none !important;
}
.gff-main::before{ background:var(--red) !important; }
.gff-main::after{ content:"" !important; display:none !important; }
.gff-bottom{ background:#000 !important; }
.gff h5{ font-family:'Inter Tight',sans-serif; text-transform:uppercase; color:#fff !important; border-bottom:2px solid var(--red); padding-bottom:6px; display:inline-block; }
.gff p,.gff span,.gff .gff-contact{ color:#bdbdbd !important; }
.gff a{ color:#bdbdbd !important; }
.gff a:hover{ color:var(--red) !important; }
.gff-news button,.news-form button{ background:var(--red) !important; color:#fff !important; border:none; font-family:'Inter Tight',sans-serif; }
.gff-soc a{ border-color:#333 !important; color:#cfcfcf !important; }
.gff-logo,.gff-brand img{ filter:brightness(0) invert(1); }

/* remove vestigios sepia/serif do gth.css em containers genericos */
.elementor-widget-html{ font-family:'Inter',sans-serif !important; }

/* ============================================================
   CONTAINER — alinha TODA a home ao mesmo eixo do hero (1480px central).
   Sem isso, bento/cat-head/grid4 colam nas bordas (left:0).
   ============================================================ */
.gth-home{
  max-width:1480px !important;
  margin:0 auto !important;
  padding:0 24px !important;
  box-sizing:border-box;
}
/* hero/subbar/maislidas ja tinham wrapper proprio de 1480 — neutraliza p/ nao
   somar margem dupla agora que o pai centraliza. */
.gth-home .gth-hero-grid,
.gth-home .gth-subbar,
.gth-home .pc-wrap{ max-width:100% !important; margin-left:0 !important; margin-right:0 !important; }

/* blocos que estavam colados agora respeitam o container do pai */
.gth-home .gth-bento-wrap,
.gth-home .cat-head,
.gth-home .grid4{ margin-left:0 !important; margin-right:0 !important; }

/* ---- forca fundo branco em todos os containers que herdavam bege ---- */
.gth-home,.gth-main,.gca,.gca-wrap,.gca-main,.gca-side,
.gth-hero-grid,.gth-hero-main,.gth-hero-right,.gth-hero-left,
.pc-wrap,.cat-head,.grid4,.st-grid,.gth-dc-row,
.gth-subbar,.gth-subbar__list{
  background:#ffffff !important;
}
.gth-subbar{ background:#ffffff !important; }

/* placeholders de anuncio: cinza claro, sem hachura sepia */
.gth-ad__ph,.gth-ad__ph--wide,.ad{
  background:#f2f2f2 !important;
  background-image:repeating-linear-gradient(45deg,#f7f7f7,#f7f7f7 12px,#eee 12px,#eee 24px) !important;
  border:1px dashed #d2d2d2 !important;
  color:#9a9a9a !important;
  font-family:'Inter Tight',sans-serif !important;
}
.gth-ad{ background:transparent !important; }

/* corpo de texto sempre sans-serif (forca sans-serif) */
body,p,.card-sub,.h-exc,.h-exc-sm,.gca-exc,.h-megaexc,.gff p,.gca-desc{
  font-family:'Inter',Arial,sans-serif !important;
}

/* links sem sublinhado padrao do tema */
a{ text-decoration:none; }

/* ============================================================
   OVERRIDES CIRURGICOS — vencem o gth.css (que usa !important sepia)
   ============================================================ */

/* cards de editoria: branco puro, borda fina, cantos retos (estilo news) */
.card,.gca-card{
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  border-radius:2px !important;
  box-shadow:none !important;
  /* flex column: meta cola no fundo -> todas as metas alinham mesmo com
     titulos de N linhas diferentes (corrige proporcao desigual). */
  display:flex !important;
  flex-direction:column !important;
}
.card:hover,.gca-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
}
.card-img,.gca-img{ filter:none !important; border-radius:0 !important; flex:0 0 auto; }

/* titulo com altura minima fixa (≈3 linhas) -> bloco uniforme entre cards */
.card h4{
  min-height:66px !important;       /* ~3 linhas de Space Grotesk 17px */
  display:block;
}
/* excerpt cresce e empurra a meta pro fundo */
.card .card-sub{ flex:1 1 auto; }
/* meta sempre no rodape do card -> linha de baixo alinhada em todos */
.card .meta{ margin-top:auto !important; }

/* titulos dos cards: sans-serif condensado (forca sans-serif) */
.card h4,.gca-title,.li h4,.sb-item h4,.h-mcard h4,.st-gtitle{
  font-family:'Inter Tight','Inter Condensed',Arial,sans-serif !important;
  font-weight:600 !important;
}
.card:hover h4,.gca-card:hover .gca-title{ color:var(--red) !important; }

/* mata o simbolo § sepia antes dos titulos de secao */
.cat-head h3::before{ content:"" !important; margin:0 !important; }
.cat-head{
  border-bottom:1px solid #111 !important;
  align-items:center !important;
  padding-bottom:0 !important;
  margin:38px 0 20px !important;
}
.cat-head h3{
  font-family:'Inter Tight',sans-serif !important;
  font-size:22px !important; font-weight:700 !important;
  text-transform:uppercase; color:#111 !important;
  padding:0 0 10px !important; margin:0 !important;
  border-bottom:3px solid var(--red);
}

/* tags sempre vermelho vivo, retangulares */
.tag,.gca-tag,.pc-tag,.sb-kicker,.st-tag{
  background:var(--red) !important; color:#fff !important;
  border-radius:0 !important;
  font-family:'Inter Tight',sans-serif !important; letter-spacing:.5px;
}
.tag-out{ background:transparent !important; border-color:var(--red) !important; color:var(--red) !important; border-radius:0 !important; }

/* meta cinza neutro (mata dourado) */
.card .meta,.gca-meta,.h-byline .by,.st-gmeta,.st-gby{ color:var(--muted) !important; }

/* ============================================================
   BENTO GRID — secao com layout assimetrico (quebra a monotonia)
   1 destaque grande (2x2) + 4 menores. Alimentado por [gth_bento].
   ============================================================ */
.gth-bento-wrap{ margin:40px 0; }
.gth-bento-head{
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid #111; margin-bottom:18px;
}
.gth-bento-head h3{
  font-family:'Inter Tight',sans-serif; font-size:22px; font-weight:700;
  text-transform:uppercase; color:#111; margin:0; padding-bottom:10px;
  border-bottom:3px solid var(--red);
}
.gth-bento-head .viewall{ color:var(--red); font-family:'Inter Tight',sans-serif; font-weight:600; }

.gth-bento{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:180px;
  gap:14px;
}
.gb{
  position:relative; overflow:hidden; border-radius:2px;
  display:block; background:#111;
}
.gb-img{
  position:absolute; inset:0; background-size:cover; background-position:center;
  transition:transform .5s ease;
}
.gb:hover .gb-img{ transform:scale(1.06); }
.gb-grad{ position:absolute; inset:0; background:linear-gradient(transparent 35%,rgba(0,0,0,.82)); }
.gb-body{ position:absolute; left:0; right:0; bottom:0; padding:14px 16px; color:#fff; z-index:2; }
.gb-tag{
  display:inline-block; background:var(--red); color:#fff;
  font-family:'Inter Tight',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:.6px; text-transform:uppercase; padding:3px 8px; margin-bottom:8px;
}
.gb-title{
  font-family:'Inter Tight',sans-serif; font-weight:600; line-height:1.15;
  color:#fff; margin:0; font-size:15px;
}
.gb-meta{ display:block; margin-top:7px; font-size:11px; color:#d8d8d8; font-family:'Inter',sans-serif; }

/* destaque ocupa 2 col x 2 lin; titulo maior */
.gb--lead{ grid-column:span 2; grid-row:span 2; }
.gb--lead .gb-title{ font-size:26px; }
.gb--lead .gb-tag{ font-size:12px; }

/* wide: ocupa 2 colunas, 1 linha */
.gb--wide{ grid-column:span 2; }

@media(max-width:860px){
  .gth-bento{ grid-template-columns:1fr 1fr; grid-auto-rows:150px; }
  .gb--lead{ grid-column:span 2; grid-row:span 1; }
  .gb--lead .gb-title{ font-size:19px; }
  .gb--wide{ grid-column:span 2; }
}

/* ============================================================
   HERO 2 colunas — anuncio SEMPRE na direita (pedido Iuri).
   Removida a coluna esquerda de banners. Layout: manchete (1fr)
   + coluna direita (anuncio no topo + Ultimas Noticias).
   ============================================================ */
.gth-hero-grid--2col{
  grid-template-columns:1fr 340px !important;
}
.gth-hero-ad{
  display:flex; flex-direction:column; gap:16px; margin-bottom:22px;
  align-items:center;
}
@media(max-width:980px){
  .gth-hero-grid--2col{ grid-template-columns:1fr !important; }
}

/* ============================================================
   HERO 3 colunas — [Ultimas | Manchete | Ads] (pedido Iuri).
   Conteudo/noticias a esquerda+centro; anuncios SEMPRE na direita.
   ============================================================ */
.gth-hero-grid--3col{
  grid-template-columns:300px 1fr 320px !important;
}
.gth-hero-side{ min-width:0; }
.gth-hero-side .h-pophead{
  border-bottom:2px solid var(--red); font-family:'Inter Tight',sans-serif;
  text-transform:uppercase; font-weight:700; padding-bottom:8px; margin-bottom:14px;
}
@media(max-width:980px){
  .gth-hero-grid--3col{ grid-template-columns:1fr !important; }
}

/* === Marca + tipografia Marketing em Goias (override final) === */
:root{
  --mkt-blue:#1E4682;
  --mkt-purple:#5A1E96;
  --mkt-grad:linear-gradient(120deg,#1E4682 0%,#461E82 55%,#5A1E96 100%);
}
/* titulos com display moderno */
h1,h2,h3,h4,h5,
.block-h,.ghd-logo-text,.gth-hero-title,.sb-item h4,.card-title,.entry-title,.mainnav a{
  font-family:'Inter Tight','Inter',sans-serif !important;
  letter-spacing:-.3px;
}
body{font-family:'Inter',Arial,sans-serif}
/* barra de menu com degrade da logo */

.mainnav a{color:#fff;font-weight:600}
.mainnav a:hover{color:#d6c7f2}
/* acentos/tags em roxo */
.tag,.badge,.cat-badge,.kicker{background:var(--mkt-purple) !important;color:#fff !important}
a:hover{color:var(--mkt-purple)}
.header-left button{color:var(--mkt-blue)}
/* barra de titulo de bloco com risco roxo (destaque editorial) */
.block-h{border-bottom:3px solid var(--mkt-purple);display:inline-block}

/* === Roxo/azul espalhado — identidade completa (2a passada) === */
/* topbar e footer: azul-royal escuro da marca, nao preto generico */
.topbar,.nw-topbar{background:linear-gradient(90deg,#16305C 0%,#1E1140 100%) !important;color:#cfd6ef !important}
.topbar-social a:hover,.nw-topbar a:hover{color:#b79aee !important}
.footer{background:linear-gradient(160deg,#16305C 0%,#1E1140 60%,#2A1350 100%) !important;color:#d6d2e6 !important;border-top:3px solid #5A1E96}
.footer a:hover{color:#c9b8ee !important}

/* kickers/labels de secao em roxo */
.sb-kicker,.hero-kicker,.cat-head,.catblock .block-h,.mkt-kicker{color:#5A1E96 !important}

/* cabecalho de bloco/editoria: risco roxo + titulo azul-royal */
.block-h{border-bottom:3px solid #5A1E96 !important;color:#1E4682 !important}
.cat-head{border-left:4px solid #5A1E96;padding-left:10px}

/* "mais lidas": numeros em roxo forte */
.maislidas .rank,.ml-rank,.ml-num,.mais-lidas .num,ol.maislidas li::before{color:#5A1E96 !important;font-weight:800}

/* tags/categoria em pill roxo */
.tag,.tag-sm,.tag-out,.cat-badge,.badge{background:#5A1E96 !important;color:#fff !important}
.tag-out{background:transparent !important;border:1px solid #5A1E96 !important;color:#5A1E96 !important}

/* hero: titulo azul-royal, linha de destaque roxa */
.hero-main .hero-title,.hero-main h2{color:#16305C}
.hero-main:hover .hero-title{color:#5A1E96}

/* links gerais: hover roxo (reforço) */
.gth-home a:hover,.sb-item:hover h4,.card-title a:hover{color:#5A1E96 !important}

/* botoes/acoes: azul-royal com hover roxo */
.btn,.button,.more-link,.readmore{background:#1E4682 !important;color:#fff !important;border:none}
.btn:hover,.button:hover,.more-link:hover,.readmore:hover{background:#5A1E96 !important}

/* scrollbar da pagina no tom da marca (webkit) */
::selection{background:#5A1E96;color:#fff}

/* === Padronizacao FINAL de badges/cabecalhos — tudo roxo === */
/* TODOS os badges de categoria (variam de classe por bloco) -> roxo solido */
.tag,.tag-sm,.gb-tag,.gca-tag,.pc-tag,.st-tag,.hb-tag,.ml-tag,.cat-badge,.badge,
[class$="-tag"]{
  background:#5A1E96 !important;color:#fff !important;border:none !important;
  font-family:'Inter Tight','Inter',sans-serif !important;letter-spacing:.4px;
}
.tag-out,.tag-op{background:transparent !important;border:1px solid #5A1E96 !important;color:#5A1E96 !important}

/* cabecalhos de bloco/editoria (POLITICA, MAIS LIDAS, etc): titulo azul-royal + risco roxo grosso */
.block-h,.cat-head,.section-title,.ml-head,.mais-lidas h2,.editoria-head h2,.catblock .block-h{
  color:#16305C !important;
  border-bottom:3px solid #5A1E96 !important;
}
/* "VER TODAS" e botoes de secao: contorno roxo */
.more-link,.ver-todas,.see-all,a.more,.readmore{
  border:1px solid #5A1E96 !important;color:#5A1E96 !important;background:transparent !important;
  border-radius:20px;padding:5px 14px;font-weight:600;
}
.more-link:hover,.ver-todas:hover,.see-all:hover,a.more:hover,.readmore:hover{
  background:#5A1E96 !important;color:#fff !important;
}

/* topbar (data) — azul->roxo da marca, ja definida mas reforço especificidade */
.topbar,.nw-topbar,.ghd-topbar{
  background:linear-gradient(90deg,#16305C 0%,#3A1A6E 100%) !important;color:#e6e1f2 !important;
}

/* barra de menu principal: garante degrade visivel */


/* numero das "mais lidas" (::before ou span) roxo forte */
.ml-card .num,.ml-num,.rank,.maislidas li .n{color:#5A1E96 !important;font-weight:800}

/* === Tipografia estilo Meio & Mensagem: Fraunces (serif) nos titulos, Poppins no corpo === */
body{font-family:'Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,
.block-h,.gth-hero-title,.gca-title,.gb-title,.card-title,.entry-title,
.hero-main h2,.sb-item h4,.pc-card h4,.cat-head h3{
  font-family:'Inter Tight','Inter',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-.2px !important;
}
/* manchete grande do hero: Fraunces bem forte, cara de capa de revista */
.gth-hero-title,.hero-main h2,.gca-h1{
  font-weight:900 !important;
  letter-spacing:-.5px !important;
  line-height:1.08 !important;
}
/* kickers/labels/badges continuam Poppins (sans) pra contraste com o titulo serif */
.tag,.gth-subbar__kicker,.pc-tag,.gca-tag,[class$="-tag"],.mkt-reels-title,.viewall,.more-link,.meta,.card-sub{
  font-family:'Inter',sans-serif !important;
}
/* reels: titulo da secao em Fraunces (destaque editorial) */
.mkt-reels-title{font-family:'Inter Tight','Inter',sans-serif !important;font-weight:900 !important}

/* === Combo Bradda (Framer): Inter Tight titulos + Inter corpo + Fragment Mono labels === */
body{font-family:'Inter',Arial,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
h1,h2,h3,h4,h5,
.block-h,.gth-hero-title,.gca-title,.gb-title,.card-title,.entry-title,
.hero-main h2,.sb-item h4,.pc-card h4,.cat-head h3,.mkt-reels-title{
  font-family:'Inter Tight','Inter',sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
}
/* manchete grande: Inter Tight extra-bold, apertada (cara Framer/startup) */
.gth-hero-title,.hero-main h2,.gca-h1{
  font-weight:800 !important;
  letter-spacing:-.03em !important;
  line-height:1.05 !important;
}
/* Fragment Mono nos kickers/labels/metadados — toque tecnico do Bradda */
.tag,.gth-subbar__kicker,.pc-tag,.gca-tag,.gca-kicker,[class$="-tag"],
.meta,.card-sub .meta,.mkt-reel-views,.topbar-date,.viewall,.more-link,
.mkt-reels-more,.pc-viewall{
  font-family:'Fragment Mono','Inter',monospace !important;
  letter-spacing:0 !important;
  text-transform:uppercase;
  font-size:11px !important;
}
/* data no topo em mono (charme editorial-tech) */
.topbar,.nw-topbar,.ghd-date{font-family:'Fragment Mono',monospace !important;letter-spacing:.02em}

/* ============================================================
   HERO estilo GTH — manchete + 2 esq + 4 meio (2x2) + ads dir.
   Grid de 6 posts na parte principal, igual Goias Tem Historia.
   ============================================================ */
.gth-hero-grid{
  display:grid;
  grid-template-columns:1.5fr 1.1fr 300px;
  gap:30px; align-items:start;
  max-width:1280px; margin:24px auto; padding:0 26px;
}
.gth-hero-feature{min-width:0}
.gth-hero-feature .h-megaimg{
  display:block; height:340px; background-size:cover; background-position:center;
  border-radius:20px;
}
.gth-hero-feature .h-megatitle{
  font-family:'Inter Tight','Inter',sans-serif !important;
  font-size:26px; font-weight:800; letter-spacing:-.02em; line-height:1.15;
  margin:12px 0 14px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.gth-hero-feature .h-megatitle a{color:var(--ink,#14122b)}
.gth-hero-feature .h-megatitle a:hover{color:#5A1E96}
.h-byline{display:flex;align-items:center;gap:10px;margin:12px 0 8px}

/* cards secundarios uniformes (2 esq + 4 meio) */
.h-secgrid{display:grid;gap:20px;min-width:0}
.h-secgrid-left{grid-template-columns:repeat(2,1fr);margin-top:16px}
.h-secgrid-mid{grid-template-columns:repeat(2,1fr)}
.h-scard{display:flex;flex-direction:column}
.h-simg{
  display:block;height:150px;background-size:cover;background-position:center;
  border-radius:16px;margin-bottom:10px;transition:.3s;
  box-shadow:0 6px 18px rgba(20,25,60,.10);
}
.h-scard:hover .h-simg{transform:translateY(-3px);box-shadow:0 12px 28px rgba(90,30,150,.2)}
.h-stxt .tag-out{margin-bottom:6px}
.h-stxt h4{
  font-family:'Inter Tight','Inter',sans-serif !important;
  font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.24;margin:4px 0 0;
}
.h-stxt h4 a{color:var(--ink,#14122b)}
.h-stxt h4 a:hover{color:#5A1E96}

/* banners direita */
.gth-hero-right,.gth-hero-ads{min-width:0;display:flex;flex-direction:column;gap:18px}

/* tag outline em roxo (contorno) */
.tag-out{
  display:inline-block;border:1px solid #5A1E96 !important;color:#5A1E96 !important;
  background:rgba(90,30,150,.06) !important;
  font-family:'Fragment Mono','Inter',monospace !important;
  font-size:10px;font-weight:600;letter-spacing:.4px;
  padding:3px 11px;border-radius:100px;text-transform:uppercase;
}
.tag-out.tag-sm{font-size:9px;padding:2px 9px}

@media(max-width:1000px){
  .gth-hero-grid{grid-template-columns:1.4fr 1fr}
  .gth-hero-right{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;justify-content:center}
}
@media(max-width:700px){
  .gth-hero-grid{grid-template-columns:1fr;gap:24px}
  .gth-hero-feature .h-megaimg{height:260px}
  .h-secgrid-left,.h-secgrid-mid{grid-template-columns:1fr 1fr}
}

/* ============================================================
   FOOTER refinado — tom da marca, não preto cru
   ============================================================ */
.gff{ background:linear-gradient(160deg,#16305C,#1E1140 55%,#2A1350) !important; color:#cfc9e4 !important; border-radius:28px 28px 0 0; margin-top:60px; overflow:hidden; }
.gff-main::before{ background:var(--mkt-grad,linear-gradient(90deg,#1E4682,#5A1E96)) !important; height:4px !important; }
.gff-main::after{ display:none !important; content:"" !important; }
.gff-bottom{ background:rgba(0,0,0,.25) !important; }

/* cabecalhos: traco roxo curto (nao linha azul crua full) */
.gff h5{
  font-family:'Inter Tight','Inter',sans-serif !important;
  text-transform:uppercase; color:#fff !important;
  border-bottom:none !important; position:relative;
  padding-bottom:12px !important; letter-spacing:.04em;
}
.gff h5::after{
  content:""; position:absolute; left:0; bottom:0;
  width:34px; height:3px; border-radius:99px;
  background:linear-gradient(90deg,#7B3AC4,#5A1E96);
}

.gff p,.gff span,.gff .gff-contact{ color:#b8b1d0 !important; }
.gff a{ color:#c9c2e0 !important; transition:.15s; }
.gff a:hover{ color:#fff !important; }
.gff-contact{ font-family:'Fragment Mono',monospace; font-size:12px; }

/* botao newsletter: pill roxo com degrade */
.gff-news button,.news-form button{
  background:var(--mkt-grad,linear-gradient(120deg,#1E4682,#5A1E96)) !important;
  color:#fff !important; border:none !important;
  border-radius:100px !important; padding:12px 24px !important;
  font-family:'Fragment Mono',monospace !important; letter-spacing:.05em;
  box-shadow:0 4px 14px rgba(90,30,150,.35) !important;
  transition:transform .15s !important;
}
.gff-news button:hover{ transform:translateY(-2px) !important; }
.gff-field input{ border-bottom:1px solid rgba(255,255,255,.25) !important; color:#fff !important; }

/* icones sociais: bolha com hover roxo */
.gff-soc a{
  border:1px solid rgba(255,255,255,.2) !important; color:#e6e1f2 !important;
  border-radius:12px !important; transition:.15s;
}
.gff-soc a:hover{ background:#5A1E96 !important; border-color:#5A1E96 !important; color:#fff !important; }

/* logo do footer: NAO apagar com filtro (tem cor propria) */
.gff-logo,.gff-brand img{ filter:none !important; border-radius:14px; max-width:180px !important; }

/* ############################################################
   HEADER LIMPO — reescrito do zero, coeso e legivel
   ############################################################ */

/* --- 0. WRAP: eixo central + padding lateral (some no mobile os -in zeravam) --- */
.ghd .ghd-wrap{ max-width:1480px !important; margin:0 auto !important; padding-left:40px !important; padding-right:40px !important; box-sizing:border-box; }

/* --- 1. TOPBAR fina, degrade da marca --- */
.ghd-top{ background:linear-gradient(90deg,#16305C,#2A1350) !important; }
.ghd-top-in{ height:36px !important; display:flex; align-items:center; justify-content:space-between; }
.ghd-date{ color:#b7add6 !important; font-family:'Fragment Mono',monospace !important; font-size:11px !important; letter-spacing:.04em; text-transform:uppercase; }
.ghd-mid{ color:#e0dbf0 !important; font-style:italic; font-size:13px; }
.ghd-soc a{ color:#c9b8ee !important; }

/* --- 2. LOGO ROW: logo grande esquerda + banner direita --- */
.ghd-logo-row{ background:#fff !important; border-bottom:1px solid rgba(30,20,60,.08) !important; }
.ghd-logo-in{ display:flex !important; align-items:center !important; gap:28px !important; padding:18px 0 !important; }
.ghd-logo{ flex:0 0 auto; line-height:0; }
.ghd-logo{ display:flex !important; align-items:center; gap:14px; text-decoration:none; }
.ghd-logo img,.ghd-logo-mark{
  height:56px !important; width:56px !important; flex:0 0 auto;
  display:block; border-radius:12px; object-fit:cover;
  box-shadow:0 2px 10px rgba(30,20,60,.16);
}
.ghd-logo .ghd-logo-text{
  display:block !important; line-height:1.02;
  font-size:clamp(22px,2.5vw,34px) !important;
  letter-spacing:.4px !important;
  background:linear-gradient(92deg,#1E4682 0%,#5A1E96 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important;
  white-space:nowrap;
}
.ghd-logo-in .gth-ad,.ghd-logo-in .gth-ad-slot,.ghd-logo-in > *:not(.ghd-logo):not(.ghd-burger){ margin-left:auto; }

/* --- 3. NAV ROW: fundo branco, menu legivel, ANUNCIE pill --- */
.ghd-nav-row{
  background:#fff !important;
  border-top:none !important;
  border-bottom:2px solid rgba(90,30,150,.12) !important;
}
.ghd-nav-in{ display:flex !important; align-items:center !important; justify-content:space-between !important; padding:0 !important; }
.ghd-nav{
  display:flex !important; gap:2px !important; list-style:none !important;
  margin:0 !important; padding:0 !important; background:transparent !important;
}
.ghd-nav li{ list-style:none !important; margin:0 !important; }
.ghd-nav a{
  display:block !important;
  font-family:'Inter Tight','Inter',sans-serif !important; font-weight:600 !important;
  font-size:15px !important; color:#2a2440 !important;
  padding:16px 18px !important; background:transparent !important;
  border-bottom:3px solid transparent !important; transition:.15s;
  text-transform:none !important; letter-spacing:0 !important;
}
.ghd-nav a:hover{ color:#5A1E96 !important; border-bottom-color:#5A1E96 !important; background:rgba(90,30,150,.04) !important; }
.ghd-nav .current-menu-item > a{ color:#5A1E96 !important; border-bottom-color:#5A1E96 !important; }

.ghd-actions{ display:flex; align-items:center; }
.ghd-anuncie{
  background:linear-gradient(120deg,#1E4682,#5A1E96) !important; color:#fff !important;
  border-radius:100px !important; padding:9px 22px !important;
  font-family:'Fragment Mono',monospace !important; font-size:12px !important; letter-spacing:.06em !important;
  box-shadow:0 4px 14px rgba(90,30,150,.28) !important; transition:transform .15s, box-shadow .15s !important;
}
.ghd-anuncie:hover{ transform:translateY(-2px) !important; box-shadow:0 8px 20px rgba(90,30,150,.4) !important; }

/* ############################################################
   ICONES no menu + animacao no SVG (hover)
   ############################################################ */
.ghd-nav a{ display:inline-flex !important; align-items:center; gap:8px; }
.mkt-navico{
  flex:0 0 auto; color:#8079a0;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1), color .2s ease;
}
.mkt-navtxt{ line-height:1; }

/* hover: icone salta + gira leve + fica roxo; item ativo tambem */
.ghd-nav a:hover .mkt-navico,
.ghd-nav .current-menu-item > a .mkt-navico{
  color:#5A1E96;
  transform:translateY(-2px) scale(1.15) rotate(-6deg);
}
/* pulso continuo sutil no item ativo */
.ghd-nav .current-menu-item > a .mkt-navico{ animation:navico-pulse 2.4s ease-in-out infinite; }
@keyframes navico-pulse{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-2px) scale(1.12); }
}
@media (prefers-reduced-motion:reduce){
  .mkt-navico,.ghd-nav .current-menu-item > a .mkt-navico{ transition:none; animation:none; }
}

/* ############################################################
   MOLDURA DE CAMERA — 4 cantos presos a IMAGEM (nao vaza na tag)
   ############################################################ */
.gth-hero-feature{ position:relative; }
.gth-hero-feature .h-megaimg{ position:relative; overflow:visible; }

/* ::before = 2 cantos SUPERIORES (esq+dir), ::after = 2 INFERIORES.
   Cada pseudo cobre a largura da imagem e desenha L nas 2 pontas via gradients.
   Ficam a -10px pra fora, mas presos a altura exata da imagem (top/bottom). */
.gth-hero-feature .h-megaimg::before,
.gth-hero-feature .h-megaimg::after{
  content:""; position:absolute; left:-10px; right:-10px;
  height:26px; pointer-events:none; z-index:4;
}
/* cantos superiores */
.gth-hero-feature .h-megaimg::before{
  top:-10px;
  background:
    linear-gradient(#5A1E96,#5A1E96) left top/24px 3px no-repeat,
    linear-gradient(#5A1E96,#5A1E96) left top/3px 24px no-repeat,
    linear-gradient(#5A1E96,#5A1E96) right top/24px 3px no-repeat,
    linear-gradient(#5A1E96,#5A1E96) right top/3px 24px no-repeat;
}
/* cantos inferiores — presos ao FIM da imagem (bottom), nunca na tag */
.gth-hero-feature .h-megaimg::after{
  bottom:-10px;
  background:
    linear-gradient(#5A1E96,#5A1E96) left bottom/24px 3px no-repeat,
    linear-gradient(#5A1E96,#5A1E96) left bottom/3px 24px no-repeat,
    linear-gradient(#5A1E96,#5A1E96) right bottom/24px 3px no-repeat,
    linear-gradient(#5A1E96,#5A1E96) right bottom/3px 24px no-repeat;
}

/* garante respiro entre a imagem (com moldura) e a tag/byline abaixo */
.gth-hero-feature .h-byline{ margin-top:22px !important; }

/* ############################################################
   RESPONSIVO — tablet + mobile. Reorganiza hero/header/grids.
   Ordem crescente de restricao (cascata: menor sobrescreve maior).
   ############################################################ */

/* ---- TABLET (<=1024px): hero vira manchete em cima + secundarias, ads pra baixo ---- */
@media(max-width:1024px){
  /* container da home com menos folga lateral */
  .gth-home{ padding:0 20px !important; }

  /* hero: manchete ocupa largura toda; meio (4 cards) e ads descem */
  .gth-hero-grid{
    grid-template-columns:1fr 1fr !important;
    gap:22px !important; padding:0 !important;
  }
  .gth-hero-feature{ grid-column:1 / -1; }        /* manchete full width */
  .h-secgrid-mid{ grid-template-columns:repeat(2,1fr) !important; }
  .gth-hero-right,.gth-hero-ads{
    grid-column:1 / -1;
    flex-direction:row !important; flex-wrap:wrap; justify-content:center; gap:16px;
  }
  .gth-hero-right > *{ flex:0 1 320px; }

  /* editorias 4->2 colunas */
  .gth-home .grid4{ grid-template-columns:1fr 1fr !important; }
}

/* ---- TABLET estreito / phablet (<=900px): header colapsa p/ burger ---- */
@media(max-width:900px){
  /* banner leaderboard do header some (esmagava a barra) */
  .ghd-logo-in .gth-ad,.ghd-logo-in .gth-ad-slot,
  .ghd-logo-in [class*="leaderboard"]{ display:none !important; }

  /* logo menor, burger visivel a direita, nav-row escondida (vira sidebar) */
  .ghd .ghd-wrap{ padding-left:16px !important; padding-right:16px !important; }
  .ghd-logo-in{ padding:10px 16px !important; gap:12px !important; }
  .ghd-logo{ gap:10px; }
  .ghd-logo img,.ghd-logo-mark{ height:38px !important; width:38px !important; border-radius:9px; }
  .ghd-logo .ghd-logo-text{ font-size:18px !important; letter-spacing:.2px !important; }
  .ghd-burger{ display:flex !important; margin-left:auto !important; }
  .ghd-nav-row{ display:none !important; }
  .ghd-mid{ display:none !important; }   /* tagline do topo some (sem espaco) */

  /* primeiro billboard da home (Responsivo) encolhe */
  .gth-home .gth-ad,.gth-home .gth-ad__ph--wide{ min-height:90px !important; }
}

/* ---- MOBILE (<=768px): tudo em 1 coluna ---- */
@media(max-width:768px){
  .gth-home{ padding:0 14px !important; }

  /* hero empilha: manchete, depois secundarias 2x2, ads por ultimo */
  .gth-hero-grid{ grid-template-columns:1fr !important; gap:20px !important; }
  .gth-hero-feature .h-megaimg{ height:230px !important; }
  .gth-hero-feature .h-megatitle{ font-size:22px !important; }
  .h-secgrid-left,.h-secgrid-mid{ grid-template-columns:1fr 1fr !important; gap:14px !important; }
  .h-simg{ height:120px !important; }

  /* editorias e cards em 1 coluna */
  .gth-home .grid4{ grid-template-columns:1fr !important; }

  /* mais lidas (poster) em 1 coluna, altura menor */
  .pc-grid{ grid-template-columns:1fr !important; }
  .pc{ height:300px !important; }

  /* reels band com menos padding */
  .mkt-reels{ padding:20px 14px 22px !important; border-radius:18px !important; }
  .mkt-reels-title{ font-size:22px !important; }

  /* titulos de secao menores */
  .gth-home .cat-head h3,.pc-head h3{ font-size:19px !important; }

  /* footer 1 coluna */
  .gff-grid{ grid-template-columns:1fr !important; gap:26px !important; }
  .gff{ border-radius:20px 20px 0 0 !important; }
}

/* ---- MOBILE pequeno (<=430px): aperta ainda mais ---- */
@media(max-width:430px){
  .gth-home{ padding:0 12px !important; }
  .h-secgrid-left,.h-secgrid-mid{ grid-template-columns:1fr !important; }
  .gth-hero-feature .h-megaimg{ height:200px !important; }
  .h-simg{ height:180px !important; }   /* card unico: imagem maior fica melhor */
  .gth-hero-feature .h-megatitle{ font-size:20px !important; }
}