/* Página /ia-falsa (14/10): casos checados com carimbo Falso ou Enganoso, sinais, passos e onde checar.
   Mesmo padrão da /rede: cartões de borda tinta e sombra dura, uma coluna no celular, trilho lateral de 700px em diante,
   cada seção na altura útil da tela (--u). */

.btn-claro{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:48px;padding:0 1.15em;border:2.5px solid var(--tinta);border-radius:999px;background:#fff;color:var(--tinta);font:800 1rem/1 var(--texto);font-stretch:86%;text-decoration:none;cursor:pointer}
.btn-claro.mini{min-height:44px;padding:0 .9em;font-size:.92rem}
.bloco[id]{scroll-margin-top:calc(var(--topo) + 8px)}

/* ---------- Listas: uma coluna no celular, trilho lateral de 700px em diante ---------- */
.falso-grade,.ia-grade{display:grid;gap:16px;width:100%;margin:6px 0 0;padding:0;list-style:none}

/* ---------- Cartão de caso ---------- */
.falso-cartao{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;border:2.5px solid var(--tinta);border-radius:var(--raio);background:#fff;box-shadow:4px 5px 0 var(--tinta)}
.falso-foto{position:relative;container-type:inline-size;margin:0;aspect-ratio:16/10;overflow:hidden;border-bottom:2.5px solid var(--tinta);border-radius:calc(var(--raio) - 2px) calc(var(--raio) - 2px) 0 0;background:var(--cinza)}
.falso-foto img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
/* Carimbo de borracha: borda dupla, girado, com falhas de tinta (máscara de ruído) */
.carimbo{position:absolute;left:50%;top:50%;translate:-50% -50%;rotate:-13deg;padding:.04em .3em .02em;border:max(3px,.07em) double var(--vermelho);border-radius:.12em;color:var(--vermelho);background:rgba(255,255,255,.2);font:900 clamp(14px,16cqw,76px)/1 var(--tit);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;user-select:none;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -9 7.4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -9 7.4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  filter:drop-shadow(0 0 1px rgba(255,255,255,.7))}
/* Palavra mais longa: o carimbo Enganoso usa fonte menor para caber na foto */
.carimbo.enganoso{font-size:clamp(11px,10.5cqw,50px)}
.selo-ia{position:absolute;left:10px;top:10px;padding:.35em .6em .3em;background:var(--amarelo);border:2px solid var(--tinta);color:var(--tinta);font:900 12px/1 var(--tit);text-transform:uppercase;letter-spacing:.04em}

.falso-corpo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px 16px 14px}
.falso-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.falso-meta>*{display:inline-block;padding:.38em .65em .32em;border:2px solid var(--linha);border-radius:999px;font:800 12px/1 var(--texto);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.falso-meta>:first-child{border-color:var(--tinta);background:var(--tinta);color:#fff}
.falso-meta time{background:var(--amarelo);border-color:var(--amarelo)}
.falso-corpo h3{margin:0;font:900 clamp(18px,1.6vw,22px)/1.15 var(--tit);letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.falso-verdade{margin:0;font:500 15px/1.45 var(--texto);overflow-wrap:anywhere}
.falso-verdade b{font-weight:800}
.falso-sinais{display:grid;gap:4px;margin:0}
.falso-rotulo{font:800 12px/1.2 var(--texto);text-transform:uppercase;letter-spacing:.03em;color:var(--tinta-2)}
.falso-sinais ul{display:grid;gap:2px;margin:0;padding:0 0 0 1.1em;list-style:disc}
.falso-sinais li{color:var(--vermelho-t);font:700 13.5px/1.3 var(--texto);overflow-wrap:anywhere}
.falso-sinais li::marker{color:var(--vermelho-t)}
.falso-fonte{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:0;font:600 14px/1.3 var(--texto);color:var(--tinta-2)}
.falso-fonte a{display:inline-flex;align-items:center;min-height:44px;color:var(--vermelho-t);font-weight:800;overflow-wrap:anywhere}
.falso-extras{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.falso-alcance{margin:0;font:600 13px/1.35 var(--texto);color:var(--tinta-2);overflow-wrap:anywhere}
.falso-alcance a{color:var(--vermelho-t);font-weight:800}
.falso-acoes{width:100%;margin-top:auto}
.falso-acoes .mini{flex:1 1 auto;padding:0 .7em}

/* ---------- Cartões de sinal e de agência ---------- */
.ia-cartao{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:18px 18px 16px;border:2.5px solid var(--tinta);border-radius:var(--raio);background:#fff;box-shadow:4px 5px 0 var(--tinta)}
.ia-cartao h3{margin:0;font:900 clamp(18px,1.6vw,22px)/1.15 var(--tit);letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere}
.ia-cartao p{margin:0;font:500 15px/1.45 var(--texto);overflow-wrap:anywhere}
.ia-cartao .btn-claro{margin-top:auto}
.ia-etiqueta{display:inline-block;padding:.3em .6em .25em;background:var(--azul);color:#fff;font:900 12px/1 var(--tit);text-transform:uppercase;letter-spacing:.02em;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.ia-oficial .ia-etiqueta{background:var(--verde);color:var(--tinta)}

/* ---------- Passos ---------- */
/* O .passos da home tem posição de grade própria no celular; aqui a lista é livre */
.antes-passos{grid-area:auto;align-self:auto;align-content:start;justify-self:center;grid-template-columns:minmax(0,1fr);width:min(720px,100%);gap:clamp(16px,2.4vw,26px)}
.antes-passos li{grid-template-columns:auto minmax(0,1fr);gap:14px;align-content:start}
.antes-passos b{width:48px;height:48px;font-size:26px}
.antes-passos h3{margin:2px 0 4px;font-size:clamp(17px,4.6vw,20px)}
.antes-passos p{font-size:16px;line-height:1.4}

/* Antes de a lista chegar, ela já ocupa a altura que terá (a página não pula) */
[data-casos]:empty{min-height:420px}

/* ---------- Trilho lateral: de 700px em diante ---------- */
@media (min-width:700px){
  .falso-grade,.ia-grade{--mi:0px;--mf:0px;grid-auto-flow:column;width:calc(100% + 2 * var(--margem));margin:6px calc(-1 * var(--margem)) 0;padding:4px var(--margem) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margem);overscroll-behavior-x:contain;scrollbar-width:none;gap:20px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--mi),#000 calc(100% - var(--mf)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--mi),#000 calc(100% - var(--mf)),transparent)}
  .falso-grade::-webkit-scrollbar,.ia-grade::-webkit-scrollbar{display:none}
  .carrossel:has(.anterior:not([hidden],:disabled)) :is(.falso-grade,.ia-grade){--mi:72px}
  .carrossel:has(.proxima:not([hidden],:disabled)) :is(.falso-grade,.ia-grade){--mf:96px}
  .ia-grade{grid-auto-columns:clamp(240px,22vw,300px);align-items:stretch}
  .ia-cartao,.falso-cartao{scroll-snap-align:start}
  /* Caso: foto à esquerda, texto à direita. Cartão largo (menos linhas de texto, cartão mais baixo) para a seção caber na altura útil. */
  .falso-grade{grid-auto-columns:min(clamp(420px,max(58vw,calc(var(--u,700px) * 1.35)),820px),calc(100vw - 2 * var(--margem) - 48px))}
  .falso-cartao{grid-template-columns:minmax(120px,26%) minmax(0,1fr)}
  .falso-foto{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:2.5px solid var(--tinta);border-radius:calc(var(--raio) - 2px) 0 0 calc(var(--raio) - 2px)}
  .falso-foto .carimbo{font-size:clamp(14px,16cqw,60px)}
  .falso-foto .carimbo.enganoso{font-size:clamp(11px,10.5cqw,40px)}
  .antes-passos{width:min(1200px,100%)}
  [data-casos]:empty{min-height:330px}
}
/* Cinco passos lado a lado quando há largura */
@media (min-width:1000px){
  .antes-passos{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
  .antes-passos li{grid-template-columns:minmax(0,1fr);justify-items:start;align-content:start;gap:8px}
}

/* ---------- Densidade pela altura útil (cada seção cabe numa tela; mesma regra da /rede) ---------- */
@media (min-width:700px){
  main>.bloco[id]{--u:calc(100svh - var(--topo));gap:clamp(6px,calc(var(--u) * .011),14px);padding-block:min(clamp(44px,5vw,72px),clamp(14px,calc(var(--u) * .034),72px))}
  main>.bloco[id] .titulo-caixa{font-size:min(clamp(30px,5.4vw,72px),clamp(26px,calc(var(--u) * .06),72px))}
  /* Título longo do grupo "a favor": fonte menor para não ocupar três linhas em tela estreita */
  #a-favor .titulo-caixa{font-size:min(clamp(26px,4.4vw,60px),clamp(22px,calc(var(--u) * .048),60px))}
  main>.bloco[id] .bloco-sub{max-width:min(100ch,100%);font-size:min(clamp(16px,1.5vw,19px),clamp(15px,calc(var(--u) * .03),19px))}
  main>.bloco[id] .credito{font-size:clamp(12px,calc(var(--u) * .02),14px);line-height:1.3}
  .falso-grade,.ia-grade{margin-top:0;padding-bottom:10px}
  .falso-corpo{gap:clamp(3px,calc(var(--u) * .008),8px);padding:clamp(8px,calc(var(--u) * .018),14px) clamp(12px,calc(var(--u) * .024),16px)}
  .falso-corpo h3,.ia-cartao h3{font-size:min(clamp(18px,1.6vw,22px),clamp(15px,calc(var(--u) * .028),22px))}
  .falso-verdade,.ia-cartao p{font-size:min(15px,clamp(13.5px,calc(var(--u) * .021),15px));line-height:1.4}
  .falso-meta>*{font-size:clamp(11px,calc(var(--u) * .018),12px)}
  .falso-sinais li{font-size:clamp(11.5px,calc(var(--u) * .019),13px)}
  .falso-alcance{font-size:clamp(11.5px,calc(var(--u) * .018),13px)}
  .falso-acoes .mini,.ia-cartao .btn-claro{min-height:clamp(38px,calc(var(--u) * .06),44px)}
  .falso-fonte a{min-height:32px}
  .ia-cartao{gap:clamp(4px,calc(var(--u) * .01),8px);padding:clamp(10px,calc(var(--u) * .022),18px) clamp(14px,calc(var(--u) * .026),18px) clamp(10px,calc(var(--u) * .02),16px)}
}