/* seubetbr.org v3 · sistema «Fita» (11/11/2026)
   Página clara: branco + tinta preta + roxo. Prefixo fita- (BEM). Títulos: Geologica. Texto: Host Grotesk.
   Regras: sem bordas de 1px em cartões/blocos/FAQ, sem sombras, sem brilho, sem itálico, sem animação infinita.
   Base = celular; quebras em 480, 600, 760, 960, 1200 px. */

:root{
  --fita-papel:#FFFFFF;
  --fita-nevoa:#F7F5FB;
  --fita-lilas:#F3EEFC;
  --fita-lilas-2:#E9E1FA;
  --fita-lilas-3:#DCCFF8;
  --fita-tinta:#0B0A10;
  --fita-noite:#000007;
  --fita-grafite:#1D1A28;
  --fita-texto:#2B2836;
  --fita-mudo:#55516A;
  --fita-fraco:#6B6780;
  --fita-roxo:#6B21D8;
  --fita-roxo-hi:#7A35EE;
  --fita-roxo-esc:#8B4DFF;
  --fita-violeta:#B794FF;
  --fita-claro:#CFC8E6;
  --fita-f-tit:"Geologica",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --fita-f-txt:"Host Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --fita-r:18px;
  --fita-r-m:12px;
  --fita-r-p:8px;
  --fita-larg:1200px;
  --fita-lado:20px;
  --fita-corte:10px;
}
@media (max-width:420px){:root{--fita-lado:16px}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:86px;overflow-x:clip}
body{margin:0;background:var(--fita-papel);color:var(--fita-texto);font:400 16px/1.62 var(--fita-f-txt);overflow-x:clip;text-rendering:optimizeLegibility}
@media (min-width:760px){body{font-size:17px}}
img,svg{display:block;max-width:100%}
a{color:var(--fita-roxo);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--fita-roxo-hi)}
:focus-visible{outline:3px solid var(--fita-roxo);outline-offset:3px;border-radius:4px}
b,strong{font-weight:700;color:var(--fita-tinta)}
h1,h2,h3{font-family:var(--fita-f-tit);font-style:normal;color:var(--fita-tinta);margin:0}
p{margin:0 0 14px}
.fita-larg{max-width:var(--fita-larg);margin:0 auto;padding:0 var(--fita-lado)}
.fita-pular{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--fita-tinta);color:#fff;padding:10px 14px;border-radius:8px}
.fita-pular:focus{left:12px}
.fita-ico{width:20px;height:20px;fill:currentColor;flex:none}
.fita-ph{background:var(--fita-lilas-2);color:var(--fita-roxo);border-radius:6px;padding:0 .3em;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---------- fita (a etiqueta com corte em V) ---------- */
.fita-fita{display:inline-flex;align-items:center;gap:8px;background:var(--fita-roxo);color:#fff;font:700 13px/1 var(--fita-f-tit);letter-spacing:.02em;
  padding:8px calc(var(--fita-corte) + 12px) 8px 12px;white-space:nowrap;margin:0;
  clip-path:polygon(0 0,100% 0,calc(100% - var(--fita-corte)) 50%,100% 100%,0 100%)}
.fita-fita--tinta{background:var(--fita-tinta)}
.fita-fita--clara{background:var(--fita-lilas-2);color:var(--fita-roxo)}
.fita-18{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 7px;border-radius:6px;background:var(--fita-roxo);color:#fff;font:700 12px/1 var(--fita-f-tit);letter-spacing:.02em;flex:none}

/* ---------- botões e links ---------- */
.fita-botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:0;border-radius:12px;background:var(--fita-roxo);color:#fff;
  font:700 16px/1 var(--fita-f-tit);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s}
.fita-botao:hover{background:var(--fita-roxo-hi);color:#fff}
.fita-botao .fita-ico{width:18px;height:18px}
.fita-botao--p{min-height:42px;padding:0 16px;font-size:14.5px;border-radius:10px}
.fita-botao--tinta{background:var(--fita-tinta)}
.fita-botao--tinta:hover{background:var(--fita-grafite)}
.fita-botao--escuro{background:var(--fita-roxo-esc)}
.fita-botao--escuro:hover{background:#9A63FF}
.fita-lnk{display:inline-flex;align-items:center;gap:8px;font:700 15.5px/1.25 var(--fita-f-tit);color:var(--fita-tinta);text-decoration:none}
.fita-lnk .fita-ico{width:18px;height:18px;color:var(--fita-roxo);transition:transform .15s}
.fita-lnk:hover{color:var(--fita-roxo)}
.fita-lnk:hover .fita-ico{transform:translateX(3px)}

/* ---------- linha do topo ---------- */
.fita-topo{background:var(--fita-tinta);color:var(--fita-claro);font:500 12.5px/1.3 var(--fita-f-txt)}
.fita-topo__in{display:flex;align-items:center;gap:12px;min-height:34px}
.fita-topo b{color:#fff;font-weight:700}
.fita-topo__data{display:none}
.fita-topo__ind{margin-left:auto}
@media (min-width:600px){.fita-topo__data{display:inline}}

/* ---------- cabeçalho ---------- */
.fita-cab{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.fita-cab__in{display:flex;align-items:center;gap:12px;height:60px}
.fita-marca{display:flex;align-items:center;flex:none;margin-right:auto;padding:6px 0}
.fita-marca img{height:17px;width:auto}
.fita-nav{display:none}
.fita-cab__cta{display:none}
.fita-menu{position:relative}
.fita-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:10px;background:var(--fita-lilas);color:var(--fita-tinta);font:700 14.5px/1 var(--fita-f-tit);cursor:pointer;user-select:none}
.fita-menu>summary::-webkit-details-marker{display:none}
.fita-menu>summary .fita-ico{width:18px;height:18px}
.fita-menu>summary .fita-ico--x{display:none}
.fita-menu[open]>summary{background:var(--fita-tinta);color:#fff}
.fita-menu[open]>summary .fita-ico--x{display:block}
.fita-menu[open]>summary .fita-ico--m{display:none}
.fita-menu__painel{position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 2 * var(--fita-lado)));background:var(--fita-tinta);border-radius:var(--fita-r);padding:10px;display:grid;gap:2px;z-index:50}
.fita-menu__painel a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:600 15.5px/1.2 var(--fita-f-tit);padding:12px;border-radius:10px}
.fita-menu__painel a .fita-ico{color:var(--fita-violeta)}
.fita-menu__painel a:hover,.fita-menu__painel a[aria-current]{background:var(--fita-grafite)}
@media (min-width:380px){.fita-marca img{height:18px}}
@media (min-width:760px){.fita-cab__cta{display:inline-flex}.fita-cab__in{height:64px}.fita-marca img{height:19px}}
@media (min-width:1200px){
  .fita-cab__in{height:68px;gap:6px}
  .fita-marca{margin-right:20px}
  .fita-marca img{height:20px}
  .fita-nav{display:flex;gap:2px;margin-right:auto}
  .fita-nav a{color:var(--fita-tinta);text-decoration:none;font:600 14.5px/1 var(--fita-f-tit);padding:10px 11px;border-radius:10px;white-space:nowrap}
  .fita-nav a:hover{background:var(--fita-lilas)}
  .fita-nav a[aria-current]{background:var(--fita-lilas-2);color:var(--fita-roxo)}
  .fita-menu{display:none}
}

/* ---------- imagem (slot) ---------- */
/* Fotos de estúdio com fundo branco puro: o slot não tem moldura. multiply no próprio figure
   faz o branco virar a cor do fundo (lilás) mesmo quando o figure é sticky. Nunca sobre preto. */
.fita-arte{position:relative;margin:0;aspect-ratio:var(--fita-ar,16/10);overflow:hidden;mix-blend-mode:multiply}
.fita-arte img{width:100%;height:100%;object-fit:cover;object-position:var(--fita-op,100% 50%)}
.fita-arte.is-vazio{background:linear-gradient(135deg,var(--fita-lilas) 0%,var(--fita-lilas-3) 100%);border-radius:var(--fita-r);mix-blend-mode:normal}
.fita-arte.is-vazio img{visibility:hidden}
.fita-arte.is-vazio::after{content:attr(data-file);position:absolute;right:14px;bottom:12px;font:700 13px/1 var(--fita-f-tit);color:var(--fita-roxo);background:#fff;padding:7px 10px;border-radius:8px}

/* ---------- abertura (herói) ---------- */
.fita-abre{padding:0 0 30px}
.fita-abre__in{display:grid;gap:6px}
.fita-abre__arte{--fita-ar:3/2;order:-1;margin:0 calc(-1 * var(--fita-lado))}
.fita-abre__ticket{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px}
.fita-abre__st{font:600 14px/1.35 var(--fita-f-tit);color:var(--fita-tinta)}
.fita-h1{font-weight:800;font-size:clamp(28px,7.6vw,36px);line-height:1.07;letter-spacing:-.022em;margin:0 0 16px;overflow-wrap:break-word}
.fita-h1__b{display:block;color:var(--fita-roxo);text-wrap:balance}
.fita-abre__lede{font-size:17px;line-height:1.6;margin:0 0 22px;max-width:590px}
.fita-abre__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:0 0 16px}
.fita-abre__fino{font-size:13px;line-height:1.5;color:var(--fita-fraco);margin:0;max-width:520px}
@media (min-width:760px){.fita-abre__lede{font-size:18.5px}.fita-abre__arte{--fita-ar:16/9}}
@media (min-width:960px){
  .fita-abre{padding:10px 0 46px}
  .fita-abre__in{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:30px}
  .fita-abre__arte{--fita-ar:4/3;order:0;margin:0}
  .fita-h1{font-size:clamp(38px,3.05vw,44px)}
}

/* ---------- faixa do Ministério da Fazenda ---------- */
.fita-aviso{background:var(--fita-tinta);color:#fff}
.fita-aviso__in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:20px;padding-bottom:20px}
.fita-aviso__frase{font:700 clamp(17px,4.5vw,24px)/1.25 var(--fita-f-tit);letter-spacing:-.005em;margin:0;color:#fff;text-wrap:balance}
.fita-aviso__ajuda{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;font:500 14px/1.3 var(--fita-f-txt);color:var(--fita-claro)}
.fita-aviso__ajuda a{color:#fff;text-decoration-color:var(--fita-roxo-esc)}

/* ---------- resposta curta + fatos ---------- */
.fita-resumo{padding:34px 0 6px}
.fita-resumo__in{display:grid;gap:12px}
.fita-resp{background:var(--fita-lilas);border-radius:var(--fita-r);padding:22px 20px 18px}
.fita-resp__q{font:800 22px/1.2 var(--fita-f-tit);letter-spacing:-.012em;margin:14px 0 10px}
.fita-resp__a{font-size:17px;line-height:1.6;color:var(--fita-tinta);margin:0 0 14px}
.fita-fontes{font-size:13px;line-height:1.5;color:var(--fita-fraco);margin:0}
.fita-fatos{background:var(--fita-tinta);border-radius:var(--fita-r);padding:20px;margin:0;display:grid;gap:16px 18px;align-content:center}
.fita-fato dt{font:700 11.5px/1.2 var(--fita-f-tit);letter-spacing:.07em;text-transform:uppercase;color:var(--fita-violeta);margin:0 0 6px}
.fita-fato dd{margin:0;font:700 18px/1.25 var(--fita-f-tit);color:#fff;overflow-wrap:anywhere}
.fita-fato .fita-ph{background:rgba(183,148,255,.18);color:var(--fita-violeta)}
@media (min-width:480px){.fita-fatos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:760px){.fita-resp{padding:28px 30px 22px}.fita-resp__q{font-size:26px}.fita-fatos{padding:26px 28px}}
@media (min-width:960px){.fita-resumo__in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}}

/* ---------- nesta página ---------- */
.fita-indice{padding-top:22px}
.fita-indice__t{font:700 12.5px/1 var(--fita-f-tit);letter-spacing:.07em;text-transform:uppercase;color:var(--fita-fraco);margin:0 0 12px}
.fita-indice ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fita-indice a{display:flex;align-items:center;gap:14px;min-height:54px;height:100%;padding:10px 16px;border-radius:var(--fita-r-m);background:var(--fita-nevoa);color:var(--fita-tinta);text-decoration:none;font:600 15.5px/1.3 var(--fita-f-tit)}
.fita-indice a:hover{background:var(--fita-lilas-2)}
.fita-indice b{font:800 15px/1 var(--fita-f-tit);color:var(--fita-roxo);min-width:22px}
/* colunas pelo número de itens (sem buracos): --t2 = 2 colunas a partir de 600px; --d2/--d3/--d4 = colunas no desktop */
@media (min-width:600px){.fita-indice--t2 ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.fita-indice--d2 ol{grid-template-columns:repeat(2,minmax(0,1fr))}.fita-indice--d3 ol{grid-template-columns:repeat(3,minmax(0,1fr))}.fita-indice--d4 ol{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- seções ---------- */
.fita-bloco{padding:50px 0 6px}
.fita-bloco--lilas{background:var(--fita-lilas);padding-bottom:50px;margin-top:44px}
.fita-bloco__cab{margin:0 0 18px;max-width:760px}
.fita-bloco__num{margin:0 0 12px}
.fita-h2{font-weight:800;font-size:24px;line-height:1.18;letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}
.fita-bloco__lede{font-size:17.5px;line-height:1.55;color:var(--fita-mudo);margin:0}
.fita-texto{max-width:720px}
.fita-texto p{margin:0 0 15px}
.fita-h3{font:700 19px/1.3 var(--fita-f-tit);margin:22px 0 8px}
.fita-mais{display:flex;flex-wrap:wrap;gap:12px 26px;margin:8px 0 0}
@media (min-width:760px){.fita-h2{font-size:29px}.fita-bloco__lede{font-size:18.5px}}
@media (min-width:960px){.fita-bloco{padding:68px 0 10px}.fita-bloco--lilas{padding-bottom:68px;margin-top:60px}}

/* texto + imagem */
.fita-split{display:grid;grid-template-areas:"cab" "arte" "corpo"}
.fita-split__cab{grid-area:cab}
.fita-split__arte{grid-area:arte;--fita-ar:16/10;margin:0 calc(-1 * var(--fita-lado)) 10px}
.fita-split__corpo{grid-area:corpo;min-width:0}
@media (min-width:960px){
  .fita-split{grid-template-columns:minmax(0,1fr) minmax(0,.84fr);grid-template-rows:auto 1fr;grid-template-areas:"cab arte" "corpo arte";column-gap:48px}
  .fita-split--inv{grid-template-columns:minmax(0,.84fr) minmax(0,1fr);grid-template-areas:"arte cab" "arte corpo"}
  .fita-split__arte{--fita-ar:5/4;margin:0;align-self:start;position:sticky;top:96px}
}

/* @@ linha: linha do tempo (vertical no celular, horizontal no desktop) */
.fita-linha{list-style:none;margin:8px 0 22px;padding:0;position:relative;display:grid;gap:20px}
.fita-linha::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:4px;border-radius:2px;background:var(--fita-lilas-2)}
.fita-linha li{position:relative;padding-left:36px}
.fita-linha li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:16px;background:var(--fita-roxo);clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%)}
.fita-linha time{display:block;font:800 15.5px/1.3 var(--fita-f-tit);color:var(--fita-roxo);margin:0 0 4px}
.fita-linha p{margin:0;font-size:16px;line-height:1.55}
/* --h = horizontal no desktop (só em largura total; ao lado de imagem fica vertical) */
@media (min-width:960px){
  .fita-linha--h{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px;padding-top:30px}
  .fita-linha--h::before{left:0;right:0;top:9px;bottom:auto;width:auto;height:4px}
  .fita-linha--h li{padding-left:0}
  .fita-linha--h li::before{top:-30px}
  .fita-linha--h time{font-size:17px;margin:0 0 8px}
}

/* @@ passos */
.fita-passos{list-style:none;margin:8px 0 18px;padding:0;display:grid;gap:10px;counter-reset:passo}
.fita-passos li{counter-increment:passo;position:relative;background:var(--fita-papel);border-radius:var(--fita-r-m);padding:16px 16px 16px 60px}
.fita-passos li::before{content:counter(passo);position:absolute;left:18px;top:13px;font:800 30px/1 var(--fita-f-tit);color:var(--fita-roxo)}
.fita-passos b{display:block;font:700 17px/1.3 var(--fita-f-tit);margin:0 0 4px}
.fita-passos p{margin:0;font-size:15.5px;line-height:1.55}
@media (min-width:600px){
  .fita-passos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fita-passos li:last-child:nth-child(odd){grid-column:1/-1}
}

/* @@ nota */
.fita-nota{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;background:var(--fita-tinta);color:#E7E3F2;border-radius:var(--fita-r);padding:18px 20px;margin:18px 0;font-size:16px;line-height:1.55}
.fita-nota .fita-ico{width:26px;height:26px;color:var(--fita-violeta);margin-top:1px}
.fita-nota b{color:#fff}
.fita-nota p{margin:0}
.fita-nota a{color:var(--fita-violeta)}

/* @@ duo */
.fita-duo{display:grid;gap:12px;margin:8px 0 18px}
.fita-painel{background:var(--fita-lilas);border-radius:var(--fita-r);padding:20px 20px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tit arte" "txt txt" "lnk lnk";column-gap:12px;align-content:start}
.fita-painel__tit{grid-area:tit;font:700 19px/1.3 var(--fita-f-tit);margin:6px 0 10px;display:flex;align-items:center;gap:10px;align-self:center}
.fita-painel__tit .fita-ico{width:24px;height:24px;color:var(--fita-roxo)}
.fita-painel__arte{grid-area:arte;--fita-ar:1/1;width:96px;margin:-8px -6px 0 0}
.fita-painel p{grid-area:txt;margin:0 0 14px;font-size:15.5px;line-height:1.55}
.fita-painel .fita-lnk{grid-area:lnk;align-self:end}
@media (min-width:760px){
  .fita-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .fita-painel{padding:22px 24px 20px;grid-template-rows:auto 1fr auto}
  .fita-painel__arte{width:120px}
}

/* @@ numeros */
.fita-nums{list-style:none;margin:10px 0 10px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fita-num{background:var(--fita-lilas);border-radius:var(--fita-r-m);padding:16px 16px 14px}
.fita-num b{display:block;font:800 clamp(27px,7.4vw,34px)/1 var(--fita-f-tit);letter-spacing:-.02em;color:var(--fita-roxo);margin:0 0 7px}
.fita-num span{display:block;font-size:14px;line-height:1.4;color:var(--fita-mudo)}
.fita-nums__fonte{font-size:13px;line-height:1.5;color:var(--fita-fraco);margin:0 0 18px}

/* lista de dados (- **Rótulo:** valor) */
.fita-lista{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:6px}
.fita-lista li{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 16px;background:var(--fita-lilas);border-radius:10px;padding:12px 16px}
.fita-lista b{font:700 13px/1.4 var(--fita-f-tit);letter-spacing:.02em;color:var(--fita-mudo)}
.fita-lista span{color:var(--fita-tinta);font-weight:700}
@media (min-width:480px){.fita-lista li{grid-template-columns:minmax(0,170px) minmax(0,1fr);align-items:baseline}}

/* @@ roda (só na página inicial) */
.fita-roda{display:grid;gap:22px;grid-template-areas:"cab" "giro" "info"}
.fita-roda__cab{grid-area:cab;margin:0}
.fita-roda__giro{grid-area:giro}
.fita-roda__info{grid-area:info;min-width:0}
.fita-roda__disco{position:relative;width:min(290px,76vw);margin:8px auto 0;display:none}
.js .fita-roda__disco{display:block}
.fita-roda__svg{width:100%;height:auto;transition:transform 2.6s cubic-bezier(.12,.7,.08,1)}
.fita-roda__ico{transform-box:fill-box;transform-origin:50% 50%;transition:transform 2.6s cubic-bezier(.12,.7,.08,1)}
.fita-roda__ponteiro{position:absolute;left:50%;top:-8px;width:28px;height:34px;transform:translateX(-50%);background:var(--fita-tinta);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);z-index:2}
.fita-roda__centro{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--fita-papel);display:grid;place-items:center}
.fita-roda__centro img{width:54%;height:auto}
.fita-roda__girar{display:flex;margin:18px auto 0}
.fita-roda__saida{background:var(--fita-papel);border-radius:var(--fita-r);padding:20px 22px}
.fita-roda__rot{font:700 12.5px/1 var(--fita-f-tit);letter-spacing:.07em;text-transform:uppercase;color:var(--fita-fraco);margin:0 0 10px}
.fita-roda__tit{font:800 24px/1.15 var(--fita-f-tit);color:var(--fita-tinta);margin:0 0 8px}
.fita-roda__desc{margin:0 0 14px;color:var(--fita-texto)}
.fita-roda__lista{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.fita-roda__lista a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--fita-papel);color:var(--fita-tinta);font:600 14px/1 var(--fita-f-tit);text-decoration:none}
.fita-roda__lista a b{color:var(--fita-roxo);font-weight:800}
.fita-roda__lista a:hover{background:var(--fita-lilas-2)}
.fita-roda__lista a.is-on{background:var(--fita-tinta);color:#fff}
.fita-roda__lista a.is-on b{color:var(--fita-violeta)}
@media (min-width:960px){.fita-roda{grid-template-columns:330px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"giro cab" "giro info";column-gap:56px;row-gap:18px}.fita-roda__giro{align-self:center}.fita-roda__disco{width:300px}}

/* FAQ */
.fita-faq{display:grid;gap:10px;max-width:860px;margin:6px 0 0}
.fita-faq details{background:var(--fita-lilas);border-radius:var(--fita-r-m)}
.fita-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;font:700 16.5px/1.35 var(--fita-f-tit);color:var(--fita-tinta)}
.fita-faq summary::-webkit-details-marker{display:none}
.fita-faq summary .fita-ico{color:var(--fita-roxo);width:22px;height:22px;transition:transform .2s}
.fita-faq details[open] summary .fita-ico{transform:rotate(45deg)}
.fita-faq details>p{margin:0;padding:0 18px 18px}
.fita-faq__r{padding:0 18px 18px}
.fita-faq__r p{margin:0 0 10px}
.fita-faq__r>:last-child{margin-bottom:0}

/* bloco final (preto + faixa.png) */
.fita-final{position:relative;background:var(--fita-noite);color:var(--fita-claro);overflow:hidden;margin-top:60px}
.fita-final__arte{--fita-ar:16/9;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.fita-final__in{position:relative;padding-top:0;padding-bottom:40px}
.fita-final__tit{color:#fff;font:800 25px/1.15 var(--fita-f-tit);letter-spacing:-.015em;margin:16px 0 12px;max-width:560px}
.fita-final p{max-width:540px}
.fita-final p b{color:#fff}
.fita-final__acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:22px 0 0}
.fita-final__fino{font-size:13px;line-height:1.55;color:#A9A2C2;margin:18px 0 0;max-width:620px}
.fita-final__fino b{color:#fff}
@media (min-width:760px){.fita-final__tit{font-size:30px}}
@media (min-width:960px){
  .fita-final__arte{position:absolute;top:0;right:0;bottom:0;width:66%;height:100%;aspect-ratio:auto;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%);mask-image:linear-gradient(to right,transparent 0,#000 30%)}
  .fita-final__in{padding-top:66px;padding-bottom:66px;min-height:420px}
}

/* rodapé */
.fita-rodape{background:var(--fita-nevoa);color:var(--fita-texto);padding:44px 0 30px;font-size:15px;line-height:1.55}
.fita-rodape__grade{display:grid;gap:28px}
.fita-rodape__marca img{height:19px;width:auto;margin:0 0 16px}
.fita-rodape__marca p{margin:0 0 8px;max-width:400px}
.fita-rodape__tit{font:700 12.5px/1 var(--fita-f-tit);letter-spacing:.07em;text-transform:uppercase;color:var(--fita-fraco);margin:0 0 12px}
.fita-rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fita-rodape a{color:var(--fita-tinta);text-decoration:none;font-weight:700}
.fita-rodape a:hover{color:var(--fita-roxo);text-decoration:underline}
.fita-rodape__legal{margin-top:30px;background:var(--fita-papel);border-radius:var(--fita-r);padding:20px 22px;display:grid;gap:8px;font-size:13.5px;color:var(--fita-mudo)}
.fita-rodape__legal p{margin:0}
.fita-rodape__adverte{font:700 17px/1.35 var(--fita-f-tit);color:var(--fita-tinta)}
.fita-rodape__selos{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.fita-rodape__copy{margin:18px 0 0;font-size:13px;color:var(--fita-fraco)}
@media (min-width:760px){.fita-rodape__grade{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)}}

/* barra fixa no celular */
.fita-doca{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--fita-tinta);padding:10px var(--fita-lado) calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}
.fita-doca .fita-botao{flex:1;min-height:48px}
.fita-doca__txt{font:600 12px/1.25 var(--fita-f-txt);color:var(--fita-claro);max-width:92px}
@media (max-width:759px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}
@media (min-width:760px){.fita-doca{display:none}}

/* página interna: abertura menor (mesma grade, arte = insert-*) */
.fita-trilha{display:flex;flex-wrap:wrap;gap:6px;font:600 13px/1.3 var(--fita-f-tit);color:var(--fita-fraco);margin:0 0 14px;padding:0;list-style:none}
.fita-trilha a{color:var(--fita-mudo);text-decoration:none}
.fita-trilha li+li::before{content:"/";margin-right:6px;color:var(--fita-lilas-3)}
.fita-abre--interna .fita-h1{font-size:clamp(27px,7vw,34px)}
.fita-abre--interna .fita-abre__arte{--fita-ar:16/10}
@media (min-width:960px){.fita-abre--interna .fita-abre__arte{--fita-ar:5/4}.fita-abre--interna .fita-h1{font-size:clamp(34px,2.8vw,40px)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fita-roda__svg,.fita-roda__ico,.fita-faq summary .fita-ico,.fita-lnk .fita-ico,.fita-botao{transition:none}
}

/* «Mais sobre a SeuBet» (páginas internas): 6 cartões = as outras páginas, sem buracos (1 / 2 / 3 colunas) */
.fita-cartoes{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.fita-cartao{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;height:100%;background:var(--fita-lilas);border-radius:var(--fita-r);padding:10px 16px 10px 8px;text-decoration:none;color:var(--fita-texto)}
.fita-cartao:hover{background:var(--fita-lilas-2);color:var(--fita-texto)}
.fita-cartao .fita-arte{--fita-ar:4/3;grid-row:1/3;width:88px}
.fita-cartao b{font:700 16.5px/1.25 var(--fita-f-tit);color:var(--fita-tinta);align-self:end}
.fita-cartao span{font-size:14px;line-height:1.4;color:var(--fita-mudo);align-self:start}
@media (min-width:600px){.fita-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.fita-cartoes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fita-cartao{grid-template-columns:112px minmax(0,1fr);padding:12px 18px 12px 8px}.fita-cartao .fita-arte{width:112px}}

/* página com cta: não (no <body class="fita-sem-cta">): some o «Jogar agora» do topo, do herói, do final e a barra fixa */
.fita-sem-cta .fita-cab__cta,.fita-sem-cta .fita-abre__acoes .fita-botao,.fita-sem-cta .fita-final__acoes,.fita-sem-cta .fita-doca{display:none}
@media (max-width:759px){.fita-sem-cta{padding-bottom:0}}

/* listas do texto: - item → fita-ul (marcador = fitinha roxa); 1. **Rótulo** texto → fita-ol (número roxo) */
.fita-ul,.fita-ol{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:9px;max-width:720px}
.fita-ul li{position:relative;padding-left:26px}
.fita-ul li::before{content:"";position:absolute;left:0;top:calc(.81em - 5px);width:13px;height:10px;background:var(--fita-roxo);clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%)}
.fita-ol{counter-reset:item}
.fita-ol li{counter-increment:item;position:relative;padding-left:34px}
.fita-ol li::before{content:counter(item);position:absolute;left:0;top:0;font:800 19px/1.45 var(--fita-f-tit);color:var(--fita-roxo)}

/* ---------- produção (site-build/build.py) ---------- */
/* logotipo B «Selo» (5,85:1) */
.fita-marca--b img{height:26px}
@media (min-width:380px){.fita-marca--b img{height:28px}}
@media (min-width:760px){.fita-marca--b img{height:30px}}
@media (min-width:1200px){.fita-marca--b img{height:32px}}
.fita-rodape__marca--b img{height:30px}
/* corpo de seção sem imagem: prosa com largura de leitura; blocos podem ir à largura toda */
.fita-corpo>p,.fita-corpo>h3,.fita-corpo>.fita-ul,.fita-corpo>.fita-ol,.fita-corpo>.fita-lista,.fita-corpo>.fita-nota{max-width:780px}
.fita-bloco__resto{margin-top:10px}
.fita-veredito{color:var(--fita-roxo)}
/* duo ao lado de imagem: uma coluna no desktop */
@media (min-width:960px){.fita-split__corpo .fita-duo{grid-template-columns:minmax(0,1fr)}}
/* @@ numeros: 3 itens = 3 colunas; 4 itens em largura total = 4 colunas */
@media (min-width:600px){.fita-nums--n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.fita-nums--larga.fita-nums--n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* link secundário no bloco final (fundo preto) */
.fita-final .fita-lnk{color:#fff}
.fita-final .fita-lnk .fita-ico{color:var(--fita-violeta)}
.fita-final .fita-lnk:hover{color:var(--fita-violeta)}
/* 404: 8 cartões = 4 colunas no desktop, imagem em cima */
@media (min-width:960px){
  .fita-cartoes--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .fita-cartoes--4 .fita-cartao{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:10px 16px 16px;align-content:start}
  .fita-cartoes--4 .fita-cartao .fita-arte{grid-row:auto;width:100%}
}

/* build.py */
.fita-resumo__in--so{grid-template-columns:minmax(0,1fr)!important}
.fita-abre--erro{padding-top:30px}
.fita-trilha{list-style:none;padding:0}
.fita-nota__txt>:last-child{margin-bottom:0}
.fita-nota__txt p{margin:0 0 10px}
.fita-painel__txt{grid-area:txt}
.fita-painel__txt>:last-child{margin-bottom:0}
.fita-painel__txt p{margin:0 0 12px;font-size:15.5px;line-height:1.55}
.fita-split__corpo>p:first-child{margin-top:0}
.fita-lista--longa span{font-weight:400;color:var(--fita-texto)}