/* ===== NO AR — base compartilhada (cabeçalho, faixa, final, rodapé) ===== */
  /* botões */
  .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:16px 26px; border-radius:10px;
       font-weight:700; font-size:.95rem; border:1px solid transparent; transition:transform 200ms var(--ease), background 200ms, box-shadow 200ms, border-color 200ms; white-space:nowrap}
  .btn svg{width:17px; height:17px}
  .btn:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible{outline:2px solid var(--green); outline-offset:3px; border-radius:8px}
  .btn-g{background:var(--green); color:#fff; box-shadow:0 10px 30px -10px rgba(34,180,85,.6)}
  .btn-g:hover{background:var(--green-2); transform:translateY(-2px)}
  .btn-o{border-color:var(--dline-2); color:var(--d)}
  .btn-o:hover{background:rgba(255,255,255,.06)}
  .btn-sm{padding:11px 18px; font-size:.86rem}
  .hero-btns{display:flex; flex-wrap:wrap; gap:12px}

  /* ---------- CABEÇALHO ---------- */
  header{position:fixed; top:0; left:0; right:0; z-index:100; transition:background 250ms, border-color 250ms, backdrop-filter 250ms; border-bottom:1px solid transparent; color:var(--d)}
  header.on{background:rgba(5,5,6,.82); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-color:var(--dline)}
  .nav{display:flex; align-items:center; justify-content:space-between; height:80px; gap:20px}
  .logo{display:flex; align-items:center; gap:10px; flex-shrink:0}
  .logo-mark{width:34px; height:34px; border-radius:9px; background:var(--red); display:flex; align-items:center; justify-content:center}
  .logo-mark svg{width:18px; height:18px}
  .logo-txt{display:flex; flex-direction:column; line-height:1}
  .logo-txt b{font-size:.98rem; font-weight:800; letter-spacing:.04em}
  .logo-txt i{font-style:normal; font-size:.58rem; font-weight:600; letter-spacing:.3em; color:var(--red-2); margin-top:3px}
  .nav-l{display:flex; align-items:center; gap:28px; font-size:.9rem; font-weight:500; color:var(--d2)}
  .nav-l > a:hover, .navdd-btn:hover{color:#fff}
  .navdd{position:relative}
  .navdd-btn{display:flex; align-items:center; gap:6px; background:none; border:0; font-size:.9rem; font-weight:500; color:inherit}
  .navdd-btn svg{width:12px; height:12px; transition:transform 200ms}
  .navdd.open .navdd-btn svg{transform:rotate(180deg)}
  .navdd-menu{position:absolute; top:calc(100% + 22px); left:50%; width:310px; transform:translate(-50%,6px); padding:8px; border-radius:14px;
    background:#121216; border:1px solid var(--dline-2); box-shadow:0 30px 60px -20px rgba(0,0,0,.9); opacity:0; visibility:hidden; transition:opacity 180ms, transform 180ms}
  .navdd.open .navdd-menu{opacity:1; visibility:visible; transform:translate(-50%,0)}
  .navdd-menu a{display:flex; flex-direction:column; padding:10px 12px; border-radius:9px; font-size:.9rem; color:var(--d); line-height:1.35}
  .navdd-menu a small{font-size:.76rem; color:var(--d3)}
  .navdd-menu a:hover{background:rgba(255,255,255,.06)}
  .nav-r{display:flex; align-items:center; gap:12px}
  .burger{display:none; background:none; border:0; padding:8px; color:var(--d)}
  .burger svg{width:24px; height:24px}
  @media (max-width:1020px){.nav-l{display:none} .burger{display:flex}}
  @media (max-width:520px){.nav-r .btn-g{display:none}}

  .mm{position:fixed; inset:0; z-index:200; background:var(--ink); color:var(--d); padding:20px 24px 32px; display:flex; flex-direction:column;
      transform:translateY(-100%); transition:transform 380ms var(--ease); overflow-y:auto}
  .mm.open{transform:none}
  .mm-top{display:flex; justify-content:space-between; align-items:center; height:48px}
  .mm nav{display:flex; flex-direction:column; margin:28px 0 auto}
  .mm nav > a, .mm-acc-btn{display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px 0; border:0; border-bottom:1px solid var(--dline);
      background:none; text-align:left; font-size:1.5rem; font-weight:700; letter-spacing:-0.02em; color:var(--d)}
  .mm-acc-btn svg{width:20px; height:20px; transition:transform 200ms}
  .mm-acc.open .mm-acc-btn svg{transform:rotate(180deg)}
  .mm-acc-panel{display:none; flex-direction:column; padding:6px 0 10px 4px}
  .mm-acc.open .mm-acc-panel{display:flex}
  .mm-acc-panel a{padding:9px 0; font-size:1.05rem; color:var(--d2)}
  .mm .btn{margin-top:28px; width:100%}
  /* ---------- FAIXA DE PLANTÃO ---------- */
  .crawl{display:flex; align-items:stretch; background:var(--red); color:#fff; overflow:hidden; padding:0; position:relative; z-index:2}
  .crawl-tag{flex-shrink:0; display:flex; align-items:center; gap:9px; padding:0 22px; background:#fff; color:var(--red); font-weight:800; font-size:.9rem; letter-spacing:-0.01em}
  .crawl-tag i{width:8px; height:8px; border-radius:50%; background:var(--red); animation:oaBlink 1.8s steps(1) infinite}
  .crawl-run{display:flex; flex-shrink:0; animation:crawl 38s linear infinite}
  .crawl-run span{display:flex; align-items:center; gap:22px; padding:16px 0 16px 22px; font-weight:600; font-size:1rem; white-space:nowrap}
  .crawl-run span::after{content:''; width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.6)}
  @keyframes crawl{to{transform:translateX(-50%)}}
  .crawl:hover .crawl-run{animation-play-state:paused}

  .oa-sign{display:inline-flex; align-items:center; gap:12px; padding:10px 20px 10px 16px; border-radius:8px;
    font-size:.95rem; font-weight:800; letter-spacing:.32em; text-transform:uppercase; color:#FFE9E6;
    background:linear-gradient(180deg,#F0313A,#B5141C); border:1px solid #FF6A62;
    box-shadow:0 0 0 1px rgba(0,0,0,.6), 0 0 28px rgba(232,38,47,.65), 0 0 90px rgba(232,38,47,.35), inset 0 1px 0 rgba(255,255,255,.35);
    text-shadow:0 0 10px rgba(255,255,255,.55); animation:oaHum 3.6s ease-in-out infinite}
  .oa-sign i{width:9px; height:9px; border-radius:50%; background:#fff; box-shadow:0 0 10px #fff; animation:oaBlink 1.8s steps(1) infinite}
  @keyframes oaHum{0%,100%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 28px rgba(232,38,47,.65),0 0 90px rgba(232,38,47,.35),inset 0 1px 0 rgba(255,255,255,.35)} 50%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 38px rgba(232,38,47,.85),0 0 130px rgba(232,38,47,.45),inset 0 1px 0 rgba(255,255,255,.35)}}
  @keyframes oaBlink{0%,60%{opacity:1} 61%,100%{opacity:.25}}

  @keyframes oaHum{0%,100%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 28px rgba(232,38,47,.65),0 0 90px rgba(232,38,47,.35),inset 0 1px 0 rgba(255,255,255,.35)} 50%{box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 38px rgba(232,38,47,.85),0 0 130px rgba(232,38,47,.45),inset 0 1px 0 rgba(255,255,255,.35)}}
  @keyframes oaBlink{0%,60%{opacity:1} 61%,100%{opacity:.25}}
  /* ---------- 12. FINAL: NO AR ---------- */
  .final{text-align:center; overflow:hidden; padding:150px 0}
  .final::before{content:''; position:absolute; left:50%; top:30%; width:900px; height:600px; transform:translate(-50%,-50%); background:radial-gradient(closest-side, rgba(232,38,47,.28), transparent 70%); pointer-events:none}
  .final .oa-sign{font-size:clamp(1.3rem,3vw,2.2rem); padding:.55em 1.1em .55em .9em; border-radius:14px; gap:.6em}
  .final .oa-sign i{width:.5em; height:.5em}
  .final h2{margin:44px auto 0; font-size:clamp(2.4rem,6vw,5rem); max-width:14ch; color:#fff}
  .final .lead{margin:22px auto 0; text-align:center}
  .final .hero-btns{justify-content:center; margin-top:36px}
  .final-note{display:flex; justify-content:center; flex-wrap:wrap; gap:8px 26px; margin-top:24px; font-size:.9rem; color:var(--d3)}
  .final-note span{display:inline-flex; align-items:center; gap:8px}
  .final-note svg{width:16px; height:16px; color:var(--green)}

  /* ---------- RODAPÉ ---------- */
  footer{background:var(--ink); color:var(--d2); padding:80px 0 0; border-top:1px solid var(--dline); overflow:hidden}
  .fgrid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px}
  .fbrand p{margin-top:18px; max-width:34ch; font-size:.95rem; line-height:1.6; color:var(--d3)}
  footer h4{font-size:.95rem; letter-spacing:-0.01em; color:#fff; margin-bottom:16px; font-weight:700}
  footer ul{display:flex; flex-direction:column; gap:10px; font-size:.95rem}
  footer ul a:hover{color:#fff}
  .fflags li{display:flex; align-items:center; gap:10px}
  .flag{width:20px; height:14px; border-radius:2px; overflow:hidden; flex-shrink:0}
  .fbot{display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:56px; padding:22px 0; border-top:1px solid var(--dline); font-size:.82rem; color:var(--d3); line-height:1.6}
  .fbig{font-size:clamp(4.5rem,19vw,17rem); font-weight:800; letter-spacing:-0.07em; line-height:.78; text-align:center; color:transparent;
        -webkit-text-stroke:1px rgba(255,255,255,.12); margin:30px 0 -0.08em; white-space:nowrap; user-select:none}
  @media (max-width:900px){ .fgrid{grid-template-columns:1fr 1fr} }
  @media (max-width:560px){ .fgrid{grid-template-columns:1fr} .fbot{flex-direction:column; align-items:flex-start} }

/* títulos surgindo do desfoque (Text Blur Reveal) */
.bw{display:inline}
.bw-on .bw{opacity:0; filter:blur(10px); transition:opacity .8s cubic-bezier(.2,.8,.2,1), filter .8s cubic-bezier(.2,.8,.2,1)}
.bw-on.bw-in .bw{opacity:1; filter:none}
@media (prefers-reduced-motion: reduce){ .bw-on .bw{opacity:1; filter:none; transform:none} }
.navdd-menu a.cur{background:rgba(232,38,47,.14)}
.final .lead{font-size:1.12rem; line-height:1.6; color:var(--d2); max-width:52ch}
.final h2{color:#fff}
.dk{background:var(--ink); color:var(--d)}

/* =========================================================
   ADAPT MEDIA — camada "NO AR" das páginas internas
   Carregada DEPOIS de adapt.css: troca a roupa, mantém as demos.
   ========================================================= */
:root{ --ink:#050506; --ink-2:#0B0B0E; --d:#F5F5F7; --d2:#B6B6C0; --d3:#878791; --dline:rgba(255,255,255,.1); --dline-2:rgba(255,255,255,.18);
       --t:#0E0E12; --t2:#43434D; --line:rgba(14,14,18,.1); --line-2:rgba(14,14,18,.18); --wrap:1240px }
body{font-size:17px; line-height:1.62}
html{scroll-padding-top:90px}
.wrap{padding:0 32px}
@media (max-width:640px){.wrap{padding:0 20px}}
h1,h2,h3{font-weight:800; letter-spacing:-0.04em}
h2{font-size:clamp(2rem,4.2vw,3.3rem); line-height:1.05}
h3{font-weight:700; letter-spacing:-0.02em}
.p{font-size:1.06rem; line-height:1.65}
section{padding:110px 0}
@media (max-width:768px){section{padding:72px 0}}
.soft{background:var(--ink-2)}
.i{width:1em; height:1em; stroke:currentColor; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round}

/* rótulos: ponto de gravação, sem caixa-alta */
.eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:.86rem; font-weight:600; letter-spacing:0; text-transform:none; color:#FF6B64}
.eyebrow::before{content:''; width:8px; height:8px; border-radius:50%; background:var(--red); box-shadow:0 0 0 4px rgba(232,38,47,.18); flex-shrink:0}
.light .eyebrow{color:var(--red)}
.head-c{max-width:760px; margin-bottom:56px}
.head-c h2, .head-2col h2{margin-top:16px}
.head-2col{margin-bottom:56px}
.head-2col h2{max-width:16ch}

/* botões */
.btn{padding:16px 26px; border-radius:10px; font-weight:700; font-size:.95rem}
.btn-g{box-shadow:0 10px 30px -10px rgba(34,180,85,.6)}
.btn-g:hover{transform:translateY(-2px)}

/* ---------- HERO DA PÁGINA: estúdio ---------- */
.phero{padding:120px 0 96px; isolation:isolate; overflow:hidden; overflow:clip}
.phero::before{display:none}
.phero::after{content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.5; background:repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 3px)}
.ph-glow{position:absolute; z-index:-1; right:-8%; top:0; width:60%; height:100%; background:radial-gradient(closest-side, rgba(232,38,47,.24), rgba(232,38,47,0) 70%); pointer-events:none}
.ph-floor{position:absolute; z-index:-1; left:-20%; right:-20%; bottom:-2px; height:42%;
  background-image:linear-gradient(rgba(232,38,47,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(232,38,47,.3) 1px, transparent 1px);
  background-size:64px 64px; transform:perspective(520px) rotateX(62deg); transform-origin:bottom center;
  -webkit-mask-image:linear-gradient(to top,#000,rgba(0,0,0,.3) 45%,transparent 85%); mask-image:linear-gradient(to top,#000,rgba(0,0,0,.3) 45%,transparent 85%); opacity:.45; pointer-events:none}
.ph-spot{position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%), rgba(255,80,70,.13), transparent 60%); transition:background .2s}
.phero h1{font-size:clamp(2.4rem,4.4vw,4rem); line-height:1.03; letter-spacing:-0.045em; margin-top:22px; max-width:17ch}
.phero .p{font-size:1.12rem; max-width:44ch; color:#B9B9C2}
.phero-btns{margin-top:32px}
.phero-tags .tag{background:rgba(255,255,255,.05); border-color:var(--dline)}
.crumb{padding-top:0; font-size:.84rem}
.ph-sign{display:flex; align-items:center; gap:14px; margin-top:28px}
.ph-sign .oa-sign{font-size:.78rem; padding:8px 15px 8px 12px; gap:10px}
.ph-sign .oa-sign i{width:7px; height:7px}
.ph-sign span{font-size:.92rem; font-weight:600; color:var(--d2)}
.phero .eyebrow{display:none}
.phero .dash, .phero .browser, .phero .phone{box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 50px 100px -40px rgba(0,0,0,.95), 0 0 80px -30px rgba(232,38,47,.55)}
@media (max-width:900px){ .phero{padding:104px 0 72px} }

/* ---------- CARTÕES com luz que segue o mouse ---------- */
.dcard{border-radius:18px; padding:30px 28px; background:linear-gradient(170deg,#141418,#0D0D10); border-color:rgba(255,255,255,.08)}
.dcard::before{opacity:1 !important; background:radial-gradient(380px circle at var(--mx,-50%) var(--my,-50%), rgba(232,38,47,.16), transparent 60%) !important; transition:none}
.dcard:hover{transform:translateY(-3px); border-color:rgba(232,38,47,.38)}
.dcard h3{font-size:1.2rem; margin-bottom:10px}
.dcard p{font-size:.97rem; line-height:1.6}
.light .dcard{background:#fff}
.spot{position:relative}
.spot::after{content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(420px circle at var(--mx,-50%) var(--my,-50%), rgba(232,38,47,.13), transparent 60%); z-index:2}

/* ---------- ANTES × DEPOIS = dois monitores ---------- */
.ba{gap:28px; max-width:1080px}
.ba-arrow{display:none}
.ba{grid-template-columns:1fr 1fr}
.ba-col{position:relative; isolation:isolate; overflow:hidden; border-radius:20px; padding:34px 32px 36px; border:0; box-shadow:0 0 0 10px #16161A, 0 0 0 11px #2A2A31, 0 40px 80px -40px rgba(0,0,0,.8); margin:11px}
.ba-col.bad{background:#1D1D22 !important; color:#9A9AA3}
.ba-col.bad::before{content:''; position:absolute; inset:-50%; z-index:-1; opacity:.16;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:static .6s steps(4) infinite}
.ba-col.bad::after{content:'Sem sinal'; position:absolute; top:30px; right:28px; padding:5px 10px; border-radius:6px; background:rgba(255,255,255,.08); color:#A6A6AE; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase}
.ba-col.good{background:linear-gradient(160deg,#1B0A0C,#0B0B0E 60%) !important; box-shadow:0 0 0 10px #16161A, 0 0 0 11px rgba(232,38,47,.6), 0 0 70px -10px rgba(232,38,47,.5), 0 40px 80px -40px rgba(0,0,0,.8)}
.ba-col.good::after{content:'● Ao vivo'; position:absolute; top:30px; right:28px; padding:5px 10px; border-radius:6px; background:var(--red); color:#fff; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase}
.ba-hd{padding-right:110px}
.ba-hd b{font-size:1.3rem; letter-spacing:-0.02em}
.ba-list li{font-size:1.02rem}
@keyframes static{0%{transform:translate(0,0)}25%{transform:translate(-8%,4%)}50%{transform:translate(5%,-6%)}75%{transform:translate(-3%,7%)}100%{transform:translate(0,0)}}
@media (max-width:860px){ .ba{grid-template-columns:1fr} }

/* ---------- ETAPAS = painéis que empilham na rolagem (Services Stack) ---------- */
@media (min-width:981px){
  .timeline{gap:18px; padding-bottom:40px}
  .tstep{position:sticky; padding:30px 30px 32px; border-radius:20px; background:linear-gradient(170deg,#17171C,#0E0E11); border:1px solid rgba(255,255,255,.09);
         box-shadow:0 -20px 50px -20px rgba(0,0,0,.8)}
  .tstep::before{display:none}
  .tstep:nth-child(1){top:110px} .tstep:nth-child(2){top:126px} .tstep:nth-child(3){top:142px}
  .tstep:nth-child(4){top:158px} .tstep:nth-child(5){top:174px} .tstep:nth-child(6){top:190px}
  .light .tstep{background:#fff; border-color:var(--line); box-shadow:0 -20px 50px -24px rgba(0,0,0,.18)}
  .split-head{position:sticky; top:120px}
}
.tnum{color:#FF7A73; letter-spacing:0; text-transform:none; font-size:.82rem}
.tbody h3{font-size:1.25rem}
.tbody p{font-size:.98rem}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line-2); max-width:860px}
.faq-i{border:0 !important; border-bottom:1px solid var(--line-2) !important; border-radius:0 !important; background:none !important; padding:0 !important}
.faq-q{padding:24px 0 !important; font-size:1.12rem !important; font-weight:700 !important; letter-spacing:-0.015em}
.faq-a{padding:0 50px 26px 0 !important; font-size:1.02rem !important; line-height:1.65}

/* ---------- OUTROS SERVIÇOS ---------- */
.ocard{border-radius:16px; padding:22px; background:linear-gradient(170deg,#141418,#0D0D10); border-color:rgba(255,255,255,.08)}
.ocard:hover{border-color:rgba(232,38,47,.45)}
.ocard b{font-size:1.05rem}
.btn-sm{padding:11px 18px; font-size:.86rem}
.tnum{text-transform:none !important; letter-spacing:0 !important}
.oa-sign{white-space:nowrap; flex-shrink:0}
@media (max-width:600px){
  .ba-col{padding:28px 22px 30px}
  .ba-hd{padding-right:0; padding-top:34px}
  .ba-col.bad::after, .ba-col.good::after{top:20px; right:auto; left:22px}
  .ph-sign{flex-wrap:wrap; gap:10px}
}

.final-lead{display:block !important; margin:22px auto 0 !important; max-width:52ch; text-align:center; font-size:1.12rem; line-height:1.6; color:var(--d2)}

  html, body{overflow-x:hidden; overflow-x:clip}

/* =========================================================
   V2 — imagem real nas páginas internas
   ========================================================= */
/* hero com vídeo em tela cheia */
.bg-v{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.phero.has-v{min-height:min(100svh,980px); display:flex; align-items:center; background:#000}
.phero.has-v > .wrap{width:100%}
.phero.has-v .bg-v{z-index:-4}
.ph-shade{position:absolute; inset:0; z-index:-3; pointer-events:none;
  background:linear-gradient(90deg, rgba(5,5,6,.93) 0%, rgba(5,5,6,.78) 38%, rgba(5,5,6,.3) 70%, rgba(5,5,6,.18) 100%),
             linear-gradient(0deg, rgba(5,5,6,.95) 0%, rgba(5,5,6,0) 40%), linear-gradient(180deg, rgba(5,5,6,.7) 0%, rgba(5,5,6,0) 22%)}
.phero.has-v .ph-floor{opacity:.25}
.phero.has-v .ph-glow{opacity:.6}
.phero.has-v .phero-grid > div:last-child{filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
@media (max-width:900px){ .ph-shade{background:linear-gradient(0deg, rgba(5,5,6,.96) 0%, rgba(5,5,6,.82) 50%, rgba(5,5,6,.6) 100%)} }

/* antes × depois = duas fotos grandes ("sem sinal" × "ao vivo") */
.ba-col{position:relative; isolation:isolate; overflow:hidden; min-height:600px; display:flex; flex-direction:column; justify-content:flex-end; padding:34px 32px; color:#fff; background:#0B0B0E !important}
.ba-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3}
.ba-col.bad .ba-img{filter:grayscale(1) brightness(.5) contrast(1.05)}
.ba-col.good .ba-img{filter:brightness(.8)}
.ba-col.good::before{content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(0deg, rgba(5,5,6,.96) 0%, rgba(5,5,6,.75) 42%, rgba(5,5,6,.05) 78%)}
.ba-col.bad::before{z-index:-2}
.ba-col .ba-hd b{color:#fff}
.ba-col .ba-hd{border-color:rgba(255,255,255,.18)}
.ba-col .ba-list li{color:rgba(255,255,255,.9)}
.ba-col .ba-list{margin-top:14px; text-shadow:0 1px 12px rgba(0,0,0,.5)}
@media (max-width:860px){ .ba-col{min-height:520px} }

/* outros serviços com foto */
.ocard{position:relative; overflow:hidden}
.ocard-ph{position:absolute; inset:0; z-index:0}
.ocard-ph img{width:100%; height:100%; object-fit:cover; opacity:.35; transition:opacity .4s, transform .8s var(--ease)}
.ocard:hover .ocard-ph img{opacity:.55; transform:scale(1.05)}
.ocard > *:not(.ocard-ph){position:relative; z-index:1}
.ocard{min-height:150px; align-items:flex-end; background:#0B0B0E}
.ocard::after{content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(0deg, rgba(5,5,6,.92) 10%, rgba(5,5,6,.3) 100%)}

/* final com vídeo */
.final{isolation:isolate; position:relative}
.final > .bg-v{z-index:-2; filter:saturate(.8)}
.final::after{content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(70% 70% at 50% 40%, rgba(5,5,6,.6), rgba(5,5,6,.93)), linear-gradient(0deg, rgba(5,5,6,1), rgba(5,5,6,.2) 40%)}
.ba-col .ba-img{-webkit-mask-image:linear-gradient(180deg,#000 25%, rgba(0,0,0,.18) 72%); mask-image:linear-gradient(180deg,#000 25%, rgba(0,0,0,.18) 72%)}
.ba-col.bad .ba-img{filter:grayscale(1) brightness(.7)}
.ba-col.bad .ba-list li, .ba-col.bad .ba-hd b{color:#E6E6EA !important}
.ba-col.bad .ba-list li svg{color:#8E8E98 !important}
.ocard-ph img{opacity:.5}

/* =========================================================
   V3 — prova real no lugar das telas falsas
   ========================================================= */
/* moldura de navegador e de celular com print real */
.pf-br{border-radius:14px; overflow:hidden; background:#1A1A1F; box-shadow:0 0 0 1px rgba(255,255,255,.1), 0 40px 80px -30px rgba(0,0,0,.8)}
.pf-bar{display:flex; align-items:center; gap:7px; padding:10px 14px; background:#16161A; border-bottom:1px solid rgba(255,255,255,.06)}
.pf-bar i{width:10px; height:10px; border-radius:50%; background:#3A3A42}
.pf-bar i:first-child{background:#FF5F57} .pf-bar i:nth-child(2){background:#FEBC2E} .pf-bar i:nth-child(3){background:#28C840}
.pf-bar span{margin-left:10px; flex:1; padding:5px 12px; border-radius:7px; background:#0E0E11; font-size:.76rem; color:#9A9AA5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pf-shot{position:relative; aspect-ratio:16/10; overflow:hidden; background:#0E0E11}
.pf-shot img{width:100%; height:100%; object-fit:cover; object-position:top}
.pf-ph{position:relative; width:170px; aspect-ratio:9/19.3; padding:7px; border-radius:30px; background:linear-gradient(145deg,#4A4A52,#1C1C20 35%,#2E2E34 65%,#131316);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18), inset 0 0 0 4px #0A0A0C, 0 30px 60px -20px rgba(0,0,0,.8)}
.pf-ph img{width:100%; height:100%; object-fit:cover; object-position:top; border-radius:24px}
.pf-isl{position:absolute; top:13px; left:50%; transform:translateX(-50%); width:52px; height:15px; border-radius:10px; background:#000; z-index:2}
.pf-cap{margin-top:16px; font-size:.86rem; color:var(--d3)}
.light .pf-cap{color:var(--t3)}

/* hero de Sites: navegador + celular sobrepostos */
.pf-hero{position:relative; padding-bottom:30px}
.pf-hero .pf-br{width:92%}
.pf-hero .pf-ph{position:absolute; right:0; bottom:20px; width:160px; transform:rotate(3deg)}
.pf-hero .pf-cap{margin-top:22px}

/* portfólio */
.pf-sec{background:#08080A}
.pf-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:22px}
.pf-card{position:relative; display:flex; flex-direction:column; border-radius:22px; overflow:hidden; background:#111114; box-shadow:0 0 0 1px rgba(255,255,255,.08); transition:transform .3s var(--ease), box-shadow .3s}
.pf-card:hover{transform:translateY(-4px); box-shadow:0 0 0 1px rgba(232,38,47,.5), 0 30px 60px -30px rgba(232,38,47,.4)}
.pf-card.big{grid-column:1 / -1}
.pf-art{position:relative; padding:26px 26px 0; background:radial-gradient(120% 90% at 20% 0%, #24161A, #111114 60%)}
.pf-art .pf-br{width:86%; border-radius:12px 12px 0 0}
.pf-art .pf-ph{position:absolute; right:22px; bottom:-30px; width:120px}
.pf-card.big .pf-art .pf-ph{width:150px}
.pf-meta{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:22px 26px; border-top:1px solid rgba(255,255,255,.07); position:relative; z-index:1; background:#111114}
.pf-meta b{display:block; font-size:1.15rem; color:#fff}
.pf-meta span{display:block; font-size:.9rem; color:var(--d3); margin-top:2px}
.pf-meta em{font-style:normal; display:inline-flex; align-items:center; gap:7px; font-size:.88rem; font-weight:700; color:#FF7A73; white-space:nowrap}
.pf-meta em svg{width:15px; height:15px}
@media (max-width:860px){ .pf-grid{grid-template-columns:1fr} .pf-art .pf-ph{width:96px; right:14px} .pf-card.big .pf-art .pf-ph{width:110px} }

/* anatomia sobre site real */
.anat-stage.real{padding:0}
.anat-stage.real .pf-br{width:100%}
.hot2{position:absolute; z-index:2; transform:translate(-50%,-50%); width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:var(--red); color:#fff; font-weight:800; font-size:.95rem; box-shadow:0 0 0 6px rgba(232,38,47,.3), 0 8px 20px rgba(0,0,0,.4); animation:hotPulse 2.4s ease-in-out infinite}
@keyframes hotPulse{0%,100%{box-shadow:0 0 0 6px rgba(232,38,47,.3),0 8px 20px rgba(0,0,0,.4)} 50%{box-shadow:0 0 0 12px rgba(232,38,47,.12),0 8px 20px rgba(0,0,0,.4)}}

/* relatório real de velocidade */
.lh{border-radius:24px; background:#0E0E11; box-shadow:0 0 0 1px rgba(255,255,255,.08); overflow:hidden}
.lh-top{display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; padding:22px 28px; border-bottom:1px solid rgba(255,255,255,.07)}
.lh-top b{display:block; font-size:1.1rem; color:#fff}
.lh-top span{display:block; font-size:.85rem; color:var(--d3); margin-top:2px}
.lh-top a{display:inline-flex; align-items:center; gap:7px; font-size:.9rem; font-weight:700; color:#FF7A73}
.lh-top a svg{width:15px; height:15px}
.lh-body{display:grid; grid-template-columns:auto 1fr; gap:44px; align-items:center; padding:34px 28px}
.lh-ph{width:190px}
.lh-gauges{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.lh-g{position:relative; display:flex; flex-direction:column; align-items:center; text-align:center}
.lh-g svg{width:120px; height:120px; transform:rotate(-90deg)}
.lh-g circle{fill:none; stroke-width:9}
.lh-g .bg{stroke:rgba(255,255,255,.08)}
.lh-g.ok .fg{stroke:#0CCE6B} .lh-g.mid .fg{stroke:#FFA400}
.lh-g .fg{stroke-linecap:round}
.lh-g b{position:absolute; top:38px; font-size:2rem; font-weight:800; letter-spacing:-0.03em}
.lh-g.ok b{color:#0CCE6B} .lh-g.mid b{color:#FFA400}
.lh-g span{margin-top:10px; font-size:.9rem; color:var(--d2)}
.lh-metrics{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(255,255,255,.07)}
.lh-metrics b{display:block; font-size:1.5rem; font-weight:800; color:#fff}
.lh-metrics span{font-size:.85rem; color:var(--d3)}
.lh-note{padding:0 28px 26px; font-size:.85rem; color:var(--d3)}
@media (max-width:900px){ .lh-body{grid-template-columns:1fr; justify-items:center} .lh-gauges, .lh-metrics{grid-template-columns:1fr 1fr} .lh-right{width:100%} }

/* Tráfego: dois painéis = dois cards com foto */
.read-line{max-width:760px; margin:0 auto 34px; text-align:center; font-size:1.08rem; color:var(--d2)}
.read-line b{color:#fff}
.pan2{display:grid; grid-template-columns:1fr 1fr; gap:22px}
.pan{border-radius:22px; overflow:hidden; background:#111114; box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.pan-ph{position:relative; aspect-ratio:16/10; overflow:hidden}
.pan-ph img{width:100%; height:100%; object-fit:cover; transition:transform 1.2s var(--ease)}
.pan:hover .pan-ph img{transform:scale(1.04)}
.pan-tag{position:absolute; left:18px; bottom:16px; padding:8px 13px; border-radius:9px; font-size:.86rem; font-weight:800; color:#fff}
.pan-tag.g{background:#1A73E8} .pan-tag.m{background:#0866FF}
.pan-tx{padding:24px 26px 28px}
.pan-tx h3{font-size:1.3rem; color:#fff}
.pan-tx p{margin-top:10px; font-size:1rem; line-height:1.6; color:var(--d2)}
.pan-tx b{color:#fff}
.pan-note{margin-top:26px; text-align:center; font-size:.9rem; color:var(--d3)}
@media (max-width:860px){ .pan2{grid-template-columns:1fr} }

/* Vídeos e Imagens: celulares tocando anúncio real */
.adph{position:relative; width:220px; aspect-ratio:9/19.3; padding:8px; border-radius:36px; background:linear-gradient(145deg,#4A4A52,#1C1C20 35%,#2E2E34 65%,#131316);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18), inset 0 0 0 4px #0A0A0C, 0 40px 70px -25px rgba(0,0,0,.85); overflow:hidden; flex-shrink:0}
.adph video{width:100%; height:100%; object-fit:cover; border-radius:29px; display:block; background:#111}
.adph-isl{position:absolute; top:16px; left:50%; transform:translateX(-50%); width:64px; height:18px; border-radius:12px; background:#000; z-index:3}
.adph-top{position:absolute; z-index:2; top:40px; left:18px; right:18px; display:flex; align-items:center; gap:8px; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,.5)}
.adph-av{width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:800; box-shadow:0 0 0 2px #fff}
.adph-top b{display:block; font-size:.78rem} .adph-top small{font-size:.65rem; opacity:.85}
.adph-bot{position:absolute; z-index:2; left:8px; right:8px; bottom:8px; padding:40px 12px 12px; border-radius:0 0 29px 29px; background:linear-gradient(0deg, rgba(0,0,0,.85), rgba(0,0,0,0))}
.adph-bot p{font-size:.92rem; font-weight:800; line-height:1.2; color:#fff; letter-spacing:-0.01em}
.adph-cta{display:flex; justify-content:space-between; align-items:center; margin-top:10px; padding:9px 12px; border-radius:9px; background:#1877F2; color:#fff; font-size:.74rem; font-weight:700}
.adph-cta svg{width:14px; height:14px}
.adph-win{position:absolute; z-index:3; top:76px; left:18px; padding:5px 10px; border-radius:7px; background:var(--green); color:#fff; font-size:.7rem; font-weight:800}
.ads3{position:relative; display:flex; justify-content:center; align-items:flex-end; gap:0; padding-bottom:10px; flex-wrap:wrap}
.ads3 .adph.side{width:190px; opacity:.92}
.ads3 .adph.l{transform:rotate(-6deg) translateX(28px) translateY(10px)}
.ads3 .adph.r{transform:rotate(6deg) translateX(-28px) translateY(10px)}
.ads3 .adph.mid{z-index:2; width:236px}
.ads3 .pf-cap{width:100%; text-align:center; margin-top:22px}
.test{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; justify-items:center}
.test-i{margin:0; display:flex; flex-direction:column; align-items:center; gap:14px}
.test-i .adph{width:100%; max-width:220px}
.test-i figcaption{font-size:.9rem; font-weight:600; color:var(--d2); text-align:center}
.test-i:not(:first-child) .adph{opacity:.7; filter:saturate(.7)}
.test-why{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:44px}
.test-why li{padding:22px 24px; border-radius:16px; background:#111114; box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.test-why b{display:block; color:#fff; font-size:1.05rem}
.test-why p{margin-top:8px; font-size:.95rem; line-height:1.58; color:var(--d2)}
@media (max-width:980px){ .test{grid-template-columns:1fr 1fr} .test-why{grid-template-columns:1fr} }
@media (max-width:600px){ .ads3 .adph.side{display:none} .ads3 .adph.mid{width:230px} .pf-hero .pf-ph{width:110px} }
footer ul{list-style:none; padding:0}
footer li::marker{content:none}
.test-why{list-style:none; padding:0}
.test-why li::marker{content:none}
.adph-top{top:44px}
.adph-top small{display:block}
.adph-win{top:84px}

  /* ---------- iPhone realista (conversa no WhatsApp) ---------- */
  .iph{position:absolute; right:0; bottom:0; width:292px; aspect-ratio:9/19.3; padding:11px; border-radius:52px;
    background:linear-gradient(145deg,#4A4A52,#1C1C20 30%,#2E2E34 60%,#131316);
    box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18), inset 0 0 0 5px #0A0A0C, 0 50px 90px -30px rgba(0,0,0,.65), 0 20px 40px -20px rgba(0,0,0,.5);
    transform:rotate(-4deg)}
  .iph-btn{position:absolute; width:4px; border-radius:2px; background:linear-gradient(90deg,#2A2A30,#55555C)}
  .iph-btn.b1{left:-3px; top:110px; height:26px} .iph-btn.b2{left:-3px; top:150px; height:48px} .iph-btn.b3{left:-3px; top:206px; height:48px}
  .iph-btn.b4{right:-3px; top:170px; height:74px; background:linear-gradient(270deg,#2A2A30,#55555C)}
  .iph-scr{position:relative; height:100%; border-radius:42px; overflow:hidden; background:#0B141A; display:flex; flex-direction:column}
  .iph-island{position:absolute; top:10px; left:50%; transform:translateX(-50%); width:92px; height:27px; border-radius:20px; background:#000; z-index:3}
  .iph-status{display:flex; justify-content:space-between; align-items:center; padding:14px 26px 6px 30px; height:46px; color:#fff; font-size:.8rem}
  .iph-ic{display:flex; align-items:center; gap:5px}
  .iph-ic svg{width:15px; height:11px}
  .sig{display:flex; align-items:flex-end; gap:1.5px; height:10px} .sig i{width:3px; background:#fff; border-radius:1px}
  .sig i:nth-child(1){height:4px}.sig i:nth-child(2){height:6px}.sig i:nth-child(3){height:8px}.sig i:nth-child(4){height:10px}
  .bat{width:22px; height:11px; border:1.5px solid rgba(255,255,255,.6); border-radius:3px; padding:1px; position:relative}
  .bat i{display:block; width:72%; height:100%; background:#fff; border-radius:1px}
  .wa-top{display:flex; align-items:center; gap:9px; padding:8px 12px 10px; background:#1F2C34}
  .wa-back{width:9px; height:15px; flex-shrink:0}
  .wa-av{width:34px; height:34px; border-radius:50%; background:var(--red); display:flex; align-items:center; justify-content:center; flex-shrink:0}
  .wa-av svg{width:18px; height:18px}
  .wa-who{flex:1; min-width:0; line-height:1.2}
  .wa-who b{display:block; font-size:.84rem; color:#E9EDEF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .wa-who span{font-size:.7rem; color:#8696A0}
  .wa-ico{width:20px; height:20px; flex-shrink:0}
  .wa-body{flex:1; padding:12px 10px; display:flex; flex-direction:column; gap:6px; overflow:hidden;
    background-color:#0B141A; background-image:radial-gradient(rgba(255,255,255,.035) 1.2px, transparent 1.4px), radial-gradient(rgba(255,255,255,.025) 1px, transparent 1.2px); background-size:22px 22px, 13px 13px; background-position:0 0, 7px 9px}
  .wa-day{align-self:center; font-size:.66rem; padding:4px 10px; border-radius:7px; background:#182229; color:#8696A0; margin-bottom:4px}
  .wa-msg{position:relative; max-width:84%; padding:7px 9px 5px; border-radius:9px; font-size:.78rem; line-height:1.38; color:#E9EDEF; box-shadow:0 1px 1px rgba(0,0,0,.25)}
  .wa-msg time{display:flex; justify-content:flex-end; align-items:center; gap:3px; margin-top:2px; font-size:.6rem; color:rgba(233,237,239,.6); font-style:normal}
  .wa-msg .tk{width:14px; height:10px}
  .wa-msg.in{align-self:flex-start; background:#202C33; border-top-left-radius:0}
  .wa-msg.out{align-self:flex-end; background:#005C4B; border-top-right-radius:0}
  .wa-msg.in::before, .wa-msg.out::before{content:''; position:absolute; top:0; width:8px; height:10px}
  .wa-msg.in::before{left:-7px; background:linear-gradient(225deg,#202C33 50%, transparent 50%)}
  .wa-msg.out::before{right:-7px; background:linear-gradient(135deg,#005C4B 50%, transparent 50%)}
  .wa-input{display:flex; gap:7px; align-items:center; padding:8px 8px 26px; background:#0B141A}
  .wa-field{flex:1; display:flex; align-items:center; gap:8px; padding:9px 12px; border-radius:22px; background:#1F2C34; color:#8696A0; font-size:.8rem}
  .wa-field svg{width:19px; height:19px}
  .wa-mic{width:38px; height:38px; border-radius:50%; background:#00A884; display:flex; align-items:center; justify-content:center; flex-shrink:0}
  .wa-mic svg{width:18px; height:18px}
  .iph-home{position:absolute; bottom:8px; left:50%; transform:translateX(-50%); width:110px; height:4px; border-radius:3px; background:rgba(255,255,255,.75)}

.ph-iph{position:relative; display:flex; justify-content:center}
.ph-iph .iph{position:relative; right:auto; bottom:auto; width:300px; transform:rotate(-3deg)}
.wa-sys{align-self:center; font-size:.64rem; padding:4px 10px; border-radius:7px; background:#182229; color:#FFD279; margin:2px 0}
.wa-msg.bot{border:1px solid rgba(0,168,132,.35)}
.phero.solo .phero-grid{grid-template-columns:1fr; max-width:780px}
.phero.solo h1{max-width:16ch}
@media (max-width:600px){ .ph-iph .iph{width:250px} }

/* =========================================================
   V4 — posições + jornada compacta + seções CLARAS
   ========================================================= */
/* Vídeos e Imagens: três celulares em linha, sem quebrar */
.ads3{flex-wrap:nowrap; align-items:center; padding-bottom:44px}
.ads3 .adph.side{width:172px}
.ads3 .adph.mid{width:214px}
.ads3 .adph.l{transform:rotate(-7deg) translateX(34px) translateY(18px)}
.ads3 .adph.r{transform:rotate(7deg) translateX(-34px) translateY(18px)}
.ads3 .pf-cap{position:absolute; left:0; right:0; bottom:0}

/* Automações: iPhone + linha do tempo */
.lead-flow{display:grid; grid-template-columns:auto 1fr; gap:60px; align-items:center; max-width:1000px; margin:0 auto}
.lead-ph .iph{transform:rotate(-3deg)}
.lead-tl{list-style:none; padding:0; position:relative}
.lead-tl::before{content:''; position:absolute; left:118px; top:12px; bottom:12px; width:2px; background:linear-gradient(#25D366, rgba(232,38,47,.6))}
.lead-tl li{display:grid; grid-template-columns:104px 1fr; gap:34px; padding:16px 0}
.lead-tl time{font-size:.9rem; font-weight:800; text-align:right; padding-top:2px}
.lead-tl li > div{position:relative}
.lead-tl li > div::before{content:''; position:absolute; left:-23px; top:6px; width:12px; height:12px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px #25D366}
.lead-tl li.team > div::before{box-shadow:0 0 0 3px var(--red)}
.lead-tl b{display:block; font-size:1.12rem}
.lead-tl p{margin-top:4px; font-size:.98rem; line-height:1.55}
.lead-tl span{display:inline-block; margin-top:8px; padding:3px 10px; border-radius:99px; font-size:.75rem; font-weight:700; background:rgba(14,14,18,.07)}
.lead-tl li.auto span{background:rgba(37,211,102,.14); color:#128C4A}
.lead-tl li.team span{background:rgba(232,38,47,.12); color:#B5141C}
@media (max-width:860px){ .lead-flow{grid-template-columns:1fr; gap:30px; justify-items:center} .lead-tl::before{left:86px} .lead-tl li{grid-template-columns:72px 1fr; gap:30px} }

/* Tráfego: leilão do Google dentro do card do Google */
.pan2{align-items:start}
.pan-ph.pan-auc{aspect-ratio:auto; padding:70px 22px 22px}
.pan-auc > img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.45) blur(2px); transform:scale(1.05)}
.pan-auc .pan-tag{top:18px; bottom:auto; z-index:2}
.pan-auc-in{position:relative; z-index:1}
.pan-auc-in .dash{box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}

/* Jornada: compacta, Google e Instagram lado a lado */
#jornada .wrap{display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:start}
#jornada .wrap > *{grid-column:1 / -1}
#jornada .jbox{grid-column:auto; margin-top:0 !important; padding:26px 18px 22px}
#jornada .jstep{padding:11px 13px; column-gap:12px}
#jornada .jstep b{font-size:.92rem}
#jornada .jstep p{font-size:.8rem}
#jornada .jico{width:38px !important; height:38px !important}
#jornada .jline{height:16px !important}
#jornada .jhd{margin-bottom:16px}
#jornada .jhd b, #jornada .jhd h3{font-size:1rem}
#jornada .jexample-serp, #jornada .jexample-ig{max-width:250px}
#jornada .jexample-ig-media{height:auto; aspect-ratio:4/5}
#jornada .jexample-ig-media video{width:100%; height:100%; object-fit:cover; display:block}
@media (max-width:900px){ #jornada .wrap{grid-template-columns:1fr} }

/* ---------- SEÇÕES CLARAS (lsec) ---------- */
.lsec{background:#F5F5F3 !important; color:#14141A}
.lsec:nth-of-type(even){background:#FFFFFF !important}
.lsec .head-c h2, .lsec .head-2col h2, .lsec .split-head h2, .lsec > .wrap > h2, .lsec .reel-head h2{color:#0E0E12}
.lsec .head-c .p, .lsec .head-2col .p, .lsec .split-head .p, .lsec .read-tip p, .lsec .read-line{color:#4A4A55}
.lsec .read-line b, .lsec .read-tip b{color:#0E0E12}
.lsec .eyebrow{color:var(--red)}
.lsec .pan-note, .lsec .dash-note, .lsec .pf-cap, .lsec .lh-note{color:#6B6B75}
.lsec .read-tip{background:#fff; border-color:#E4E4E8}
/* cartões de texto viram brancos */
.lsec .dcard{background:#fff; border-color:#E6E6EA; box-shadow:0 10px 30px -18px rgba(0,0,0,.18)}
.lsec .dcard h3{color:#0E0E12} .lsec .dcard p{color:#55555F}
.lsec .dcard::before{background:radial-gradient(380px circle at var(--mx,-50%) var(--my,-50%), rgba(232,38,47,.08), transparent 60%) !important}
.lsec .dico{background:#FDECEA; border-color:#F8D5D2}
.lsec .test-why li, .lsec .qcard{background:#fff; box-shadow:0 0 0 1px #E6E6EA}
.lsec .test-why b, .lsec .qcard h3{color:#0E0E12} .lsec .test-why p, .lsec .qcard p{color:#55555F}
.lsec .test-i figcaption{color:#3A3A44}
/* etapas (painéis que empilham) */
.lsec .tstep{background:#fff !important; border-color:#E6E6EA !important; box-shadow:0 -14px 40px -24px rgba(0,0,0,.2) !important}
.lsec .tbody h3{color:#0E0E12} .lsec .tbody p{color:#55555F}
.lsec .tbadge{background:#FDECEA; border-color:#F8D5D2}
/* lista "como é a primeira conversa" e afins */
.lsec .anat-list b, .lsec .anat-list h3{color:#0E0E12} .lsec .anat-list p{color:#55555F}
.lsec .checks li{color:#3A3A44} .lsec .checks b{color:#0E0E12}
.lsec .ba-col .ba-list li{color:rgba(255,255,255,.9)}
/* FAQ claro */
.lsec .faq{border-color:#DDDDE2} .lsec .faq-i{border-color:#DDDDE2 !important}
.lsec .faq-q{color:#0E0E12} .lsec .faq-a{color:#4A4A55}
/* outros serviços: cartão com foto continua escuro (é objeto) */
/* matriz da Consultoria: clara */
.lsec .matrix{background:#fff !important; border-color:#E2E2E7 !important; box-shadow:0 20px 50px -30px rgba(0,0,0,.25)}
.lsec .matrix::before, .lsec .matrix::after{background:#E8E8EC !important}
.lsec .quad span{color:#8A8A94 !important}
.lsec .quad:first-child{background:linear-gradient(135deg, rgba(232,38,47,.07), transparent 70%)}
.lsec .quad:first-child span{color:var(--red) !important}
.lsec .mitem{background:#F3F3F5 !important; color:#14141A !important; border-color:#E2E2E7 !important; box-shadow:none !important}
.lsec .mitem.hot, .lsec .mitem.on{background:var(--red) !important; color:#fff !important; border-color:var(--red) !important}
.lsec .maxis, .lsec .maxis span{color:#8A8A94 !important}
.crawl{isolation:isolate}
.crawl-tag{position:relative !important; z-index:5 !important; background:#fff !important; box-shadow:14px 0 20px -8px rgba(0,0,0,.3)}
.crawl-run{position:relative; z-index:1}
#jornada .jbox.google{background:linear-gradient(170deg, #16213A, #111114 45%) !important}
#jornada .jbox.meta{background:linear-gradient(170deg, #2A1422, #111114 45%) !important}
#jornada .jbox, #jornada .jsum-c{box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
#jornada .jsum-c{background:#111114 !important}

/* Jornada CLARA (a animação usa estas variáveis, então acompanha) */
#jornada{--surface:#FFFFFF; --surface-2:#EEF0F4; --surface-3:#E4E7EC; --border:#E3E3E8; --border-2:#D6D9E0;
         --text:#0E0E12; --text-muted:#4A4A55; --text-faint:#5E5E68}
#jornada .jbox.google{background:linear-gradient(170deg, #E8F0FE, #FFFFFF 40%) !important; border-color:#CFE0FC !important}
#jornada .jbox.meta{background:linear-gradient(170deg, #FBE9F3, #FFFFFF 40%) !important; border-color:#F3D2E5 !important}
#jornada .jbox, #jornada .jsum-c{box-shadow:0 24px 50px -30px rgba(0,0,0,.22) !important}
#jornada .jhd b, #jornada .jstep b{color:#0E0E12}
#jornada .jstep{background:#fff; border:1px solid #E3E3E8; color:#0E0E12}
#jornada .jstep p{color:#55555F}
#jornada .jico svg{color:#4A4A55}
#jornada .jbox.google .jhd-tag{color:#1A56C9; background:rgba(66,133,244,.1); border-color:rgba(66,133,244,.3)}
#jornada .jbox.meta .jhd-tag{color:#A3266D; background:rgba(193,53,132,.09); border-color:rgba(193,53,132,.28)}
#jornada .jbox.google .jstep.win{background:#EEF4FE; border-color:rgba(66,133,244,.45)}
#jornada .jbox.meta .jstep.win{background:#FCEFF6; border-color:rgba(193,53,132,.45)}
#jornada .jbox.google .jend{background:rgba(66,133,244,.1); border-color:rgba(66,133,244,.3); color:#1A56C9}
#jornada .jbox.meta .jend{background:rgba(193,53,132,.09); border-color:rgba(193,53,132,.3); color:#A3266D}
#jornada .jexample-tag{color:#5E5E68}
#jornada .jnote{color:#4A4A55; border-color:#E3E3E8}
#jornada .jsum-c{background:#fff !important; border-color:#E3E3E8 !important; color:#14141A}
#jornada .jsum-c b, #jornada .jsum-c h3{color:#0E0E12}
#jornada .jsum-c p, #jornada .jsum-c span{color:#55555F}

  /* celular: nada de título escondido nem grade espremida */
  @media (max-width:900px){
    .bw-on .bw{opacity:1 !important; filter:none !important}
    .aud{grid-template-columns:1fr !important}
    .crowd{min-height:420px}
  }

/* ===== Contato só WhatsApp (09/10) ===== */
.wa-i{width:18px; height:18px; flex-shrink:0}
.btn .wa-i{margin-right:2px}
.wa-fab{position:fixed; right:18px; bottom:18px; z-index:150; display:inline-flex; align-items:center; gap:9px; padding:13px 18px 13px 14px; border-radius:99px;
  background:#25D366; color:#fff; font-weight:800; font-size:.95rem; box-shadow:0 12px 30px -8px rgba(0,0,0,.45), 0 0 0 4px rgba(37,211,102,.18); transition:transform .2s}
.wa-fab:hover{transform:translateY(-2px)}
.wa-fab .wa-i{width:24px; height:24px}
@media (max-width:600px){ .wa-fab{padding:14px; right:14px; bottom:14px} .wa-fab span{display:none} }
.wa-pick{position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(5,5,6,.6); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px)}
.wa-pick[hidden]{display:none}
.wa-pick-box{position:relative; width:100%; max-width:400px; padding:28px 24px 22px; border-radius:20px; background:#fff; color:#0E0E12; box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}
.wa-pick-box > b{display:block; font-size:1.3rem; letter-spacing:-0.02em}
.wa-pick-box > p{margin:6px 0 18px; color:#55555F; font-size:.98rem}
.wa-pick-x{position:absolute; top:10px; right:12px; width:36px; height:36px; border:0; border-radius:50%; background:#F1F1F3; font-size:1.4rem; line-height:1; color:#333}
.wa-opt{display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:14px; border:1px solid #E4E4E8; margin-top:10px; transition:border-color .2s, background .2s}
.wa-opt:hover{border-color:#25D366; background:#F2FCF6}
.wa-opt > span{font-size:1.8rem; line-height:1}
.wa-opt div{flex:1}
.wa-opt b{display:block; font-size:1.05rem}
.wa-opt small{color:#55555F; font-size:.92rem}
.wa-opt .wa-i{width:26px; height:26px; color:#25D366}
.chan-grid.wa2{grid-template-columns:1fr 1fr; max-width:860px; margin:0 auto}
.wa-card{text-align:left; display:flex; flex-direction:column; gap:6px; color:inherit; text-decoration:none}
.wa-card .wa-flag{font-size:2.2rem; line-height:1}
.wa-card .wa-num{font-size:1.25rem; font-weight:800; color:#0E0E12 !important}
.wa-card .btn{margin-top:12px; align-self:flex-start}
@media (max-width:720px){ .chan-grid.wa2{grid-template-columns:1fr} }
.chan-card.wa-card{background:#fff !important; border:1px solid #E4E4E8 !important; box-shadow:0 20px 40px -24px rgba(0,0,0,.25) !important; padding:28px 26px !important}
.chan-card.wa-card::before, .chan-card.wa-card::after{display:none !important}
.chan-card.wa-card h3{color:#0E0E12 !important; font-size:1.15rem}
.chan-card.wa-card p{color:#4A4A55 !important}
.chan-card.wa-card:hover{border-color:#25D366 !important}