/* Tráfego Pago Comigo — estilos */
body{margin:0;background:#061028}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
a{color:#7FA6FF;text-decoration:none}a:hover{color:#FFFFFF}
section[id]{scroll-margin-top:76px}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
.faq-plus{transition:transform .2s ease}
.btn-wa{transition:background-color .2s ease,transform .12s ease}
.btn-wa:hover{background:#3BE07A !important;color:#04210F !important;transform:translateY(-2px)}
.btn-wa:active{transform:scale(.97)}
input:focus{border-color:#2F6BFF !important;box-shadow:0 0 0 3px rgba(47,107,255,.18)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7FA6FF;outline-offset:3px}
.lp{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lp input,.lp textarea{-webkit-user-select:text;user-select:text}
.lp img{-webkit-user-drag:none;pointer-events:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes shine{from{background-position:-200% 0}to{background-position:200% 0}}
.hero-in > *{opacity:0;animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero-in > *:nth-child(1){animation-delay:.05s}
.hero-in > *:nth-child(2){animation-delay:.18s}
.hero-in > *:nth-child(3){animation-delay:.34s}
.hero-in > *:nth-child(4){animation-delay:.5s}
.hero-in > *:nth-child(5){animation-delay:.62s}
.hero-photo{opacity:0;animation:fadeIn 1s .3s cubic-bezier(.2,.7,.2,1) forwards}
.hero-card{animation:floatY 5s ease-in-out 1.4s infinite}
.cta-pulse{animation:waPulse 2.4s ease-out infinite}
.hero-in > .cta-pulse{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .5s forwards,waPulse 2.4s ease-out 1.4s infinite}
.hero-in > *:nth-child(6){animation-delay:.74s}
@keyframes bluePulse{0%{box-shadow:0 0 0 0 rgba(47,107,255,.55)}70%{box-shadow:0 0 0 16px rgba(47,107,255,0)}100%{box-shadow:0 0 0 0 rgba(47,107,255,0)}}
.hero-in > .cta-blue{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .62s forwards,bluePulse 2.6s ease-out 1.7s infinite}
.btn-primary{transition:background-color .2s ease,transform .12s ease}
.btn-primary:hover{background:#1F55E0 !important;color:#FFFFFF !important;transform:translateY(-2px)}
.wa-link:hover{color:#FFFFFF !important}
.proof-line:hover{color:#FFFFFF !important}
.hl{background:linear-gradient(90deg,#7FA6FF 0%,#B9CEFF 50%,#7FA6FF 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
@keyframes lbZoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.lb-in{animation:lbIn .25s ease}
.lb-img{animation:lbZoom .3s cubic-bezier(.2,.7,.2,1)}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:90;width:62px;height:62px;border-radius:50%;background:#25D366;color:#FFFFFF;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:waPulse 2.4s ease-out infinite;transition:transform .15s ease}
.wa-float svg{display:block;width:32px;height:32px;margin:0}
.wa-float:hover{transform:scale(1.08);color:#FFFFFF}
.topbar > a.btn-wa svg{display:block}
.wa-head,.wa-head:visited{color:#FFFFFF !important}
.wa-head:hover{background:#18964A !important;color:#FFFFFF !important}
.cs{position:absolute;top:8px;left:50%;width:min(260px,62%);padding:0;border:0;background:#FFFFFF;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(11,22,51,.18);cursor:pointer;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s ease,filter .7s ease,box-shadow .3s ease}
.cs img{display:block;width:100%;height:auto}
.cs.p0{transform:translateX(-50%) scale(1);z-index:3;opacity:1;cursor:zoom-in}
.cs.p1{transform:translateX(4%) scale(.78) rotateY(-32deg);z-index:2;opacity:.55;filter:saturate(.6)}
.cs.p3{transform:translateX(-104%) scale(.78) rotateY(32deg);z-index:2;opacity:.55;filter:saturate(.6)}
.cs.p2{transform:translateX(-50%) scale(.6);z-index:1;opacity:0;pointer-events:none}
.cs.p0:hover{box-shadow:0 28px 60px rgba(11,22,51,.30)}
.car-nav{width:44px;height:44px;border-radius:50%;border:1px solid #CBD3E3;background:#FFFFFF;color:#0B1633;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.car-nav:hover{background:#0B1633;border-color:#0B1633;color:#FFFFFF}
.dot{width:28px;height:28px;padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dot span{display:block;width:8px;height:8px;border-radius:999px;background:#CBD3E3;transition:width .3s ease,background-color .3s ease}
.dot.on span{width:24px;background:#2F6BFF}
.print-frame{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border:5px solid #0B1A3A;border-radius:16px;box-shadow:0 14px 30px rgba(11,22,51,.22);background:#0B1A3A;transition:transform .3s ease}
button:hover > .print-frame{transform:scale(1.03)}
.navlink{transition:color .2s ease,background-color .2s ease}
.navlink:hover{color:#FFFFFF !important;background:rgba(255,255,255,0.08)}
.nl-short{display:none}
@media (max-width: 860px){.topnav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -12px;padding-bottom:2px;justify-content:space-between}.topnav::-webkit-scrollbar{display:none}.topnav a{font-size:14px !important;padding:8px 6px !important}section[id]{scroll-margin-top:118px}.wa-top-label{display:none}.topbar > a.btn-wa{width:44px;height:44px;padding:0 !important;gap:0 !important;justify-content:center;color:#FFFFFF !important}.topbar > a.btn-wa svg{width:22px;height:22px}}
@media (max-width: 520px){.nl-full{display:none}.nl-short{display:inline}.topnav{margin:0 -6px !important}.topnav a{font-size:13px !important;padding:8px 4px !important}}
.nc-tip{position:absolute;left:0;bottom:calc(100% + 26px);transform:translateY(6px);display:flex;font-family:'Figtree',system-ui,sans-serif;font-weight:400;align-items:center;gap:8px;white-space:nowrap;background:#0B1633;border:1px solid rgba(127,166,255,.35);color:#C3CEE6;font-size:13px;line-height:1.3;padding:9px 14px;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.4);pointer-events:none;z-index:5;animation:tipIn .25s ease forwards}
@keyframes tipIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.nc-tip[hidden]{display:none !important}
.nc-tip::after{content:"";position:absolute;left:24px;top:100%;border:7px solid transparent;border-top-color:#0B1633}
.lp main,.lp > header{transition:filter .6s ease}
.lp.inv main,.lp.inv > header{filter:invert(1) hue-rotate(180deg)}
.lp.inv main img,.lp.inv > header img{filter:invert(1) hue-rotate(180deg)}
.hero-pic{cursor:pointer;-webkit-tap-highlight-color:transparent}
.hero-pic:active img{transform:scale(.985)}
.hero-pic img{transition:transform .12s ease}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.secret-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:95;background:#0B1633;color:#FFFFFF;border:1px solid rgba(127,166,255,.4);font-size:14px;padding:12px 18px;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.4);animation:toastIn .3s ease;max-width:calc(100% - 120px);text-align:center}
.cookie-bar{position:fixed;left:20px;bottom:20px;z-index:96;width:min(400px,calc(100% - 112px));background:#FFFFFF;border-radius:16px;padding:16px 18px;box-shadow:0 20px 50px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:12px;animation:toastIn2 .35s ease;font-family:'Figtree',system-ui,sans-serif}
@keyframes toastIn2{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cookie-bar[hidden]{display:none !important}
.ck-btn{font-family:'Outfit',sans-serif;font-weight:600;font-size:14px;padding:10px 18px;border-radius:10px;cursor:pointer;min-height:44px}
#atendimento{scroll-margin-top:120px}
.bot-final[hidden]{display:none !important}
.faq-title{cursor:default;-webkit-tap-highlight-color:transparent;user-select:none}
.bot-dock.off{display:none !important}
.bot-open{transition:background-color .2s ease,transform .15s ease}
.bot-open:hover{background:#13224A !important}
.bot-open-ic{transition:transform .2s ease}
.bot-open.on .bot-open-ic{transform:rotate(90deg)}
.bot-dock.on{animation:fadeUp .45s ease both}
.bot-panel{position:relative;width:100%;height:460px;background:#FFFFFF;border:1px solid #E3E8F2;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(11,22,51,.10);display:flex;flex-direction:column;font-family:'Figtree',system-ui,sans-serif}
.bot-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#0B1633;flex:none}
.bot-body{padding:14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;background:#F3F5FA;scroll-behavior:smooth}
.bot-msg{max-width:85%;font-size:14px;line-height:1.45;padding:9px 12px;border-radius:14px;animation:tipIn .25s ease;-webkit-user-select:text;user-select:text}
.bot-msg.bot{align-self:flex-start;background:#FFFFFF;color:#0B1633;border-bottom-left-radius:4px;box-shadow:0 2px 6px rgba(11,22,51,.06)}
.bot-msg.user{align-self:flex-end;background:#2F6BFF;color:#FFFFFF;border-bottom-right-radius:4px}
.bot-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.bot-chip{background:#FFFFFF;border:1px solid #2F6BFF;color:#1F5BE0;font:inherit;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;cursor:pointer;min-height:36px;transition:background-color .15s ease,color .15s ease}
.bot-chip:hover{background:#2F6BFF;color:#FFFFFF}
.bot-final{display:flex;flex-direction:column;gap:8px;margin-top:4px}
@media (max-width:480px){.bot-panel{height:480px}}
.tap-counter{position:absolute;top:12px;right:12px;z-index:4;pointer-events:none;background:rgba(6,16,40,.78);color:#FFFFFF;border:1px solid rgba(255,255,255,.18);font-family:'Outfit',sans-serif;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;padding:6px 10px;border-radius:999px;backdrop-filter:blur(6px);animation:tipIn .2s ease}
.tap-counter[hidden]{display:none !important}
.inv-exit{position:fixed;left:20px;bottom:20px;z-index:94;background:#0B1633;color:#FFFFFF;border:1px solid rgba(127,166,255,.45);font-family:'Outfit',sans-serif;font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;cursor:pointer;min-height:44px;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:toastIn2 .35s ease}
.inv-exit:hover{background:#2F6BFF}
.reward-modal[hidden],.inv-exit[hidden]{display:none !important}
.tel-btn{transition:border-color .2s ease,background-color .2s ease}
.tel-btn:hover{border-color:#0B1633 !important;background:#F3F5FA !important;color:#0B1633}
.social{transition:background-color .2s ease,border-color .2s ease}
.social:hover{background:#2F6BFF;border-color:#2F6BFF !important;color:#FFFFFF}
.lift{transition:transform .25s ease,box-shadow .25s ease}
.lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,22,51,.18)}
@supports (animation-timeline: view()){
main section:not(#topo) > div > *{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;opacity:1 !important}html{scroll-behavior:auto}}


.vstrip{display:flex;flex-direction:column;align-items:center;gap:28px;background:#FFFFFF;border:1px solid #E3E8F2;border-radius:22px;padding:36px 32px 34px}
.vhead{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;max-width:560px}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,250px));justify-content:center;gap:28px;width:100%}
.vcard{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.vframe{position:relative;width:100%;aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#0B1633;box-shadow:0 22px 44px rgba(11,22,51,.20),0 0 0 1px rgba(11,22,51,.06);isolation:isolate;transform:translateZ(0)}
.vframe video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;background:#0B1633}
.vframe::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(6,16,40,0) 60%,rgba(6,16,40,.35) 100%);transition:opacity .25s ease}
.vframe.playing::after{opacity:0}
.vplay-btn{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#0B1633;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:transform .2s ease,opacity .2s ease}
.vplay-btn svg{margin-left:4px}
.vplay-btn:hover{transform:translate(-50%,-50%) scale(1.08)}
.vframe.playing .vplay-btn{opacity:0;pointer-events:none}
.vname{font-family:'Outfit',sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#0B1633;text-align:center}
@media (max-width: 600px){
  .vstrip{padding:24px 16px 22px;border-radius:18px;gap:20px;align-items:stretch}
  .vhead p{display:none}
  .vgrid{display:flex;justify-content:flex-start;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:4px 16px 10px;scroll-padding:0 16px;gap:14px;overscroll-behavior-x:contain}
  .vgrid::-webkit-scrollbar{display:none}
  .vcard{flex:0 0 62%;scroll-snap-align:start}
  .vframe{border-radius:20px}
  .vplay-btn{width:58px;height:58px}
  .vname{font-size:15px}
}
.vmodal{position:fixed;inset:0;z-index:125;background:rgba(3,8,22,.93);display:flex;align-items:center;justify-content:center;padding:20px}
.vmodal[hidden]{display:none !important}
.vmodal-box{position:relative;height:min(84vh,760px);aspect-ratio:9/16;max-width:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vmodal-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vmodal-close{position:absolute;top:16px;right:16px;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#FFFFFF;font-size:26px;line-height:1;cursor:pointer}
/* ===== Mobile simplificado ===== */
.m-cta{display:none}
@media (max-width: 600px){
  .m-hide{display:none !important}
  .wa-float{display:none !important}
  #metodo ol{gap:0 !important}
  #metodo li{padding:14px 0 !important;gap:0 !important;flex-direction:row !important;align-items:center;border-top-width:1px !important}
  #metodo li > div{flex:none}
  #metodo li > div span:last-child,#metodo li > p{display:none !important}
  #metodo li h3{font-size:18px !important;margin-left:14px !important}
  #metodo .btn-primary{display:none !important}
  #metodo > div > div:last-child{padding:16px 18px !important}
  main section:not(#topo){padding-top:44px !important;padding-bottom:44px !important}
  .hero-pic{aspect-ratio:4 / 3 !important}
  .hero-pic img{object-position:50% 22% !important}
  .hero-photo{max-width:320px !important}
  .topbar > a.btn-wa{display:none !important}
  .m-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:89;gap:8px;padding:8px;background:rgba(6,16,40,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
  .m-cta-main{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;background:#2F6BFF;color:#FFFFFF !important;font-family:'Outfit',sans-serif;font-weight:700;font-size:16px;text-decoration:none}
  .m-cta-wa{flex:none;width:52px;height:52px;border-radius:12px;background:#1FAF54;color:#FFFFFF !important;display:flex;align-items:center;justify-content:center}
  #legal{padding-bottom:110px !important}
  .inv-exit{bottom:96px !important;left:12px !important}
  .secret-toast{bottom:96px !important;max-width:calc(100% - 32px) !important}
}

.swipe-hint{display:none}
@media (max-width: 380px){.topnav a{font-size:12.5px !important;padding:8px 3px !important}}
@media (max-width: 600px){
  main section:not(#topo){padding-top:56px !important;padding-bottom:56px !important}
  #topo{padding-top:36px !important;padding-bottom:48px !important}
  main section:not(#topo) > div{gap:24px !important}
  main section:not(#topo) > div > *{animation:none !important;opacity:1 !important;transform:none}
  .topbar{padding:8px 16px !important;row-gap:4px !important}
  .lift:hover{transform:none !important}
  .swipe-hint{display:block;margin:-12px 0 0;font-size:13px;font-weight:600;color:#1F5BE0}
  .res-grid{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:4px 20px 12px;gap:12px !important;overscroll-behavior-x:contain}
  .res-grid::-webkit-scrollbar{display:none}
  .res-grid > article{flex:0 0 84%;scroll-snap-align:center;min-width:0}
  .res-grid > article > button{height:250px !important;padding:16px !important}
  .wa-float{right:14px;bottom:14px;width:54px;height:54px}
  .wa-float svg{width:28px;height:28px}
  .cookie-bar{left:12px;right:12px;bottom:12px;width:auto;padding:14px 16px;gap:10px;font-size:13px}
  .lb-nav{display:none !important}
  .lb-img{max-width:100% !important;max-height:68vh !important}
  #legal{padding-bottom:96px !important}
  .hero-photo{max-width:340px !important}
  .hero-pic{aspect-ratio:1 / 1 !important}
  details summary{font-size:16px !important;min-height:56px !important}
}

.lb-nav{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#0B1633;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lb-thumb{width:64px;height:64px;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;border:3px solid transparent;opacity:.55}
.lb-thumb.on{border-color:#25D366;opacity:1}
.lb-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}
#lb[hidden],.legal-modal[hidden],.secret-toast[hidden],.reward-modal[hidden],.inv-exit[hidden],.exit-modal[hidden]{display:none !important}
#lb{animation:lbIn .25s ease;font-family:'Figtree',system-ui,sans-serif}