/* BoraLeve v3 | 12/10/2026 | "dia de prova": asfalto, faixa de pista e peitoral.
   Camada sobre a v2 (não substitui). Regras: design-impecavel v2 + frontend-design.
   Verde só em ação · laranja só em sinalização de pista · creme = papel do peitoral. */
:root{
  --papel:#F7F7F2; --asfalto-2:#1B2D52; --asfalto-3:#0F1A33;
  --faixa:#FF6B1A;
  --sombra-peito:0 1px 0 rgba(255,255,255,.6) inset,0 22px 44px -20px rgba(6,12,28,.65);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --z-topo:30; --z-pular:99;
}
html{scroll-padding-top:84px}
::selection{background:#FFD7BF;color:var(--tinta)}
html{accent-color:var(--verde);caret-color:var(--verde);scrollbar-color:#9AA3B5 transparent}
a{text-underline-offset:.18em;text-decoration-thickness:.07em}
p,li,dd{text-wrap:pretty}
.btn{transition:background .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .18s var(--ease-out)}
.btn:active{transform:translateY(1px)}

/* rótulos de seção: sem caixa-alta espaçada; marcador de faixa de pista */
.rotulo{font:700 .9rem/1.2 var(--texto);letter-spacing:0;text-transform:none;color:var(--tinta);display:inline-flex;align-items:center;gap:.6em}
.rotulo::before{content:"";width:28px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--faixa) 0 9px,transparent 9px 13px);flex:none}

/* ---------- HERO: linha de largada ---------- */
.hero{background:linear-gradient(180deg,#FFFFFF 0%,var(--fundo-2) 100%)}
.hero::before{display:none}
.hero .selo-topo{background:var(--tinta);color:#fff;border-color:transparent}
.hero .selo-topo b{color:#fff;background:rgba(255,255,255,.12)}
.hero .selo-topo b::before{background:var(--faixa)!important;box-shadow:none!important}
.largada{position:relative;border-radius:22px;background:
   linear-gradient(90deg,transparent calc(50% - 3px),rgba(255,255,255,.0) calc(50% - 3px)),
   radial-gradient(120% 80% at 80% 0%,#22355E 0%,transparent 60%),
   var(--tinta);
  min-height:620px;padding:28px 28px 96px;overflow:hidden;isolation:isolate;box-shadow:0 30px 60px -30px rgba(10,20,45,.55)}
/* textura de asfalto (pontilhado fino) e faixa central tracejada */
.largada::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1.2px),radial-gradient(rgba(0,0,0,.25) 1px,transparent 1.2px);
  background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}
.largada::after{content:"";position:absolute;z-index:-1;top:0;bottom:84px;left:50%;width:8px;margin-left:-4px;
  background:repeating-linear-gradient(180deg,var(--papel) 0 34px,transparent 34px 62px);opacity:.85}
.largada .linha-chegada{position:absolute;left:0;right:0;bottom:66px;height:18px;z-index:-1;opacity:.9;
  background:conic-gradient(var(--papel) 25%,var(--tinta) 0 50%,var(--papel) 0 75%,var(--tinta) 0) 0 0/18px 18px}
.largada .legenda{position:absolute;z-index:4;left:28px;right:28px;bottom:20px;margin:0;color:#C9D0DD;font-size:.9rem;line-height:1.4;display:flex;justify-content:space-between;align-items:center;gap:12px}
.largada .legenda a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.largada .legenda a{color:#fff;font-weight:700}

.peitos{position:relative;list-style:none;margin:0;padding:0;height:470px}
.peito{position:absolute;width:min(286px,64%);}
.peito:nth-child(1){left:0;top:4px;transform:rotate(-4deg);z-index:1}
.peito:nth-child(2){right:0;top:118px;transform:rotate(3deg);z-index:2}
.peito:nth-child(3){left:6%;top:236px;transform:rotate(-1.5deg);z-index:3}

/* o peitoral */
.bib{position:relative;display:block;text-decoration:none;color:var(--tinta);background:var(--papel);
  border-radius:12px;padding:30px 26px 20px;box-shadow:var(--sombra-peito);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}
/* quatro furos de alfinete */
.bib::before{content:"";position:absolute;inset:10px;pointer-events:none;
  background:
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) left top/12px 12px no-repeat,
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) right top/12px 12px no-repeat,
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) left bottom/12px 12px no-repeat,
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) right bottom/12px 12px no-repeat}
.bib .bib-topo{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 .78rem/1 var(--texto);color:var(--texto-2)}
.bib .bib-topo .pub{background:var(--tinta);color:#fff;border-radius:6px;padding:4px 7px;font-size:.72rem}
.bib .bib-n{display:block;font:900 italic clamp(4.2rem,7.5vw,5.6rem)/.82 var(--display);letter-spacing:-.03em;margin:12px 0 10px;
  font-variant-numeric:tabular-nums;color:var(--tinta)}
.bib .bib-n::after{content:"";display:block;height:6px;margin-top:10px;border-radius:3px;
  background:repeating-linear-gradient(90deg,var(--faixa) 0 22px,transparent 22px 30px)}
.bib .bib-modelo{display:block;font:800 1.08rem/1.2 var(--display);letter-spacing:-.01em}
.bib .bib-loja{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.86rem;color:var(--texto-2)}
.bib .bib-loja .ic{width:16px;height:16px;color:var(--verde)}
a.bib:hover{transform:translateY(-4px) rotate(0deg);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 28px 50px -18px rgba(6,12,28,.7)}
a.bib:focus-visible{outline:3px solid var(--faixa);outline-offset:4px}

/* um único momento autoral: os peitorais assentam na largada */
@keyframes assenta{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.peito{animation:assenta .7s var(--ease-out) both}
.peito:nth-child(2){animation-delay:.12s}
.peito:nth-child(3){animation-delay:.24s}
@media (prefers-reduced-motion:reduce){.peito{animation:none}a.bib:hover{transform:none}}

@media (max-width:900px){
  .largada{min-height:0;padding:22px 16px 96px}
  .peitos{height:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 14px;margin-inline:-4px;scrollbar-width:none}
  .peitos::-webkit-scrollbar{display:none}
  .peito{position:static;flex:0 0 78%;transform:none!important;scroll-snap-align:center}
  .largada .linha-chegada{bottom:66px}
  .largada .legenda{left:16px;right:16px}
  .largada .legenda span{display:none}
}

/* ---------- faixa de confiança vira pista ---------- */
.confia{background:var(--tinta);border:0;color:#fff;position:relative}
.confia::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(90deg,var(--faixa) 0 40px,transparent 40px 64px)}
.confia li{border-color:rgba(255,255,255,.12)}
.confia b{color:#fff}
.confia span{color:#C9D0DD}
.confia span a{color:#fff}
.confia .ic{color:var(--faixa)}

/* cards: uma só elevação (sombra OU borda) */
.passo,.card-guia,.guia-card,.quem-card{box-shadow:none}

/* ---------- /achados: cada achado é um peitoral ---------- */
.achado{position:relative;background:var(--papel)!important;border:0!important;border-radius:14px!important;box-shadow:var(--sombra-peito)!important;overflow:visible!important}
.achado::before{content:"";position:absolute;inset:10px;pointer-events:none;z-index:1;
  background:
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) left top/12px 12px no-repeat,
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) right top/12px 12px no-repeat,
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) left bottom/12px 12px no-repeat,
   radial-gradient(circle,#C9CCC2 0 3.2px,var(--tinta) 3.4px 4.2px,transparent 4.6px) right bottom/12px 12px no-repeat}
.achado .ach-cat{background:transparent!important;color:var(--texto-2)!important;padding:26px 26px 0!important}
.achado .bib-n{display:block;margin-top:12px;font:900 italic clamp(3.6rem,6vw,4.6rem)/.82 var(--display);letter-spacing:-.03em;padding:0 26px;color:var(--tinta);font-variant-numeric:tabular-nums}
.achado .bib-n::after{content:"";display:block;height:6px;margin-top:10px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--faixa) 0 22px,transparent 22px 30px)}


/* ajustes do Juiz 16 (12/10) */
.peitos{height:540px}
.largada{min-height:700px;box-shadow:none}
.peito:nth-child(2){top:150px}
.peito:nth-child(3){top:300px}
a.bib:hover{transform:none;box-shadow:var(--sombra-peito)}
.bib{transition:none}
.btn{transition:background .18s var(--ease-out),box-shadow .18s var(--ease-out)}
.btn-verde:hover,.btn-prim:hover{transform:none}
.hero h1 .marca-texto{color:var(--tinta)}
.hero h1 .marca-texto::after{background:var(--faixa);height:.1em;bottom:.04em;opacity:.9}
.bib .bib-loja .ic{color:var(--texto-2)}
.bib .bib-topo,.bib .bib-topo .pub{font-size:.8125rem}
.achado .pub,.achado small,.achado .acao p{font-size:.8125rem}
.hero .link-seta,.confia a{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:900px){.peitos{height:auto}.largada{min-height:0}}
@media (min-width:901px){
  .peito{width:56%}
  .peito:nth-child(1){left:0;top:0}
  .peito:nth-child(2){right:0;left:auto;top:170px}
  .peito:nth-child(3){left:3%;top:385px}
  .peitos{height:630px}
  .largada{min-height:790px}
  .bib{padding:28px 22px 18px}
  .bib .bib-n{font-size:4.4rem}
}

/* fase 2 (12/10): ficha do achado em grade */
.achado .ficha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:4px 0 14px;border-block:1px dashed #C9CCC2}
.achado .ficha > div{padding:10px 8px 10px 0}
.achado .ficha > div + div{padding-left:10px;border-left:1px dashed #C9CCC2}
.achado .ficha dt{font:700 .8125rem/1.2 var(--texto);color:var(--texto-2);margin:0}
.achado .ficha dd{font:800 1rem/1.25 var(--display);color:var(--tinta);margin:4px 0 0;font-variant-numeric:tabular-nums}

/* fase 2 (12/10): barra fixa "Receber achados" no celular */
.barra-canal{display:none}
@media (max-width:900px){
  body{padding-bottom:76px}
  .barra-canal{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:10px;align-items:center;justify-content:space-between;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--tinta);color:#fff;box-shadow:0 -10px 24px -14px rgba(6,12,28,.6)}
  .barra-canal::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(90deg,var(--faixa) 0 26px,transparent 26px 40px)}
  .barra-canal span{font:800 .95rem/1.2 var(--display)}
  .barra-canal nav{display:flex;gap:8px}
  .barra-canal a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:999px;font:700 .9rem/1 var(--texto);text-decoration:none}
  .barra-canal a.wa{background:var(--verde);color:#fff}
  .barra-canal a.tg{background:rgba(255,255,255,.12);color:#fff}
}

/* fase 2 (12/10): filtro por uso, só CSS (:has), sem JavaScript (D39). Sem suporte a :has, mostra tudo.
   Ajustes do Juiz 16: legend em linha própria, foco em tinta (laranja só sinaliza), margem para a barra fixa do celular. */
.filtro-uso{border:0;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;scroll-margin-bottom:96px}
.filtro-uso legend{float:none;width:100%;font-size:.875rem;font-weight:600;color:var(--texto-2);margin:0 0 6px;padding:0}
.filtro-uso input{position:absolute;opacity:0;width:1px;height:1px}
.filtro-uso label{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--linha-2);background:#fff;font-weight:600;font-size:.9375rem;color:var(--tinta);cursor:pointer}
.filtro-uso label span{font-variant-numeric:tabular-nums;color:var(--suave);font-weight:500}
.filtro-uso input:checked+label{background:var(--tinta);border-color:var(--tinta);color:#fff}
.filtro-uso input:checked+label span{color:#C4CAD6}
.filtro-uso input:focus-visible+label{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--tinta)}
.achados-sec:has(#u-corrida:checked) .achados>li:not(.uso-corrida),
.achados-sec:has(#u-casa:checked) .achados>li:not(.uso-casa),
.achados-sec:has(#u-trilha:checked) .achados>li:not(.uso-trilha),
.achados-sec:has(#u-bike:checked) .achados>li:not(.uso-bike){display:none}
@media (max-width:760px){.achados{padding-bottom:72px}}
/* selo de frescor: data absoluta e aviso fixo; só a idade >= 7 dias muda o tom (cinza) */
.achado .frescor{position:relative;z-index:2;display:flex;align-items:baseline;gap:8px;margin:10px 26px 0;font-size:.8125rem;font-weight:600;color:var(--texto-2);line-height:1.45}
.achado .f-ponto{width:8px;height:8px;border-radius:50%;background:var(--tinta);flex:none;transform:translateY(-1px)}
.achado .f-antigo{color:var(--suave)}
.achado .f-antigo .f-ponto{background:#A9AFBC}
.achado .f-aviso{font-weight:500}

/* 12/10 21h40: CNPJ só no rodapé (pedido do Thiago) — faixa de confiança com 3 itens */
@media (min-width:901px){.confia ul{grid-template-columns:repeat(3,minmax(0,1fr))}}