/* =====================================================================
   AIZ · Seção DATALOOK na home (braço de inteligência e dados)
   Paleta da submarca: amarelo Datalook + azul-noite AIZ.
   ===================================================================== */
:root{--dl-y:#fcd900;--dl-y-2:#ffe54d;--dl-ink:#0b0d12;--dl-noite:#060b18}

/* botões */
.dl-btn{background:var(--dl-y);color:var(--dl-ink);border-color:var(--dl-y)}
.dl-btn:hover{background:var(--dl-y-2);border-color:var(--dl-y-2)}
.dl em{font-style:italic}

/* pulso "online" */
.dl-pulso{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2fd47a;box-shadow:0 0 0 0 rgba(47,212,122,.6);animation:dl-pulso 1.8s ease-out infinite;flex:none}
@keyframes dl-pulso{to{box-shadow:0 0 0 10px rgba(47,212,122,0)}}

/* ---------- 1. Hero ---------- */
.dl-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--dl-noite);color:var(--c-white);padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(3rem,6vw,5.5rem)}
.dl-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(to right,rgba(252,217,0,.05) 1px,transparent 1px) 0 0/calc(100% / 12) 100%,
    repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}
.dl-hero__fundo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.dl-hero__radar{position:absolute;width:min(1100px,120vw);aspect-ratio:1;left:-22%;top:50%;translate:0 -50%;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 69px,rgba(124,196,234,.08) 69px 70px);
  -webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%)}
.dl-hero__radar::after{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 300deg,rgba(252,217,0,.08) 355deg,rgba(252,217,0,.22) 360deg);animation:dl-gira 6s linear infinite}
@keyframes dl-gira{to{rotate:360deg}}
.dl-hero__grid{display:grid;gap:2.5rem;align-items:start}
.dl-logo{display:block;width:240px;margin-bottom:2rem;box-shadow:0 18px 40px -22px rgba(0,0,0,.9)}
.dl-logo img{width:100%;height:auto}
.dl-hero .sobrelinha{color:var(--dl-y)}
.dl-hero__titulo{font-size:clamp(2.5rem,1.3rem + 3.8vw,5rem);line-height:1.02;text-wrap:balance}
.dl-hero__titulo em{color:var(--dl-y)}
.dl-hero .lead{margin-top:1.4rem;max-width:56ch;color:var(--fg-claro-2)}
.dl-selos{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.8rem 0 1.6rem}
.dl-selos li{border:1px solid rgba(252,217,0,.35);padding:.5rem .8rem;font-size:var(--fs-small);color:var(--fg-claro-2);background:rgba(252,217,0,.04)}
.dl-selos strong{color:var(--c-white);margin-right:.25rem}
.dl-hero__link{color:var(--dl-y)}

/* ---------- 2. Prova ---------- */
.dl-prova{background:var(--bg)}
.dl-prova__cab{max-width:760px;margin-bottom:clamp(2rem,5vw,3.5rem)}
.dl-numeros{grid-template-columns:1fr 1fr}
.dl-numeros__item{border-top-color:var(--c-navy-800)}
.dl-numeros__item--destaque{border-top:4px solid var(--dl-y);background:var(--c-white);padding:1.4rem 1.4rem 1.6rem;box-shadow:0 20px 50px -35px rgba(10,18,38,.5)}
.dl-numeros__item--destaque .num{font-size:clamp(3rem,2rem + 3.5vw,5.2rem)!important}

/* ---------- 3. Metodologia ---------- */
.dl-metodo{background:var(--c-navy-950);color:var(--c-white)}
.dl .dl-metodo .t2 em,.dl .dl-metodo .t3 em{color:var(--dl-y)}
.dl .dl-metodo .lead{color:var(--fg-claro-2)}
.dl-metodo .sobrelinha{color:var(--dl-y)}
.dl-metodo__grid{display:grid;gap:2.5rem;margin-top:clamp(2rem,5vw,3.5rem)}
.dl-passos{display:grid;counter-reset:p}
.dl-passos li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--linha-escura)}
.dl-passos li:last-child{border-bottom:1px solid var(--linha-escura)}
.dl-passos__n{font-family:var(--f-serif);font-style:italic;font-size:1.6rem;line-height:1;color:var(--dl-y)}
.dl-passos p{margin:.4rem 0 0;color:var(--fg-claro-2);font-size:var(--fs-small);line-height:1.6;max-width:56ch}

.dl-dossie{position:relative;margin:0;align-self:start;background:#0d1426;border:1px solid rgba(124,196,234,.22);padding:1.25rem 1.25rem 1rem;overflow:hidden;
  font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;color:var(--fg-claro-2)}
.dl-dossie__topo{display:flex;justify-content:space-between;padding-bottom:.8rem;margin-bottom:.9rem;border-bottom:1px dashed rgba(255,255,255,.14);color:var(--dl-y);letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.72rem}
.dl-dossie__id{color:var(--c-slate-400)}
.dl-dossie__alvo{margin:0 0 1rem}
.dl-dossie__alvo span{color:var(--c-slate-400);display:inline-block;min-width:3.4rem}
.dl-dossie__alvo b{color:var(--c-white);font-weight:400}
.dl-dossie__linhas{display:grid;gap:.15rem}
.dl-dossie__linhas li{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.5rem;align-items:baseline;padding:.45rem 0;border-top:1px solid rgba(255,255,255,.06)}
.dl-dossie__linhas i{font-style:normal;font-weight:700;text-align:center}
.dl-dossie__linhas .ok i{color:#2fd47a}
.dl-dossie__linhas .alerta i{color:var(--dl-y)}
.dl-dossie__linhas b{color:var(--c-white);font-weight:400;white-space:nowrap}
.dl-dossie__linhas .alerta b{color:var(--dl-y)}
.dl-dossie__status{display:flex;align-items:center;gap:.6rem;margin:1rem 0 .4rem;padding:.7rem .8rem;background:rgba(47,212,122,.08);border:1px solid rgba(47,212,122,.3);color:#bff3d6;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}
.dl-dossie figcaption{font-family:var(--f-sans);font-size:.72rem;color:var(--c-slate-400);margin-top:.5rem}
.dl-dossie__scan{position:absolute;left:0;right:0;top:0;height:60px;pointer-events:none;
  background:linear-gradient(to bottom,transparent,rgba(252,217,0,.09),transparent);animation:dl-scan 3.6s ease-in-out infinite}
@keyframes dl-scan{0%{translate:0 -60px}100%{translate:0 520px}}
/* linhas entram em sequência quando o dossiê aparece */
.js .dl-dossie__linhas li,.js .dl-dossie__status{opacity:0;translate:-8px 0;transition:opacity .5s ease,translate .5s ease}
.js .dl-dossie.dl-in .dl-dossie__linhas li,.js .dl-dossie.dl-in .dl-dossie__status{opacity:1;translate:0 0}
.js .dl-dossie.dl-in li:nth-child(2){transition-delay:.35s}
.js .dl-dossie.dl-in li:nth-child(3){transition-delay:.7s}
.js .dl-dossie.dl-in li:nth-child(4){transition-delay:1.05s}
.js .dl-dossie.dl-in li:nth-child(5){transition-delay:1.4s}
.js .dl-dossie.dl-in .dl-dossie__status{transition-delay:1.85s}

.dl-mentiras{margin-top:clamp(3rem,7vw,5.5rem)}
.dl-mentiras .t3{max-width:720px;margin-bottom:1.75rem}
.dl-mentiras__lista{display:grid;gap:1px;background:var(--linha-escura);border:1px solid var(--linha-escura)}
.dl-mentiras__lista li{background:var(--c-navy-950);padding:1.4rem 1.3rem}
.dl-mentiras__alega{margin:0 0 .9rem;font-family:var(--f-serif);font-size:1.3rem;line-height:1.25;color:var(--c-white);text-decoration:line-through;text-decoration-color:rgba(252,217,0,.75);text-decoration-thickness:2px}
.dl-mentiras__prova{margin:0;font-size:var(--fs-small);color:var(--fg-claro-2);padding-left:1.1rem;position:relative}
.dl-mentiras__prova::before{content:"";position:absolute;left:0;top:.55em;width:.5rem;height:.5rem;background:var(--dl-y)}

/* ---------- Telas maiores ---------- */
@media (min-width:640px){
  .dl-mentiras__lista{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:900px){
  .dl-logo{width:300px}
  .dl-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,5vw,5rem)}
  .dl-numeros{grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:2rem;align-items:start}
  .dl-metodo__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,6rem)}
  .dl-dossie{position:sticky;top:120px}
  .dl-mentiras__lista{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .dl-hero__radar::after,.dl-dossie__scan,.dl-pulso{animation:none}
  .js .dl-dossie__linhas li,.js .dl-dossie__status{opacity:1;translate:none;transition:none}
}

/* ---------- Seção na home ---------- */
#datalook{scroll-margin-top:84px}
.dl-hero--sem-form .dl-hero__grid{grid-template-columns:1fr}
.dl-hero--sem-form .dl-hero__texto{max-width:820px}
.dl-hero--sem-form .dl-hero__radar{left:auto;right:-30%}
.dl-hero__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}
.dl-hero__acoes .dl-btn{padding:1rem 1.4rem}
.dl-hero--sem-form .dl-selos{margin-bottom:2rem}
@media (min-width:900px){
  .dl-hero--sem-form .dl-logo{width:340px}
}