/* ============================================================
   HUMANIZE — mesmo DNA da secao Reels aplicado ao site todo.
   Cantos arredondados, sombras suaves, elevacao no hover,
   badges em pill, mais respiro. Menos "caixa dura".
   Carrega por ULTIMO (depois de skin.v2), sobrescreve.
   ============================================================ */

:root{
  --mkt-r-lg:26px;   /* cards grandes / imagens */
  --mkt-r-md:20px;   /* cards medios */
  --mkt-r-sm:14px;   /* thumbs pequenas */
  --mkt-shadow:0 6px 22px rgba(20,25,60,.10);
  --mkt-shadow-h:0 14px 34px rgba(90,30,150,.20);
  --mkt-ring:1px solid rgba(30,70,130,.08);
}

/* ---- CARDS: raio + sombra suave + borda leve + elevacao no hover ---- */
.gb,.gca-card,.gca-feature,.gca-side-item,.card,
.sb-item,.ml-card,.hero-sec,.catblock .gb,
.gca-main .gb,.gca-side .gca-side-item{
  border-radius:var(--mkt-r-md);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--mkt-shadow);
  border:var(--mkt-ring);
  transition:transform .2s ease, box-shadow .2s ease;
}
.gb:hover,.gca-card:hover,.gca-feature:hover,.card:hover,
.sb-item:hover,.ml-card:hover,.hero-sec:hover{
  transform:translateY(-4px);
  box-shadow:var(--mkt-shadow-h);
}

/* imagens dos cards: cantos arredondados no topo, escala suave no hover */
.gb-img,.gca-img,.gca-feature-img,.gca-side-img,.card-img,
.hero-main img,.sb-item img,.ml-card img{
  border-radius:0; /* herdado do card via overflow:hidden */
  transition:transform .35s ease;
}
.gb:hover .gb-img,.gca-card:hover .gca-img,
.card:hover .card-img,.hero-main:hover img{transform:scale(1.05)}

/* hero principal: card grande arredondado com sombra */
.hero-main{
  border-radius:var(--mkt-r-lg);overflow:hidden;
  box-shadow:var(--mkt-shadow);
}
.hero-main img{border-radius:0}

/* ---- BADGES em PILL (arredondado total) ---- */
.tag,.tag-sm,.gb-tag,.gca-tag,.pc-tag,.st-tag,.hb-tag,.ml-tag,
.cat-badge,.badge,[class$="-tag"]{
  border-radius:999px !important;
  padding:4px 12px !important;
  font-size:11px !important;
  line-height:1.4 !important;
  box-shadow:0 2px 8px rgba(90,30,150,.25);
}

/* ---- CABECALHOS de bloco: pilula suave em vez de risco reto ---- */
.block-h,.cat-head,.section-title,.ml-head,.editoria-head h2,.catblock .block-h{
  border-bottom:none !important;
  position:relative;
  padding-bottom:12px;
}
.block-h::after,.cat-head::after,.editoria-head h2::after{
  content:"";position:absolute;left:0;bottom:0;
  width:56px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,#1E4682,#5A1E96);
}

/* botoes "VER TODAS": pill com sombra suave (ja tem contorno) */
.more-link,.ver-todas,.see-all,a.more{
  box-shadow:0 2px 10px rgba(90,30,150,.12);
  transition:all .18s ease;
}

/* ---- GRIDS: mais respiro entre cards ---- */
.gca-grid,.gb-grid,.catblock .grid,.cards-grid{gap:22px !important}
.gca-main,.gca-side{gap:18px}

/* subbar (destaques do topo): cards arredondados */
.sb-item{border-radius:var(--mkt-r-md);padding:4px}
.sb-item h4{padding:0 6px 8px}

/* "mais lidas": cards arredondados com overlay suave */
.ml-card{border-radius:var(--mkt-r-md);overflow:hidden}

/* topbar/footer: cantos nao, mas suaviza a transicao de cor */
.footer{border-radius:24px 24px 0 0}

/* imagens soltas dentro de conteudo: raio pequeno */
.gth-home img:not(.ghd-logo img):not(.mkt-reel-media img){border-radius:var(--mkt-r-sm)}

/* single/artigo: imagem destacada arredondada */
.single-featured img,.post-thumbnail img,.entry-content img{border-radius:var(--mkt-r-md)}

/* links de card: cor mais suave no hover (roxo) ja definida; aqui so o under */
.gb-title a,.gca-title a,.card-title a{transition:color .15s ease}

/* ============================================================
   BADGES — unificacao total em pill roxo (mata --red/--terra misturado)
   Alta especificidade p/ vencer regras posicionais do gth.css.
   ============================================================ */
.gb .gb-tag,.gb-tag,
.gca-card .gca-tag,.gca-tag,.gca-kicker,
.card .tag,.tag,.tag-sm,.pc-tag,.col-tag,.st-tag,.hb-tag,.ml-tag,
.subbar .sb-item .tag,[class$="-tag"]{
  background:#5A1E96 !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:4px 12px !important;
  font-family:'Inter Tight','Inter',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.4px !important;
  box-shadow:0 2px 10px rgba(90,30,150,.30) !important;
  text-transform:uppercase;
}
/* badge sobreposto na foto: fica flutuante com respiro */
.card .tag{ top:auto !important; bottom:12px !important; left:12px !important; }

/* variante contorno tambem em pill */
.tag-out,.tag-out.tag-sm{
  background:rgba(90,30,150,.08) !important;
  border:1px solid #5A1E96 !important;color:#5A1E96 !important;
  border-radius:999px !important;padding:3px 11px !important;
}

/* ============================================================
   SOMBRAS mais presentes + cards realmente "soltos" do fundo
   ============================================================ */
.gb,.gca-card,.gca-feature,.card,.hero-main,.hero-sec,.ml-card,.sb-item{
  box-shadow:0 8px 26px rgba(20,25,60,.12) !important;
  border:1px solid rgba(30,70,130,.07) !important;
}
.gb:hover,.gca-card:hover,.card:hover,.hero-main:hover,.hero-sec:hover,.ml-card:hover{
  box-shadow:0 16px 38px rgba(90,30,150,.22) !important;
}

/* fundo geral levemente fora do branco puro -> cards brancos "saltam" */
body,.gth-home{background:#f5f6fa}
.gb,.gca-card,.card,.hero-sec,.ml-card,.sb-item{background:#fff !important}

/* respiro geral entre secoes */
.gth-home > *{margin-bottom:8px}
.gca-wrap,.catblock{padding-top:6px;padding-bottom:6px}

/* ============================================================
   BADGES restantes (subbar/hero) + variavel --gs-accent -> roxo
   Estas classes escaparam da 1a rodada. Forca total.
   ============================================================ */
:root{ --gs-accent:#5A1E96 !important; }
.gth-subbar__kicker,.pc-tag,.col-tag,.gca-kicker,.gb-tag{
  background:#5A1E96 !important;color:#fff !important;
  border-radius:999px !important;padding:4px 12px !important;
  font:600 11px/1.4 'Inter Tight','Inter',sans-serif !important;
  letter-spacing:.4px !important;text-transform:uppercase;
  box-shadow:0 2px 10px rgba(90,30,150,.30) !important;
  display:inline-block;
}

/* ============================================================
   ICONES de categoria/secao — bolha roxa suave com o SVG
   ============================================================ */
.cat-head h3,.pc-head h3,.gth-bento-head h3{
  display:flex;align-items:center;gap:10px;
}
.cat-ico-wrap{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:12px;
  background:linear-gradient(135deg,#1E4682 0%,#5A1E96 100%);
  color:#fff;flex:0 0 36px;
  box-shadow:0 4px 12px rgba(90,30,150,.28);
}
.cat-ico{display:block}

/* dot das "mais lidas" vira ponto roxo maior */
.pc-dot,.mkt-reels-dot{background:#5A1E96 !important}

/* === Menos quadrado — arredondar cards das editorias + mais lidas === */
.card{ border-radius:20px !important; }
.card .card-img{ border-radius:0 !important; } /* imagem herda do card via overflow */
.pc,.ml-card{ border-radius:20px !important; }
.gb,.gca-card,.gca-feature,.hero-main,.sb-item{ border-radius:22px !important; }
/* imagem de topo dos cards acompanha o arredondamento do container */
.gb-img,.gca-img,.gca-feature-img,.card-img,.hero-main img{ border-radius:0 !important; }

/* === Remover linha/traço e "L" dos cabeçalhos de seção === */
/* mata o traço roxo (::after) embaixo do titulo */
.block-h::after,.cat-head::after,.editoria-head h2::after,.pc-head h3::after{
  display:none !important;content:none !important;
}
/* mata borda-esquerda (o "L") e borda-inferior dos cabecalhos */
.cat-head,.block-h,.pc-head,.editoria-head h2{
  border-left:none !important;
  border-bottom:none !important;
  padding-left:0 !important;
}

/* === Matar DEFINITIVO a linha embaixo do cabecalho (gth.css:720 --gold) === */
.gth-home .cat-head,
.gth-home .block-h,
.gth-home .pc-head,
.cat-head[class],
div.cat-head{
  border:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  padding-bottom:6px !important;
}
.gth-home .cat-head::after,
.gth-home .cat-head::before,
.cat-head[class]::after{ content:none !important;display:none !important;border:none !important;background:none !important; }

/* === Linha do "Mais Lidas" (skin.css:80 .pc-head border-bottom) + h3 ::after === */
.gth-home .pc-head,
.pc-wrap .pc-head,
.pc-head[class]{ border-bottom:none !important; }
.pc-wrap h3::after,.pc-head h3::after,.pc-head h3::before{ content:none !important;display:none !important;border:none !important; }
.pc-wrap h3,.pc-head h3{ padding-bottom:0 !important;border:none !important; }

/* === O traço é no H3 filho (skin.css .cat-head h3 border-bottom:3px) === */
.gth-home .cat-head h3,
.gth-home .pc-head h3,
.gth-home .pc-wrap h3,
.cat-head h3[class],
.cat-head h3{
  border-bottom:none !important;
  border:none !important;
  padding-bottom:0 !important;
}
.cat-head h3::after,.pc-wrap h3::after{content:none !important;display:none !important}

/* === Mira de câmera: 4 cantinhos em L soltos abraçando ícone + título === */
.gth-home .cat-head h3{
  position:relative !important;
  padding:14px 22px !important;
  display:inline-flex !important;
  align-items:center;
  gap:12px;
}
/* ::before = canto SUP-ESQ (⌐) + canto INF-DIR (¬) via 2 gradientes cada.
   Uso background com 4 gradientes lineares — um cantinho L em cada esquina. */
.gth-home .cat-head h3::before,
.gth-home .cat-head h3::after{
  content:"" !important;display:block !important;position:absolute;
  width:14px;height:14px;pointer-events:none;
}
/* canto superior-esquerdo */
.gth-home .cat-head h3::before{
  left:0;top:0;
  border-top:2.5px solid #5A1E96;
  border-left:2.5px solid #5A1E96;
  border-radius:4px 0 0 0;
  box-shadow:0 0 0 transparent;
}
/* canto inferior-direito */
.gth-home .cat-head h3::after{
  right:0;bottom:0;
  border-bottom:2.5px solid #5A1E96;
  border-right:2.5px solid #5A1E96;
  border-radius:0 0 4px 0;
}
.gth-home .cat-head{position:relative}