/* Verax Home Redesign — ajuste cosmético sem mexer em banco/API
   Objetivo: home mais jornalística, modular e com espaços comerciais visíveis. */

:root{
  --verax-red:#F24D2A;
  --verax-blue:#0b4f8a;
  --verax-ink:#171717;
  --verax-soft:#f7f7f7;
  --verax-line:#e7e7e7;
}

.verax-home{
  max-width:1180px;
  background:linear-gradient(180deg,#fff 0%,#fff 58%,#fafafa 100%);
}

.verax-home .section-title{
  border-bottom:1px solid var(--verax-line);
  color:var(--verax-ink);
  font-family:var(--font-body);
  font-size:1.15rem;
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.02em;
  padding-bottom:.65rem;
  margin-bottom:1rem;
  position:relative;
}

.verax-home .section-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:86px;
  height:3px;
  background:var(--verax-red);
  border-radius:999px;
}

.verax-home .news-card{
  border-radius:0;
  box-shadow:none !important;
  border:1px solid var(--verax-line);
  background:#fff;
}

.verax-home .news-card:hover{
  border-color:#d6d6d6;
  transform:translateY(-1px);
}

.verax-lead-grid{
  border-top:3px solid var(--verax-red);
  padding-top:1rem;
}

.verax-lead-grid > div:first-child .news-card{
  border:0;
}

.verax-lead-grid > div:first-child h2{
  font-family:var(--font-body);
  font-size:clamp(1.9rem,3vw,3.05rem) !important;
  line-height:.98 !important;
  letter-spacing:-.055em;
  font-weight:900;
}

.verax-lead-side .news-card h3,
.verax-river-grid .news-card h3,
.verax-category-grid .news-card h3{
  font-family:var(--font-body);
  font-weight:800;
  letter-spacing:-.025em;
}

.verax-lead-side .news-card h3{
  font-size:1rem;
  line-height:1.15;
}

.verax-river-grid .news-card h3,
.verax-category-grid .news-card h3{
  font-size:.98rem;
  line-height:1.18;
}

.verax-latest-list{
  display:grid;
  gap:0;
  border-top:1px solid var(--verax-line);
}

.verax-latest-list .news-card{
  border:0;
  border-bottom:1px solid var(--verax-line);
}

.verax-latest-list .news-card a{
  padding:.9rem 0 !important;
}

.verax-latest-list .news-card h4{
  font-family:var(--font-body);
  font-size:1rem;
  line-height:1.22;
  font-weight:800;
}

.verax-home aside{
  border-left:1px solid var(--verax-line);
  padding-left:1.25rem;
}

.verax-home aside ol li{
  border-bottom:1px solid var(--verax-line);
  padding-bottom:.75rem;
}

.verax-home aside ol span{
  color:var(--verax-red) !important;
}

.verax-home aside form{
  border-radius:0;
  border:1px solid var(--verax-line);
  background:#fbfbfb;
}

.verax-home .category-tag{
  background:transparent;
  color:var(--verax-red);
  padding:0;
  font-size:.68rem;
  font-weight:900;
}

.verax-home [class*="home_"],
.verax-home aside > div:first-child{
  min-height:92px;
}

.verax-home a:hover h2,
.verax-home a:hover h3,
.verax-home a:hover h4{
  color:var(--verax-red) !important;
}

@media (min-width:1024px){
  .verax-lead-grid > div:first-child{grid-column:span 2/span 2;}
  .verax-main-grid > section:first-child{padding-right:.25rem;}
}

@media (max-width:1023px){
  .verax-home aside{
    border-left:0;
    padding-left:0;
  }
}

@media (max-width:640px){
  .verax-home{padding-top:1rem;}
  .verax-lead-grid > div:first-child h2{font-size:1.75rem !important;}
  .verax-latest-list .news-card a{gap:.75rem !important;}
}

/* Correção 04/06 — topo respirando melhor */
@media (min-width:1024px){
  .verax-lead-side{
    grid-column:span 2 / span 2;
  }

  .verax-lead-grid > div:first-child .news-card > a > div{
    min-height:360px;
  }

  .verax-lead-grid > div:first-child .news-card h2{
    max-width:92%;
    font-size:clamp(1.75rem,2.15vw,2.35rem) !important;
    line-height:1.06 !important;
    letter-spacing:-.04em;
  }

  .verax-lead-grid > div:first-child .news-card p{
    display:none;
  }
}

.verax-lead-side .news-card > a > div:first-child{
  aspect-ratio:16/9;
}

.verax-lead-side .news-card h3{
  font-size:1.02rem !important;
  line-height:1.2 !important;
  letter-spacing:-.015em;
}

.verax-lead-side .news-card a > div:last-child,
.verax-river-grid .news-card a > div:last-child,
.verax-category-grid .news-card a > div:last-child{
  padding:1rem !important;
}

.verax-lead-side .news-card div[class*="flex items-center gap-2 mt-2"],
.verax-river-grid .news-card div[class*="flex items-center gap-2 mt-2"],
.verax-category-grid .news-card div[class*="flex items-center gap-2 mt-2"]{
  flex-wrap:wrap;
  align-items:center;
}

@media (max-width:640px){
  .verax-lead-grid > div:first-child .news-card h2{
    font-size:1.55rem !important;
    line-height:1.08 !important;
  }
}


/* Correção V3 — força o topo em duas metades reais.
   Antes o segundo bloco continuava caindo em apenas 1/4 da largura em alguns builds. */
@media (min-width:1024px){
  .verax-home .verax-lead-grid{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items:stretch !important;
  }

  .verax-home .verax-lead-main,
  .verax-home .verax-lead-side{
    grid-column:auto !important;
    min-width:0 !important;
    width:100% !important;
  }

  .verax-home .verax-lead-side{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .verax-home .verax-lead-grid > .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    font-size:clamp(1.65rem, 2.05vw, 2.25rem) !important;
    line-height:1.1 !important;
    letter-spacing:-.035em !important;
    max-width:95% !important;
    margin-bottom:.35rem !important;
  }

  .verax-home .verax-lead-grid > .verax-lead-main .news-card > a > div,
  .verax-home .verax-lead-grid > div:first-child .news-card > a > div{
    min-height:345px !important;
  }

  .verax-home .verax-lead-grid > .verax-lead-main .news-card .absolute.bottom-0,
  .verax-home .verax-lead-grid > div:first-child .news-card .absolute.bottom-0{
    padding:1.35rem !important;
  }

  .verax-home .verax-lead-side .news-card h3{
    font-size:1.05rem !important;
    line-height:1.22 !important;
  }
}

@media (min-width:1280px){
  .verax-home .verax-lead-grid > .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    font-size:2.35rem !important;
  }
}


/* Correção V4 — melhora de legibilidade na matéria principal
   Estratégia: overlay em degradê mais forte + bloco de texto mais controlado
   + limite de linhas para não embolar em imagens muito carregadas. */
.verax-home .verax-lead-main .news-card > a > div{
  position:relative;
  isolation:isolate;
}

.verax-home .verax-lead-main .news-card > a > div > .absolute.inset-0{
  background:linear-gradient(180deg,
    rgba(3,8,18,0.04) 0%,
    rgba(3,8,18,0.12) 26%,
    rgba(3,8,18,0.32) 54%,
    rgba(3,8,18,0.62) 78%,
    rgba(3,8,18,0.82) 100%) !important;
}

.verax-home .verax-lead-main .news-card > a > div > .absolute.bottom-0{
  z-index:2;
  padding:1.4rem 1.4rem 1.25rem !important;
}

.verax-home .verax-lead-main .news-card h2,
.verax-home .verax-lead-grid > div:first-child .news-card h2{
  max-width:min(76%, 560px) !important;
  margin-bottom:.3rem !important;
  text-wrap:balance;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  text-shadow:0 2px 12px rgba(0,0,0,.38);
}

.verax-home .verax-lead-main .news-card .category-tag,
.verax-home .verax-lead-main .news-card .urgent-tag,
.verax-home .verax-lead-main .news-card [class*="Patrocinado"],
.verax-home .verax-lead-main .news-card [class*="Publieditorial"]{
  text-shadow:0 1px 8px rgba(0,0,0,.25);
}

.verax-home .verax-lead-main .news-card [class*="items-center gap-2 mb-2"]{
  margin-bottom:.55rem !important;
}

.verax-home .verax-lead-main .news-card [class*="mt-3"]{
  margin-top:.7rem !important;
}

.verax-home .verax-lead-main .news-card [class*="text-primary-foreground"]{
  text-shadow:0 1px 10px rgba(0,0,0,.34);
}

.verax-home .verax-lead-main .news-card p{
  display:none !important;
}

@media (min-width:1024px){
  .verax-home .verax-lead-main .news-card > a > div > .absolute.bottom-0{
    padding:1.5rem 1.55rem 1.35rem !important;
  }

  .verax-home .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    max-width:min(74%, 560px) !important;
    -webkit-line-clamp:3;
    line-clamp:3;
  }
}

@media (max-width:1023px){
  .verax-home .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    max-width:88% !important;
  }
}

@media (max-width:640px){
  .verax-home .verax-lead-main .news-card > a > div > .absolute.bottom-0{
    padding:1rem 1rem .95rem !important;
  }

  .verax-home .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    max-width:92% !important;
    -webkit-line-clamp:3;
    line-clamp:3;
    font-size:1.42rem !important;
    line-height:1.08 !important;
  }
}


/* Correção V5 — mantém o overlay, mas remove corte do título.
   Decisão editorial: títulos menores sempre que possível, sem truncar informação. */
.verax-home .verax-lead-main .news-card h2,
.verax-home .verax-lead-grid > div:first-child .news-card h2{
  display:block !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  -webkit-box-orient:unset !important;
  overflow:visible !important;
  max-width:min(82%, 620px) !important;
  font-size:clamp(1.42rem, 1.88vw, 2.05rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.03em !important;
}

@media (min-width:1280px){
  .verax-home .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    font-size:2.08rem !important;
  }
}

@media (max-width:1023px){
  .verax-home .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    max-width:92% !important;
    font-size:1.55rem !important;
  }
}

@media (max-width:640px){
  .verax-home .verax-lead-main .news-card h2,
  .verax-home .verax-lead-grid > div:first-child .news-card h2{
    max-width:96% !important;
    font-size:1.34rem !important;
    line-height:1.08 !important;
  }
}


/* V10 — Cards com cantos arredondados
   Ajuste cosmético preservando a hierarquia jornalística da home. */
.verax-home{
  --verax-card-radius:14px;
  --verax-card-radius-sm:12px;
}

.verax-home .news-card{
  border-radius:var(--verax-card-radius) !important;
  overflow:hidden;
}

.verax-home .news-card > a{
  border-radius:inherit;
  overflow:hidden;
}

.verax-home .news-card img,
.verax-home .news-card picture,
.verax-home .news-card [class*="aspect"]{
  overflow:hidden;
}

.verax-home .verax-lead-main .news-card,
.verax-home .verax-lead-grid > div:first-child .news-card{
  border-radius:16px !important;
  overflow:hidden;
}

.verax-home .verax-lead-main .news-card > a > div,
.verax-home .verax-lead-grid > div:first-child .news-card > a > div{
  border-radius:inherit;
  overflow:hidden;
}

.verax-home .verax-lead-side .news-card,
.verax-home .verax-river-grid .news-card,
.verax-home .verax-category-grid .news-card{
  border-radius:var(--verax-card-radius-sm) !important;
}

.verax-home .verax-lead-side .news-card > a > div:first-child,
.verax-home .verax-river-grid .news-card > a > div:first-child,
.verax-home .verax-category-grid .news-card > a > div:first-child{
  border-radius:var(--verax-card-radius-sm) var(--verax-card-radius-sm) 0 0;
  overflow:hidden;
}

/* A lista de "Mais notícias" continua mais editorial, mas com leve arredondamento. */
.verax-latest-list{
  border-radius:var(--verax-card-radius);
  overflow:hidden;
  background:#fff;
  border:1px solid var(--verax-line);
  border-top:1px solid var(--verax-line);
}

.verax-latest-list .news-card{
  border-radius:0 !important;
  border-bottom:1px solid var(--verax-line);
}

.verax-latest-list .news-card:last-child{
  border-bottom:0;
}

.verax-latest-list .news-card a{
  padding:.9rem 1rem !important;
}

.verax-latest-list .news-card a > div:first-child{
  border-radius:10px;
  overflow:hidden;
}

/* Blocos laterais e newsletter também acompanham o novo acabamento. */
.verax-home aside form,
.verax-home aside > div:first-child,
.verax-home .verax-weather-card{
  border-radius:var(--verax-card-radius) !important;
  overflow:hidden;
}

@media (max-width:640px){
  .verax-home{
    --verax-card-radius:12px;
    --verax-card-radius-sm:12px;
  }
}


/* V11 — Identidade Verax: laranja oficial e hover legível no destaque.
   O zoom da imagem continua; o título principal não muda mais para vermelho/laranja. */
:root{
  --verax-orange:#F24D2A;
}

.verax-home{
  --verax-red:#F24D2A;
  --verax-orange:#F24D2A;
}

/* Mantém o hover geral em laranja nos cards comuns. */
.verax-home a:hover h3,
.verax-home a:hover h4{
  color:var(--verax-orange) !important;
}

/* No destaque principal, a legibilidade manda: texto sempre claro. */
.verax-home .verax-lead-main .news-card a:hover h2,
.verax-home .verax-lead-grid > div:first-child .news-card a:hover h2,
.verax-home .verax-lead-main .news-card:hover h2,
.verax-home .verax-lead-grid > div:first-child .news-card:hover h2{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 2px 12px rgba(0,0,0,.48);
}

/* Evita que a regra global antiga pinte o h2 do hero no hover. */
.verax-home .verax-lead-main a:hover h2,
.verax-home .verax-lead-grid > div:first-child a:hover h2{
  color:#fff !important;
}

/* Tags/categorias e linhas de destaque usam o laranja oficial. */
.verax-home .category-tag,
.verax-home aside ol span{
  color:var(--verax-orange) !important;
}

.verax-home .section-title:after,
.verax-lead-grid{
  border-color:var(--verax-orange) !important;
}

.verax-home .section-title:after{
  background:var(--verax-orange) !important;
}


/* V12 — remove apenas o contorno laranja do título principal no hover.
   Mantém texto branco, zoom da imagem e demais cores em #F24D2A. */
.verax-home .verax-lead-main .news-card a:hover h2,
.verax-home .verax-lead-grid > div:first-child .news-card a:hover h2,
.verax-home .verax-lead-main .news-card:hover h2,
.verax-home .verax-lead-grid > div:first-child .news-card:hover h2{
  -webkit-text-stroke:0 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.52) !important;
}


/* V13 — Colunistas em carrossel infinito perto do rodapé */
.verax-columnists-section{
  overflow:hidden;
  background:linear-gradient(180deg,#fbfbfb 0%,#f6f7f8 100%) !important;
}

.verax-columnists-section .container{
  max-width:1180px;
}

.verax-columnists-viewport{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:.25rem 0 .65rem;
  mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.verax-columnists-track{
  width:max-content;
  animation:verax-columnists-marquee 34s linear infinite;
  will-change:transform;
}

.verax-columnists-viewport:hover .verax-columnists-track{
  animation-play-state:paused;
}

.verax-columnist-item{
  width:132px;
  flex:0 0 132px;
  text-decoration:none;
}

.verax-columnist-item [class*="rounded-full"]{
  box-shadow:0 8px 22px rgba(0,0,0,.07);
  background:#fff;
}

.verax-columnist-item span{
  max-width:132px;
}

@keyframes verax-columnists-marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@media (prefers-reduced-motion: reduce){
  .verax-columnists-track{
    animation:none;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
  }

  .verax-columnists-viewport{
    overflow:visible;
    mask-image:none;
    -webkit-mask-image:none;
  }
}

@media (max-width:640px){
  .verax-columnists-section{
    padding-top:2rem !important;
    padding-bottom:2rem !important;
  }

  .verax-columnist-item{
    width:116px;
    flex-basis:116px;
  }

  .verax-columnist-item span{
    max-width:116px;
  }

  .verax-columnists-track{
    animation-duration:26s;
  }
}


/* V14 — Correção mobile dos colunistas
   A v13 dependia das classes novas. Esta camada também captura a estrutura antiga
   e força uma faixa horizontal de verdade no celular e no desktop. */

/* Quando a classe nova existe */
.verax-columnists-section .verax-columnists-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:2.25rem !important;
  align-items:flex-start !important;
}

/* Fallback para a estrutura antiga: section > div.container > div.flex... */
section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto,
section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  gap:2.25rem !important;
  overflow:hidden !important;
  width:max-content !important;
  min-width:max-content !important;
  animation:verax-columnists-marquee 34s linear infinite;
  padding-left:1.5rem !important;
  padding-right:1.5rem !important;
}

section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto:hover,
section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto:hover{
  animation-play-state:paused;
}

section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto > a,
section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto > a{
  width:145px !important;
  min-width:145px !important;
  flex:0 0 145px !important;
}

section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto > a span,
section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto > a span{
  max-width:145px !important;
}

/* O container vira a "janela" do carrossel */
section.bg-muted\/50:has(h2) .container,
section[class*="bg-muted"] .container:has(.flex.items-center.gap-6.overflow-x-auto){
  overflow:hidden !important;
  max-width:1180px !important;
}

/* Mobile: nada de empilhar. Linha única, com rolagem manual se a animação falhar. */
@media (max-width:640px){
  .verax-columnists-section .verax-columnists-track{
    gap:1.75rem !important;
    animation-duration:24s !important;
  }

  .verax-columnist-item,
  section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto > a,
  section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto > a{
    width:132px !important;
    min-width:132px !important;
    flex:0 0 132px !important;
  }

  .verax-columnist-item span,
  section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto > a span,
  section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto > a span{
    max-width:132px !important;
    font-size:.86rem !important;
    line-height:1.1 !important;
  }

  section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto,
  section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto{
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    animation:none !important;
    width:100% !important;
    min-width:0 !important;
    padding:0 1.25rem .35rem !important;
    -webkit-overflow-scrolling:touch;
  }

  section.bg-muted\/50:has(h2) .flex.items-center.gap-6.overflow-x-auto > a,
  section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto > a{
    scroll-snap-align:center;
  }

  section.bg-muted\/50:has(h2) .container,
  section[class*="bg-muted"] .container:has(.flex.items-center.gap-6.overflow-x-auto){
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* Em navegadores sem :has ou em casos de estrutura compilada diferente,
   a classe do próprio flex continua sendo suficiente para segurar a linha. */
@supports not selector(:has(*)){
  section[class*="bg-muted"] .flex.items-center.gap-6.overflow-x-auto{
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
  }
}


/* V15 — Colunistas: carrossel realmente infinito e texto organizado */
.verax-columnists-section{
  overflow:hidden !important;
  padding-top:2.75rem !important;
  padding-bottom:2.75rem !important;
}

.verax-columnists-section h2{
  margin-bottom:2rem !important;
}

.verax-columnists-viewport{
  width:100% !important;
  overflow:hidden !important;
  padding:.4rem 0 1rem !important;
  mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%) !important;
}

.verax-columnists-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:2.4rem !important;
  width:max-content !important;
  min-width:max-content !important;
  animation:verax-columnists-marquee-v15 42s linear infinite !important;
  will-change:transform;
}

.verax-columnists-viewport:hover .verax-columnists-track{
  animation-play-state:paused !important;
}

.verax-columnist-item{
  width:172px !important;
  min-width:172px !important;
  max-width:172px !important;
  flex:0 0 172px !important;
  display:flex !important;
  text-align:center !important;
  overflow:visible !important;
}

.verax-columnist-item .verax-columnist-name{
  width:100% !important;
  max-width:172px !important;
  min-height:2.35em;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  text-overflow:ellipsis;
  font-size:.92rem !important;
  line-height:1.18 !important;
  letter-spacing:-.01em;
}

.verax-columnist-item .verax-columnist-role{
  width:100% !important;
  max-width:172px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  text-overflow:ellipsis;
  font-size:.72rem !important;
  line-height:1.18 !important;
  min-height:1.7em;
}

@keyframes verax-columnists-marquee-v15{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}

@media (max-width:640px){
  .verax-columnists-section{
    padding-top:2.35rem !important;
    padding-bottom:2.45rem !important;
  }

  .verax-columnists-section h2{
    font-size:1.55rem !important;
    margin-bottom:1.7rem !important;
  }

  .verax-columnists-viewport{
    padding:.25rem 0 .75rem !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%) !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 9%, #000 91%, transparent 100%) !important;
  }

  .verax-columnists-track{
    gap:1.85rem !important;
    animation:verax-columnists-marquee-v15 30s linear infinite !important;
  }

  .verax-columnist-item{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    flex-basis:150px !important;
  }

  .verax-columnist-item .verax-columnist-name{
    max-width:150px !important;
    font-size:.88rem !important;
    line-height:1.12 !important;
    min-height:2.05em;
  }

  .verax-columnist-item .verax-columnist-role{
    max-width:150px !important;
    font-size:.7rem !important;
    line-height:1.15 !important;
    min-height:1.6em;
  }
}

/* Neutraliza o fallback da v14 no mobile, que deixava rolagem manual e quebrava o loop. */
@media (max-width:640px){
  .verax-columnists-section .verax-columnists-track{
    overflow:visible !important;
    width:max-content !important;
    min-width:max-content !important;
  }
}

/* Acessibilidade: se o usuário pediu menos movimento, vira faixa manual limpa. */
@media (prefers-reduced-motion: reduce){
  .verax-columnists-track{
    animation:none !important;
    overflow-x:auto !important;
    width:100% !important;
    min-width:0 !important;
  }
}


/* V16-5 — Mais notícias controlável */
.verax-latest-more{
  display:inline-flex;
  margin-top:.85rem;
  font-family:var(--font-body);
  font-size:.86rem;
  font-weight:800;
  color:var(--verax-orange, #F24D2A);
  text-decoration:none;
}

.verax-latest-more:hover{
  text-decoration:underline;
}


/* V16-6 — Mais Lidas reais via banco */
.verax-most-read-real__item a{
  display:block;
}

.verax-most-read-real__views{
  display:block;
  margin-top:.18rem;
  font-family:var(--font-body);
  font-size:.68rem;
  font-weight:600;
  color:#777;
  line-height:1.1;
}


/* Verax Final — Mais Lidas */
.verax-most-read-real__item a{display:block}
.verax-most-read-real__views{
  display:block;
  margin-top:.18rem;
  font-family:var(--font-body);
  font-size:.68rem;
  font-weight:600;
  color:#777;
  line-height:1.1;
}