:root{
  --bg:#061120;
  --bg2:#091b2d;
  --panel:rgba(9,25,43,.78);
  --panel2:rgba(255,255,255,.06);
  --line:rgba(70,196,238,.18);
  --blue:#31bff1;
  --blue2:#167fc8;
  --gold:#e8b762;
  --gold2:#ffd990;
  --green:#18d67c;
  --green2:#08a85b;
  --text:#f4f9ff;
  --muted:#b9cbe0;
  --danger:#ff6782;
  --shadow:0 34px 110px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#061120,#07182a 55%,#03080f);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:-4;opacity:.20;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:66px 66px;animation:gridMove 28s linear infinite}
@keyframes gridMove{to{transform:translateY(66px)}}
.live-orb{position:fixed;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none;z-index:-3;animation:floatOrb 8s ease-in-out infinite}
.orb-a{width:320px;height:320px;left:6%;top:20%;background:var(--blue)}
.orb-b{width:420px;height:420px;right:2%;top:46%;background:var(--gold);animation-delay:2s}
@keyframes floatOrb{50%{transform:translateY(-28px) translateX(18px) scale(1.08)}}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px clamp(16px,4vw,54px);background:rgba(4,12,22,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand-glass{width:94px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(49,191,241,.20),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 22px rgba(49,191,241,.10),0 0 30px rgba(49,191,241,.10);overflow:hidden}
.brand-glass img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;filter:saturate(1.1) brightness(1.05)}
.brand-copy b{display:block;font-size:18px;line-height:1;font-weight:950}
.brand-copy small{display:block;color:#a9c7e8;font-size:11px;font-weight:750;margin-top:4px}
.topbar nav{display:flex;gap:20px;font-size:14px;font-weight:850;color:#d5e6f5}
.topbar nav a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-weight:950;border:1px solid rgba(255,255,255,.12);transition:.18s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn-green{background:linear-gradient(135deg,var(--green),var(--green2));color:#eafff4;border:0;box-shadow:0 18px 54px rgba(24,214,124,.22)}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#081422;border:0;box-shadow:0 18px 54px rgba(232,183,98,.18)}
.btn-outline{background:rgba(255,255,255,.055);color:#fff;border-color:rgba(255,255,255,.13)}
.shine{position:relative;overflow:hidden}
.shine:after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(25deg);animation:shine 2.5s infinite}
@keyframes shine{0%{translate:-120% 0}100%{translate:120% 0}}
main{width:min(1640px,100%);margin:0 auto;padding:36px clamp(16px,4vw,54px) 42px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:36px;align-items:center;min-height:calc(100vh - 88px)}
.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.20em;font-size:12px;font-weight:950;margin-bottom:13px}
.hero h1{font-size:clamp(44px,6.2vw,96px);letter-spacing:-.075em;line-height:.92;margin:0 0 20px}
.hero h1 span{color:var(--green)}
.lead{font-size:clamp(17px,1.45vw,22px);line-height:1.6;color:var(--muted);max-width:820px;margin:0 0 26px}
.hero-actions,.head-actions,.video-actions,.cta-buttons{display:flex;gap:13px;flex-wrap:wrap}
.trust-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.trust-strip span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:13px;color:#d9e9fa;font-weight:800}
.hero-panel{position:relative;min-height:560px;border-radius:34px;overflow:hidden;background:linear-gradient(160deg,rgba(10,35,58,.94),rgba(4,12,22,.88));border:1px solid rgba(80,201,245,.18);box-shadow:var(--shadow)}
#chartCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.84}
.panel-logo{position:absolute;left:24px;top:22px;width:170px;height:76px;border-radius:20px;display:grid;place-items:center;background:rgba(3,10,18,.72);border:1px solid rgba(255,255,255,.09);overflow:hidden}
.panel-logo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}
.pamm-card{position:absolute;left:26px;bottom:32px;width:min(430px,calc(100% - 52px));padding:22px;border-radius:24px;background:rgba(2,10,18,.76);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px)}
.pamm-card small,.capital-chip small{display:block;color:#a9c7e5;font-weight:850;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.pamm-card b{font-size:48px;display:block;letter-spacing:-.05em}
.pamm-card span{color:#d7e9f8}
.capital-chip{position:absolute;right:24px;top:132px;width:190px;padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(24,214,124,.92),rgba(7,128,77,.92));box-shadow:0 0 42px rgba(24,214,124,.35)}
.capital-chip b{font-size:36px;display:block}
.mini-invest{position:absolute;right:24px;bottom:34px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#061120;border-radius:999px;padding:14px 20px;font-weight:950}
.floating{animation:floating 4s ease-in-out infinite}.pulse{animation:pulse 1.8s ease-in-out infinite}
@keyframes floating{50%{transform:translateY(-12px)}}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 65px rgba(24,214,124,.45)}}
.section{padding:70px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}
.section h2,.lux-frame h2,.video-copy h2,.cta-final h2,.guide-hero h1{font-size:clamp(34px,4.8vw,72px);line-height:.96;letter-spacing:-.065em;margin:0}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards-3 article,.steps article,.peska-copy,.peska-preview,.guide-mini,.guide-summary article{padding:24px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 70px rgba(0,0,0,.22)}
.cards-3 i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:rgba(49,191,241,.13);color:var(--blue);font-weight:950;font-style:normal;margin-bottom:18px}
.cards-3 h3,.steps h3,.peska-copy h3,.robot-info h3{font-size:25px;letter-spacing:-.04em;margin:0 0 10px}
.cards-3 p,.steps p,.peska-copy p,.peska-copy li,.video-copy p,.cta-final p,.risk p,.guide-hero p{color:var(--muted);line-height:1.6;font-size:17px}
.lux-frame{position:relative;display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:start;margin:30px 0 40px;padding:32px;border-radius:30px;background:linear-gradient(135deg,rgba(232,183,98,.12),rgba(49,191,241,.065));border:1px solid rgba(255,217,144,.25);box-shadow:0 26px 90px rgba(0,0,0,.28);overflow:hidden}
.lux-frame:after{content:"";position:absolute;right:-180px;top:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,217,144,.20),transparent 65%)}
.quote-mark{font-size:100px;line-height:.8;color:var(--gold2);font-weight:900}
.lux-frame p{color:#d8e9fa;font-size:20px;line-height:1.6;max-width:980px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);font-weight:950;margin-bottom:16px}
.steps a{display:inline-flex;margin-top:8px;color:var(--green);font-weight:950}
.video-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:26px;align-items:center;margin:28px 0 40px;padding:26px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10)}
.yt-box{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid rgba(49,191,241,.22);box-shadow:0 28px 88px rgba(0,0,0,.35)}
.yt-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.peska-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:stretch}
.peska-copy ul{padding-left:20px}
.peska-preview{display:grid;grid-template-columns:1fr;gap:16px}
.peska-preview img{width:100%;height:360px;object-fit:cover;object-position:top center;border-radius:18px;border:1px solid rgba(255,255,255,.10)}
.peska-preview a{display:inline-flex;justify-content:center;padding:14px 18px;border-radius:999px;background:rgba(49,191,241,.12);color:var(--blue);font-weight:950}
.cta-final{display:grid;grid-template-columns:210px 1fr auto;gap:24px;align-items:center;padding:26px;border-radius:30px;background:linear-gradient(135deg,rgba(49,191,241,.11),rgba(232,183,98,.10));border:1px solid rgba(255,255,255,.10);margin:24px 0}
.cta-final img{width:210px;height:82px;object-fit:cover;border-radius:20px;mix-blend-mode:screen;background:#061120}
.risk{padding:22px 0 10px}.risk h3{color:var(--gold2)}
.float-wa{position:fixed;right:22px;bottom:22px;z-index:70;padding:16px 20px;border-radius:999px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-weight:950;box-shadow:0 18px 54px rgba(24,214,124,.30)}
.guide-body main{max-width:1380px}
.guide-hero{display:grid;grid-template-columns:1fr 430px;gap:26px;align-items:center;padding:40px 0}
.guide-hero p{max-width:760px}
.guide-mini img{width:100%;height:330px;object-fit:cover;object-position:top center;border-radius:20px;border:1px solid rgba(255,255,255,.10)}
.guide-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 34px}
.guide-summary b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);margin-bottom:10px}
.guide-summary span{font-weight:900}
.guide-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.guide-page{border-radius:26px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.23)}
.guide-page-head{padding:12px 16px;background:rgba(0,0,0,.22);font-weight:950;color:var(--gold2)}
.guide-page img{width:100%;display:block}
@media(max-width:1180px){
  .hero{grid-template-columns:1fr}.hero-panel{min-height:500px}
  .cards-3,.steps{grid-template-columns:repeat(2,1fr)}
  .video-section,.peska-grid,.guide-hero,.cta-final{grid-template-columns:1fr}
  .cta-final img{width:240px}
}
@media(max-width:760px){
  .topbar{padding:12px 14px}.topbar nav,.top-cta{display:none}.brand-glass{width:78px;height:46px}.brand-copy b{font-size:16px}.brand-copy small{font-size:9px;max-width:190px}
  main{padding:24px 14px 34px}
  .hero{gap:22px;min-height:auto}.hero h1{font-size:46px}.lead{font-size:16px}
  .hero-actions,.head-actions,.video-actions,.cta-buttons{display:grid;grid-template-columns:1fr}.btn{width:100%}
  .hero-panel{min-height:520px;border-radius:26px}.panel-logo{width:142px;height:62px}.pamm-card b{font-size:38px}.capital-chip{right:16px;top:106px;width:160px}.mini-invest{right:16px;bottom:18px}
  .trust-strip{display:grid;grid-template-columns:1fr}.section{padding:48px 0}.section-head{display:block}.section-head .btn{margin-top:14px}
  .cards-3,.steps,.guide-summary,.guide-gallery{grid-template-columns:1fr}
  .lux-frame{grid-template-columns:1fr;padding:22px}.quote-mark{font-size:66px}.lux-frame h2{font-size:34px}.lux-frame p{font-size:17px}
  .video-section{padding:16px;border-radius:24px}.peska-preview img{height:280px}.cta-final{padding:18px}.cta-final img{width:100%;height:90px}.float-wa{right:14px;bottom:14px}
}


/* ===== Correção player YouTube ===== */
.youtube-player{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.youtube-player iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:24px;
  background:#111;
}

.youtube-fallback{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(3,10,18,.78);
  border:1px solid rgba(255,255,255,.10);
  color:#dceafe;
  font-size:13px;
  backdrop-filter:blur(10px);
  pointer-events:none;
}

.youtube-fallback a{
  color:#18d67c;
  font-weight:950;
  pointer-events:auto;
  white-space:nowrap;
}

@media(max-width:760px){
  .youtube-fallback{
    flex-direction:column;
    align-items:flex-start;
    font-size:12px;
  }
  .youtube-fallback a{
    white-space:normal;
  }
}


/* ===== Correções finais: logo integrado, zap e player sem erro 153 ===== */
.brand-glass{display:none !important}

.befree-mark{
  width:92px;
  height:54px;
  position:relative;
  flex:0 0 92px;
  display:block;
  border-radius:0;
  background:transparent;
  filter:drop-shadow(0 0 22px rgba(49,191,241,.22));
}

.befree-mark i,
.befree-mark b,
.befree-mark em{
  position:absolute;
  display:block;
  height:14px;
  border-radius:999px 18px 999px 18px;
  background:linear-gradient(135deg,#31bff1,#167fc8);
  transform:skewX(-18deg);
}

.befree-mark i{width:66px;left:12px;top:8px}
.befree-mark b{width:84px;left:0;top:22px}
.befree-mark em{width:60px;left:24px;top:36px}

.brand-copy b{
  font-size:20px;
  letter-spacing:-.035em;
}

.brand-copy small{
  color:#a8c9ec;
}

.top-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.btn-zap{
  background:linear-gradient(135deg,#20e38a,#12a362);
  color:#fff;
  border:0;
  box-shadow:0 18px 54px rgba(24,214,124,.18);
}

.top-zap{
  background:rgba(24,214,124,.08);
  border-color:rgba(24,214,124,.25);
  color:#dfffee;
}

/* Player substituído por clique para evitar erro 153 no iframe dentro de preview/sandbox */
.video-click-player{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:24px;
  background:#081421;
}

.video-click-player img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.06) contrast(1.03);
}

.video-click-player::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 48%,rgba(24,214,124,.16),transparent 26%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.22));
  pointer-events:none;
}

.play-video{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:4;
  border:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 24px;
  border-radius:999px;
  background:linear-gradient(135deg,#18d67c,#08a85b);
  color:#fff;
  font-weight:950;
  font-size:18px;
  box-shadow:0 0 60px rgba(24,214,124,.35);
}

.play-video span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:#08a85b;
}

.open-youtube{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:5;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(3,10,18,.78);
  border:1px solid rgba(255,255,255,.10);
  color:#18d67c;
  font-weight:950;
  backdrop-filter:blur(10px);
}

.yt-box iframe.loaded-player{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:24px;
  background:#111;
  z-index:10;
}

.float-wa{
  padding:16px 20px !important;
}

@media(max-width:900px){
  .top-actions{display:none}
}

@media(max-width:760px){
  .befree-mark{
    width:72px;
    height:44px;
    flex-basis:72px;
  }
  .befree-mark i{width:52px;height:11px;left:9px;top:7px}
  .befree-mark b{width:66px;height:11px;left:0;top:19px}
  .befree-mark em{width:48px;height:11px;left:18px;top:31px}
  .play-video{
    width:calc(100% - 36px);
    justify-content:center;
    font-size:15px;
    padding:14px 16px;
  }
  .open-youtube{
    left:18px;
    right:18px;
    text-align:center;
  }
}


/* ===== Versão sem iframe YouTube: sem erro 153, sem pedir permissão de rede ===== */
.play-video-link{
  text-decoration:none !important;
}

.video-click-player iframe,
.yt-box iframe,
.loaded-player{
  display:none !important;
}

.video-click-player{
  cursor:pointer;
}

.video-click-player:hover .play-video{
  transform:translate(-50%,-50%) scale(1.04);
  filter:brightness(1.08);
}

.play-video{
  text-decoration:none;
}


/* ===== Player MP4 local e responsividade final ===== */
.local-video-box{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:24px;
  overflow:hidden;
  background:#050d18;
}

.local-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#050d18;
  border:0;
  display:block;
}

.video-help{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(3,10,18,.66);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  color:#d7e9fb;
  font-size:12px;
  pointer-events:none;
}

.video-help a{
  pointer-events:auto;
  color:#18d67c;
  font-weight:950;
  white-space:nowrap;
}

.yt-box{
  min-height:360px;
}

@media(max-width:1180px){
  .video-section{
    grid-template-columns:1fr !important;
  }
  .yt-box{
    width:100%;
    min-height:auto;
    aspect-ratio:16/9;
  }
}

@media(max-width:900px){
  .hero,
  .video-section,
  .peska-grid,
  .guide-hero,
  .cta-final{
    grid-template-columns:1fr !important;
  }
  .topbar{
    flex-wrap:wrap;
  }
  .topbar nav{
    order:3;
    width:100%;
    justify-content:center;
    overflow-x:auto;
    padding-bottom:4px;
  }
}

@media(max-width:760px){
  body{
    -webkit-text-size-adjust:100%;
  }
  .topbar{
    padding:12px 14px !important;
    gap:10px;
  }
  .brand-copy b{
    font-size:16px !important;
  }
  .brand-copy small{
    font-size:9px !important;
    line-height:1.2;
  }
  main{
    padding:22px 14px 34px !important;
  }
  .hero{
    min-height:auto !important;
    gap:22px !important;
  }
  .hero h1{
    font-size:clamp(38px,12vw,50px) !important;
    line-height:.96 !important;
  }
  .lead,
  .cards-3 p,
  .steps p,
  .video-copy p,
  .peska-copy p,
  .peska-copy li,
  .cta-final p{
    font-size:15.5px !important;
  }
  .hero-actions,
  .head-actions,
  .video-actions,
  .cta-buttons{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .btn{
    width:100%;
    min-height:48px;
  }
  .yt-box{
    aspect-ratio:16/9 !important;
    border-radius:20px !important;
  }
  .local-video-box{
    border-radius:20px !important;
  }
  .video-help{
    left:10px;
    right:10px;
    bottom:10px;
    flex-direction:column;
    align-items:flex-start;
    font-size:11px;
  }
  .video-help a{
    white-space:normal;
  }
  .cards-3,
  .steps,
  .guide-summary,
  .guide-gallery{
    grid-template-columns:1fr !important;
  }
  .lux-frame{
    grid-template-columns:1fr !important;
  }
  .cta-final img{
    width:100% !important;
    height:80px !important;
  }
}

@media(min-width:761px) and (max-width:1180px){
  .yt-box{
    aspect-ratio:16/9 !important;
  }
  .cards-3,
  .steps{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(min-width:1181px){
  .yt-box{
    aspect-ratio:16/9 !important;
  }
}


/* ===== AJUSTE FINAL COMPLETO — gráfico vivo, player limpo e botão abrir conta pulsante ===== */

/* Player MP4 limpo: remove faixa inferior explicativa e deixa o vídeo ocupar tudo */
.video-help{
  display:none !important;
}

.local-video-box{
  background:#030a13 !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 0 1px rgba(49,191,241,.22), 0 24px 90px rgba(0,0,0,.38);
}

.local-video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#030a13 !important;
}

/* Botão abrir conta: pulsante, elegante e forte */
.pulse-account{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#ffd990,#e8b762,#ffcc72) !important;
  color:#071421 !important;
  border:0 !important;
  box-shadow:
    0 0 0 0 rgba(255,217,144,.55),
    0 18px 54px rgba(232,183,98,.26) !important;
  animation:accountPulse 1.8s ease-in-out infinite !important;
}

.pulse-account::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  transform:translateX(-130%) skewX(-18deg);
  animation:accountShine 2.6s ease-in-out infinite;
  pointer-events:none;
}

.pulse-account::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.42);
  pointer-events:none;
}

@keyframes accountPulse{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(255,217,144,.52),0 18px 54px rgba(232,183,98,.26)}
  50%{transform:translateY(-2px) scale(1.035);box-shadow:0 0 0 12px rgba(255,217,144,0),0 24px 70px rgba(232,183,98,.36)}
}

@keyframes accountShine{
  0%{transform:translateX(-130%) skewX(-18deg)}
  42%,100%{transform:translateX(135%) skewX(-18deg)}
}

/* Hero panel: gráfico vivo novamente, mais forte e dentro da paleta */
.hero-panel{
  position:relative !important;
  background:
    radial-gradient(circle at 78% 18%,rgba(24,214,124,.16),transparent 26%),
    radial-gradient(circle at 22% 80%,rgba(49,191,241,.16),transparent 30%),
    linear-gradient(160deg,rgba(4,18,32,.98),rgba(2,9,18,.95)) !important;
  border:1px solid rgba(49,191,241,.26) !important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.50),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 60px rgba(49,191,241,.08) !important;
}

#chartCanvas{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  opacity:1 !important;
  z-index:0 !important;
  display:block !important;
}

.hero-panel .panel-logo,
.hero-panel .pamm-card,
.hero-panel .capital-chip,
.hero-panel .mini-invest{
  position:absolute !important;
  z-index:3 !important;
}

.hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,10,18,.28),transparent 38%,rgba(3,10,18,.10)),
    radial-gradient(circle at 70% 55%,rgba(24,214,124,.10),transparent 24%);
  pointer-events:none;
}

.hero-panel::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-80px;
  width:330px;
  height:330px;
  border-radius:50%;
  z-index:1;
  background:radial-gradient(circle,rgba(49,191,241,.14),transparent 68%);
  pointer-events:none;
  animation:heroGlow 6s ease-in-out infinite;
}

@keyframes heroGlow{
  50%{transform:translate(-18px,24px) scale(1.08);opacity:.72}
}

/* Botão entrar agora dentro do painel também mais vivo */
.mini-invest{
  animation:miniInvestPulse 2.1s ease-in-out infinite !important;
}

@keyframes miniInvestPulse{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-4px);filter:brightness(1.10)}
}

/* Responsivo reforçado para celular/tablet/desktop */
@media(max-width:1180px){
  .hero-panel{
    min-height:520px !important;
  }
}

@media(max-width:760px){
  .hero-panel{
    min-height:500px !important;
    border-radius:26px !important;
  }
  .capital-chip{
    top:110px !important;
    right:16px !important;
  }
  .pamm-card{
    left:16px !important;
    right:16px !important;
    width:auto !important;
    bottom:82px !important;
  }
  .mini-invest{
    left:16px !important;
    right:16px !important;
    bottom:20px !important;
    text-align:center !important;
  }
  .local-video-box{
    border-radius:20px !important;
  }
}


/* ===== FINAL REAL: sem figurinha, gráfico vivo visível e card de vídeo premium ===== */

/* Marca integrada no painel do gráfico - sem imagem colada */
.panel-logo{display:none !important}

.panel-brand-integrated{
  position:absolute;
  left:24px;
  top:24px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(5,17,31,.74),rgba(5,17,31,.28));
  border:1px solid rgba(49,191,241,.18);
  box-shadow:0 18px 52px rgba(0,0,0,.24), inset 0 0 20px rgba(49,191,241,.04);
  backdrop-filter:blur(10px);
}

.panel-brand-integrated strong{
  font-size:24px;
  letter-spacing:-.04em;
  line-height:1;
  color:#fff;
}

.panel-brand-integrated small{
  display:block;
  margin-left:-6px;
  margin-top:25px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  color:#d9e8f8;
}

.mini-bf-mark{
  width:58px;
  height:38px;
  position:relative;
  display:inline-block;
  flex:0 0 58px;
  filter:drop-shadow(0 0 16px rgba(49,191,241,.25));
}

.mini-bf-mark i,
.mini-bf-mark b,
.mini-bf-mark em{
  position:absolute;
  display:block;
  height:10px;
  border-radius:999px 16px 999px 16px;
  background:linear-gradient(135deg,#31bff1,#167fc8);
  transform:skewX(-18deg);
}

.mini-bf-mark i{width:42px;left:8px;top:3px}
.mini-bf-mark b{width:56px;left:0;top:15px}
.mini-bf-mark em{width:40px;left:16px;top:27px}

.mini-bf-mark.large{
  width:88px;
  height:56px;
  flex-basis:88px;
}
.mini-bf-mark.large i{width:64px;height:14px;left:12px;top:6px}
.mini-bf-mark.large b{width:84px;height:14px;left:0;top:24px}
.mini-bf-mark.large em{width:62px;height:14px;left:23px;top:42px}

/* CTA final sem imagem figurinha */
.cta-brand-integrated{
  width:210px;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 18px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(49,191,241,.12),rgba(255,217,144,.05));
  border:1px solid rgba(49,191,241,.18);
}

.cta-brand-integrated strong{
  font-size:28px;
  letter-spacing:-.05em;
  line-height:1;
}

.cta-brand-integrated small{
  display:block;
  margin-left:-8px;
  margin-top:32px;
  text-transform:uppercase;
  font-size:10px;
  font-weight:900;
  color:#dcecff;
}

/* Garante que o gráfico fique visível por cima do fundo */
.hero-panel{
  min-height:560px !important;
  overflow:hidden !important;
}

#chartCanvas{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

.hero-panel::before{z-index:1 !important}
.hero-panel::after{z-index:1 !important}
.hero-panel .pamm-card,
.hero-panel .capital-chip,
.hero-panel .mini-invest,
.hero-panel .panel-brand-integrated{
  z-index:6 !important;
}

.pamm-card{
  background:rgba(2,10,18,.82) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

.capital-chip{
  z-index:7 !important;
}

/* Card do player igual ao visual premium mostrado, com MP4 dentro */
.video-section{
  align-items:center !important;
}

.yt-box{
  border-radius:30px !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  min-height:0 !important;
}

.video-lux-card{
  position:absolute;
  inset:0;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 22%,rgba(49,191,241,.18),transparent 24%),
    radial-gradient(circle at 36% 74%,rgba(232,183,98,.12),transparent 26%),
    linear-gradient(145deg,#061526,#030a13);
  border:1px solid rgba(255,217,144,.30);
  box-shadow:
    0 30px 100px rgba(0,0,0,.42),
    0 0 40px rgba(49,191,241,.08),
    inset 0 0 0 1px rgba(255,255,255,.045);
}

.video-lux-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(rgba(49,191,241,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,191,241,.10) 1px,transparent 1px);
  background-size:54px 54px;
  opacity:.55;
}

.video-lux-card::after{
  content:"";
  position:absolute;
  right:-160px;
  top:-180px;
  width:420px;
  height:420px;
  border-radius:50%;
  z-index:2;
  background:radial-gradient(circle,rgba(24,214,124,.18),transparent 66%);
  animation:videoGlowFloat 5s ease-in-out infinite;
  pointer-events:none;
}

@keyframes videoGlowFloat{
  50%{transform:translate(-24px,30px) scale(1.08);opacity:.75}
}

.video-card-glow{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 48%,rgba(24,214,124,.12),transparent 19%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22));
}

.video-lux-card .local-video{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  object-fit:cover !important;
  background:#030a13;
  border-radius:30px;
}

/* Poster/card fica bonito antes de dar play */
.video-lux-card .local-video[poster]{
  object-position:center center;
}

/* Controles do video sobre o card */
.video-lux-card video::-webkit-media-controls-panel{
  background-image:linear-gradient(transparent, rgba(0,0,0,.72));
}

/* Botão abrir conta pulsante reforçado */
.pulse-account{
  animation:accountPulse 1.65s ease-in-out infinite !important;
}

/* Desktop/tablet/celular */
@media(max-width:1180px){
  .hero-panel{
    min-height:520px !important;
  }
  .yt-box{
    aspect-ratio:16/9 !important;
  }
}

@media(max-width:760px){
  .panel-brand-integrated{
    left:14px;
    top:14px;
    padding:10px 12px;
  }
  .panel-brand-integrated strong{
    font-size:19px;
  }
  .panel-brand-integrated small{
    display:none;
  }
  .mini-bf-mark{width:48px;height:32px;flex-basis:48px}
  .mini-bf-mark i{width:36px;height:8px;left:7px;top:3px}
  .mini-bf-mark b{width:48px;height:8px;top:13px}
  .mini-bf-mark em{width:34px;height:8px;left:14px;top:23px}
  .hero-panel{
    min-height:520px !important;
  }
  .yt-box,
  .video-lux-card,
  .video-lux-card .local-video{
    border-radius:22px !important;
  }
  .cta-brand-integrated{
    width:100%;
    min-height:82px;
  }
}


/* ===== Ajuste final solicitado: card só do player, vídeo leve, CTA sem balão ===== */

/* O poster agora é só o card marcado. O vídeo fica dentro de um frame limpo. */
.video-lux-card .local-video{
  object-fit:contain !important;
  background:#02070f !important;
}

.video-lux-card{
  background:#02070f !important;
  border:1px solid rgba(255,217,144,.32) !important;
}

/* Remove qualquer faixa extra e evita sobreposição no player */
.video-card-glow{
  opacity:.28 !important;
  pointer-events:none !important;
}

.video-lux-card::before{
  opacity:.22 !important;
}

.video-lux-card::after{
  opacity:.50 !important;
}

/* CTA final: sem balão/fundo atrás do logo */
.cta-brand-integrated{
  display:none !important;
}

.cta-brand-clean{
  width:260px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.cta-brand-clean strong{
  display:block;
  font-size:28px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.045em;
  color:#f5fbff;
}

.cta-brand-clean small{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:850;
  color:#9ec9ef;
}

.cta-final{
  grid-template-columns:260px 1fr auto !important;
}

/* Melhora performance do player no navegador */
.local-video{
  will-change:auto !important;
  transform:translateZ(0);
}

/* Em celular, o card do player e CTA ficam proporcionais */
@media(max-width:1180px){
  .cta-final{
    grid-template-columns:1fr !important;
  }
  .cta-brand-clean{
    width:100%;
  }
}

@media(max-width:760px){
  .video-lux-card .local-video{
    object-fit:contain !important;
  }
  .cta-brand-clean strong{
    font-size:24px;
  }
}


/* ===== Logos atualizados com arte aprovada pelo cliente ===== */
.brand.brand-logo{
  gap:12px;
  align-items:center;
}
.brand-logo-img{
  display:block;
  width:240px;
  max-width:min(36vw,240px);
  height:auto;
  filter: drop-shadow(0 4px 18px rgba(11,195,255,.10));
}
.brand.brand-logo .brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.brand.brand-logo .brand-copy b{display:none !important;}
.brand.brand-logo .brand-copy small{
  display:block;
  margin-top:0;
  font-size:12px;
  line-height:1.2;
  color:#a9c1dc;
  font-weight:800;
  letter-spacing:.01em;
}
.befree-mark, .mini-bf-mark{display:none !important;}

.panel-brand-integrated.panel-brand-image{
  position:absolute;
  left:22px;
  top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(6,22,36,.56), rgba(6,22,36,.22));
  border:1px solid rgba(79,214,255,.18);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  backdrop-filter: blur(8px);
}
.panel-brand-integrated.panel-brand-image img{
  display:block;
  width:180px;
  height:auto;
}
.panel-brand-integrated.panel-brand-image strong,
.panel-brand-integrated.panel-brand-image small{display:none !important;}

.cta-brand-clean.cta-brand-image{
  width:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.cta-brand-clean.cta-brand-image img{
  display:block;
  width:220px;
  max-width:100%;
  height:auto;
}
.cta-brand-clean.cta-brand-image small{
  display:block;
  color:#9dc3e6;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.cta-brand-clean.cta-brand-image strong{display:none !important;}

@media (max-width: 980px){
  .brand-logo-img{width:190px;max-width:46vw;}
  .brand.brand-logo .brand-copy small{font-size:10.5px;}
  .panel-brand-integrated.panel-brand-image img{width:150px;}
  .cta-brand-clean.cta-brand-image img{width:180px;}
}
@media (max-width: 640px){
  .brand.brand-logo{gap:8px;}
  .brand-logo-img{width:150px;max-width:42vw;}
  .brand.brand-logo .brand-copy small{font-size:9px;letter-spacing:0;}
  .panel-brand-integrated.panel-brand-image{left:14px;top:14px;padding:6px 10px;border-radius:12px;}
  .panel-brand-integrated.panel-brand-image img{width:124px;}
  .cta-brand-clean.cta-brand-image img{width:160px;}
}


/* ===== LOGO MODERNO DEFINITIVO NO SITE ===== */
/* Usa o logo escuro aprovado, integrado ao fundo do site, sem parecer figurinha colada. */

.brand-modern{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}

.brand-modern-img{
  display:block !important;
  width:260px !important;
  max-width:32vw !important;
  height:auto !important;
  object-fit:contain !important;
  border:0 !important;
  background:transparent !important;
  filter:drop-shadow(0 0 22px rgba(49,191,241,.12)) !important;
}

.brand-modern .brand-copy small{
  display:block !important;
  color:#a9c8ea !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

.befree-mark,
.mini-bf-mark,
.brand-glass,
.brand-logo-img{
  display:none !important;
}

/* Logo do painel principal */
.panel-brand-modern{
  position:absolute !important;
  left:22px !important;
  top:18px !important;
  z-index:7 !important;
  display:flex !important;
  align-items:center !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.panel-brand-modern img{
  display:block !important;
  width:220px !important;
  max-width:38vw !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 20px rgba(49,191,241,.16)) !important;
}

/* CTA final sem balão, apenas logo limpo */
.cta-brand-modern{
  width:260px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.cta-brand-modern img{
  display:block !important;
  width:250px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 0 18px rgba(49,191,241,.10)) !important;
}

.cta-brand-modern small{
  display:block !important;
  color:#9cc7ed !important;
  font-size:12px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  margin-left:6px !important;
}

.cta-brand-clean,
.cta-brand-integrated{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

@media(max-width:980px){
  .brand-modern-img{
    width:210px !important;
    max-width:44vw !important;
  }
  .brand-modern .brand-copy small{
    font-size:10px !important;
    white-space:normal !important;
    max-width:190px !important;
  }
  .panel-brand-modern img{
    width:175px !important;
  }
  .cta-brand-modern{
    width:220px !important;
  }
  .cta-brand-modern img{
    width:210px !important;
  }
}

@media(max-width:640px){
  .brand-modern{
    gap:8px !important;
  }
  .brand-modern-img{
    width:150px !important;
    max-width:42vw !important;
  }
  .brand-modern .brand-copy small{
    font-size:8.5px !important;
    max-width:150px !important;
  }
  .panel-brand-modern{
    left:14px !important;
    top:14px !important;
  }
  .panel-brand-modern img{
    width:135px !important;
    max-width:46vw !important;
  }
  .cta-brand-modern{
    width:100% !important;
  }
  .cta-brand-modern img{
    width:175px !important;
  }
}


/* ===== AJUSTE FINAL: logo plotado profissional, sem efeito figurinha colada ===== */
.brand-modern,
.brand{
  align-items:center !important;
  gap:12px !important;
}

.brand-modern-img,
.brand-logo-clean{
  width:228px !important;
  max-width:26vw !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.brand-modern{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.brand-modern .brand-copy{
  display:flex !important;
  align-items:center !important;
}
.brand-modern .brand-copy small{
  color:#b5d0ea !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

/* remove qualquer caixa/bolha dos logos nas áreas internas */
.panel-brand-integrated,
.panel-brand-modern,
.cta-brand-clean,
.cta-brand-modern{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
  overflow:visible !important;
}

.panel-brand-integrated,
.panel-brand-modern{
  left:20px !important;
  top:18px !important;
  width:auto !important;
  height:auto !important;
}
.panel-brand-modern img,
.panel-brand-integrated img{
  width:200px !important;
  max-width:36% !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.cta-brand-modern,
.cta-brand-clean{
  width:auto !important;
  max-width:300px !important;
  align-self:center !important;
}

.cta-brand-modern img,
.cta-brand-clean img,
.cta-final img{
  width:220px !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  box-shadow:none !important;
  filter:none !important;
}

.cta-brand-modern small,
.cta-brand-clean small{
  margin:6px 0 0 2px !important;
  color:#9ec7ea !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

/* evita aparência de sticker no card principal do final */
.cta-final{
  align-items:center !important;
}

@media(max-width:980px){
  .brand-modern-img{width:198px !important; max-width:38vw !important;}
  .panel-brand-modern img, .panel-brand-integrated img{width:170px !important; max-width:42vw !important;}
  .cta-brand-modern img, .cta-brand-clean img, .cta-final img{width:190px !important;}
}

@media(max-width:760px){
  .brand-modern{gap:8px !important;}
  .brand-modern-img{width:156px !important; max-width:45vw !important;}
  .brand-modern .brand-copy small{font-size:9px !important; white-space:normal !important;}
  .panel-brand-modern, .panel-brand-integrated{left:14px !important; top:14px !important;}
  .panel-brand-modern img, .panel-brand-integrated img{width:138px !important; max-width:48vw !important;}
  .cta-brand-modern img, .cta-brand-clean img, .cta-final img{width:170px !important;}
}


/* ===== FIX DEFINITIVO DO LOGO: sem sticker, sem blur, texto nativo e nítido ===== */
.brand-crisp{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  text-decoration:none !important;
  min-width:0;
}
.brand-symbol{
  width:72px !important;
  height:auto !important;
  flex:0 0 auto;
  display:block;
}
.brand-main{
  display:flex;
  flex-direction:column;
  line-height:.9;
  margin-right:8px;
  flex:0 0 auto;
}
.brand-main strong{
  font-size:22px;
  font-weight:900;
  letter-spacing:-0.03em;
  color:#f4f8fc;
}
.brand-main em{
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.34em;
  color:#9dbbe0;
  margin-top:5px;
}
.brand-crisp .brand-copy{
  min-width:0;
}
.brand-crisp .brand-copy small{
  color:#b8cce3 !important;
  font-size:11px !important;
  font-weight:800 !important;
  white-space:nowrap;
}
/* neutraliza estilos antigos */
.brand-crisp,.brand-crisp *,.panel-brand-crisp,.panel-brand-crisp *,.cta-brand-crisp,.cta-brand-crisp *{
  filter:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  backdrop-filter:none !important;
}
.panel-brand-crisp{
  position:absolute;
  left:22px;
  top:18px;
  display:flex;
  align-items:center;
  gap:10px;
  z-index:3;
}
.panel-brand-crisp img{
  width:56px;
  height:auto;
  display:block;
}
.panel-brand-text{
  display:flex;
  flex-direction:column;
  line-height:.9;
}
.panel-brand-text strong{
  font-size:16px;
  font-weight:900;
  letter-spacing:-0.02em;
  color:#f4f8fc;
}
.panel-brand-text em{
  font-style:normal;
  font-size:8px;
  font-weight:800;
  letter-spacing:.28em;
  color:#9ec4e5;
  margin-top:4px;
}
.cta-brand-crisp{
  display:flex;
  align-items:center;
  gap:14px;
  align-self:center;
}
.cta-brand-crisp img{
  width:76px;
  height:auto;
  display:block;
}
.cta-brand-text{
  display:flex;
  flex-direction:column;
  line-height:.92;
}
.cta-brand-text strong{
  font-size:28px;
  font-weight:900;
  letter-spacing:-0.03em;
  color:#f6f9fd;
}
.cta-brand-text em{
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.34em;
  color:#9ec7ea;
  margin-top:6px;
}
.cta-brand-text small{
  margin-top:10px !important;
  color:#9ec7ea !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
/* remove resquícios antigos nessas áreas */
.panel-brand-integrated,.panel-brand-modern,.cta-brand-clean,.cta-brand-modern{background:transparent !important; border:0 !important; padding:0 !important;}

@media (max-width: 1100px){
  .brand-symbol{width:62px !important;}
  .brand-main strong{font-size:20px;}
  .brand-crisp .brand-copy small{white-space:normal;}
}
@media (max-width: 820px){
  .brand-crisp{gap:10px !important;}
  .brand-symbol{width:54px !important;}
  .brand-main strong{font-size:18px;}
  .brand-main em{font-size:10px;}
  .brand-crisp .brand-copy small{font-size:10px !important;line-height:1.2;}
  .panel-brand-crisp{left:16px; top:14px; gap:8px;}
  .panel-brand-crisp img{width:48px;}
  .panel-brand-text strong{font-size:14px;}
  .cta-brand-crisp img{width:64px;}
  .cta-brand-text strong{font-size:24px;}
}
@media (max-width: 640px){
  .brand-crisp{gap:8px !important; align-items:flex-start !important;}
  .brand-symbol{width:46px !important; margin-top:2px;}
  .brand-main strong{font-size:16px;}
  .brand-main em{font-size:9px; letter-spacing:.24em;}
  .brand-main{margin-right:4px;}
  .brand-crisp .brand-copy small{font-size:9px !important; white-space:normal; display:block; max-width:140px;}
  .cta-brand-crisp{gap:10px;}
  .cta-brand-crisp img{width:54px;}
  .cta-brand-text strong{font-size:20px;}
  .cta-brand-text em{font-size:9px;}
  .cta-brand-text small{font-size:9px !important;}
}


/* ===== AJUSTE FINAL CTA / LOGO SEM STICKER ===== */
.cta-final{
  position:relative !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:30px !important;
  align-items:center !important;
  padding:34px 36px !important;
  border-radius:30px !important;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(12,62,96,.64), rgba(4,18,35,.78) 52%, rgba(6,28,54,.68)) !important;
  border:1px solid rgba(73,196,238,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 28px 90px rgba(0,0,0,.24) !important;
}
.cta-final::before{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(49,191,241,.22), rgba(49,191,241,0));
  pointer-events:none;
}
.cta-final::after{
  content:"";
  position:absolute;
  left:-80px;
  top:-90px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(49,191,241,.18), rgba(49,191,241,0));
  pointer-events:none;
}
.cta-copy-clean{position:relative; z-index:1; min-width:0;}
.cta-brand-inline{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.cta-brand-inline img{
  width:78px !important;
  height:auto !important;
  display:block;
  flex:0 0 auto;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
}
.cta-brand-inline-text{display:flex; flex-direction:column; line-height:.9;}
.cta-brand-inline-text strong{
  font-size:34px;
  font-weight:900;
  letter-spacing:-.04em;
  color:#f5f9fd;
}
.cta-brand-inline-text em{
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.36em;
  color:#9cc8eb;
  margin-top:6px;
}
.cta-brand-inline-text small{
  font-size:12px;
  font-weight:800;
  letter-spacing:.10em;
  color:#9cc8eb;
  margin-top:10px;
}
.cta-final .eyebrow{color:#f0c878; margin-bottom:10px;}
.cta-final h2{max-width:11ch; margin-bottom:12px;}
.cta-final p{max-width:60ch; margin:0;}
.cta-buttons{position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; align-items:flex-end;}
.cta-buttons .btn{min-width:220px;}
/* neutraliza bloco antigo caso reste */
.cta-brand-crisp{display:none !important;}

@media (max-width: 980px){
  .cta-final{grid-template-columns:1fr !important; gap:22px !important; padding:28px 22px !important;}
  .cta-buttons{align-items:flex-start;}
  .cta-buttons .btn{min-width:0; width:100%;}
  .cta-final h2{max-width:none;}
}
@media (max-width: 640px){
  .cta-brand-inline{gap:10px; margin-bottom:16px;}
  .cta-brand-inline img{width:60px !important;}
  .cta-brand-inline-text strong{font-size:26px;}
  .cta-brand-inline-text em{font-size:9px; letter-spacing:.28em;}
  .cta-brand-inline-text small{font-size:10px;}
  .cta-final{border-radius:24px !important; padding:22px 16px !important;}
}


/* ===== PERFORMANCE LITE NETLIFY / MOBILE ===== */
/* mantém o visual, mas reduz custo de GPU/CPU em celulares */
.topbar{backdrop-filter:none !important;}
.live-orb{filter:blur(42px) !important; opacity:.18 !important;}
.bg-grid{animation:none !important; opacity:.13 !important;}

@media (max-width: 900px){
  .live-orb{display:none !important;}
  .bg-grid{opacity:.10 !important; background-size:90px 90px !important;}
  .shine:after{animation:none !important; display:none !important;}
  .pulse,.floating,.mini-invest,.pulse-account{animation:none !important;}
  .cards-3 article,.steps article,.peska-copy,.peska-preview,.guide-mini,.guide-summary article,.lux-frame,.cta-final,.video-section,.hero-panel{
    box-shadow:0 14px 38px rgba(0,0,0,.22) !important;
  }
  .hero-panel::after,.video-lux-card::after,.cta-final::before,.cta-final::after{display:none !important;}
  .panel-brand-crisp,.pamm-card{backdrop-filter:none !important;}
}

@media (prefers-reduced-motion: reduce){
  *{animation:none !important; transition:none !important; scroll-behavior:auto !important;}
}


/* ===== AJUSTES CRIS MARKETING - CORES, FAQ, RODAPÉ E SEO VISUAL ===== */
:root{
  --blue:#31bff1;
  --blue2:#167fc8;
  --cyan:#35ddff;
  --gold:#e8b762;
  --gold2:#ffd990;
  --green:#18d67c;
  --green2:#08a85b;
}

/* Destaques pequenos/eyebrows em azul/ciano como marcado */
.eyebrow,
.guide-page-head,
.risk h3,
.faq-section .eyebrow,
.privacy-section .eyebrow{
  color:var(--cyan)!important;
}

/* Números dos cards e links internos em verde */
.cards-3 i,
.steps span,
.guide-summary b{
  background:linear-gradient(135deg,var(--green),var(--green2))!important;
  color:#061120!important;
  box-shadow:0 0 24px rgba(24,214,124,.24)!important;
}
.steps a,
.peska-preview a{
  color:var(--green)!important;
}

/* Botões principais amarelo/dourado */
.btn-gold,
.pulse-account,
.head-actions .btn-gold,
.video-actions .btn-gold,
.cta-buttons .btn-gold{
  background:linear-gradient(135deg,#ffd990,#e8b762)!important;
  color:#061120!important;
  border:0!important;
  box-shadow:0 18px 54px rgba(232,183,98,.24)!important;
}

/* WhatsApp/Falar no WhatsApp verde */
.btn-zap,
.top-zap,
.float-wa{
  background:linear-gradient(135deg,#18d67c,#08a85b)!important;
  color:#061120!important;
  border:0!important;
  box-shadow:0 18px 54px rgba(24,214,124,.26)!important;
}

/* CTA de investimento permanece verde como no material marcado */
.btn-green,
.top-cta{
  background:linear-gradient(135deg,#18d67c,#08a85b)!important;
  color:#061120!important;
  border:0!important;
}

/* FAQ / Acordeon */
.faq-section{
  padding-top:72px;
}
.faq-list{
  display:grid;
  gap:12px;
  max-width:1180px;
}
.faq-item{
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border:1px solid rgba(49,191,241,.16);
  overflow:hidden;
  box-shadow:0 14px 44px rgba(0,0,0,.16);
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 26px;
  color:var(--blue)!important;
  font-size:20px;
  line-height:1.25;
  font-weight:950;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary b{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(49,191,241,.10);
  color:var(--blue)!important;
  border:1px solid rgba(49,191,241,.20);
  font-size:24px;
  transition:.18s ease;
}
.faq-item[open] summary b{
  transform:rotate(45deg);
  background:rgba(24,214,124,.14);
  color:var(--green)!important;
}
.faq-item p{
  margin:0;
  padding:0 26px 24px;
  color:#ffffff!important;
  font-size:17px;
  line-height:1.68;
  max-width:980px;
}

/* Política de privacidade/cookies */
.privacy-card{
  padding:26px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 70px rgba(0,0,0,.18);
  max-width:1180px;
}
.privacy-card p{
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
  margin:0 0 14px;
}
.privacy-card p:last-child{margin-bottom:0}

/* Sub rodapé */
.site-footer{
  margin:18px 0 0;
  padding:26px 0 8px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#c8d7e8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.site-footer a{
  color:var(--blue);
  font-weight:850;
}
.site-footer p{
  margin:0;
  text-align:right;
  color:#e6eef7;
  font-weight:750;
  line-height:1.45;
}

/* Responsivo FAQ/footer */
@media(max-width:760px){
  .faq-item summary{
    min-height:64px;
    padding:18px;
    font-size:17px;
  }
  .faq-item summary b{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .faq-item p{
    padding:0 18px 20px;
    font-size:15.5px;
  }
  .site-footer{
    display:block;
    text-align:left;
  }
  .site-footer p{
    text-align:left;
    margin-top:12px;
  }
}


/* ===== FIDELIDADE AOS DIZERES DAS IMAGENS ===== */
.hero-actions .btn-gold,
.video-actions .btn-gold,
.head-actions .btn-gold,
.section-head .btn-gold{
  background:linear-gradient(135deg,#ffd990,#e8b762)!important;
  color:#061120!important;
}
.hero-actions .btn-zap,
.video-actions .btn-zap,
.float-wa,
.top-zap{
  background:linear-gradient(135deg,#18d67c,#08a85b)!important;
  color:#061120!important;
}
.eyebrow{text-transform:uppercase!important}
.faq-item summary span{
  color:var(--blue)!important;
}
.faq-item[open] p{
  color:#fff!important;
}
.steps a,
.peska-preview a{
  color:var(--green)!important;
}


/* === BOTÕES AZUIS MARCADOS NAS ANOTAÇÕES === */
.btn-blue{
  background:linear-gradient(135deg,#1c5cff 0%, #0b46d1 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 16px 40px rgba(28,92,255,.28) !important;
}
.btn-blue:hover{background:linear-gradient(135deg,#2b68ff 0%, #1351df 100%) !important;transform:translateY(-2px)}
.btn-blue-outline{
  background:rgba(18,39,84,.56) !important;
  color:#dfe8ff !important;
  border:1px solid rgba(61,117,255,.45) !important;
}
.btn-blue-outline:hover{
  background:linear-gradient(135deg,#1c5cff 0%, #0b46d1 100%) !important;
  color:#fff !important;
}
.step-blue-link{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:10px 14px;border-radius:12px;
  background:linear-gradient(135deg,#1c5cff 0%, #0b46d1 100%);
  color:#fff !important;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(28,92,255,.25);
}
.step-blue-link:hover{transform:translateY(-2px);filter:brightness(1.05)}
.peska-preview .btn-blue,.peska-preview .btn-blue-outline{min-width:200px;justify-content:center}


/* === AJUSTE FINAL: TUDO QUE FOI MARCADO EM AZUL FICA AZUL, NÃO AMARELO === */
:root{--actionBlue1:#23c0ff;--actionBlue2:#1389f5;--actionBlueText:#061120}

/* Botões que estavam amarelos e foram marcados para azul */
.btn-gold,
.pulse-account,
.head-actions .btn-gold,
.video-actions .btn-gold,
.hero-actions .btn-gold,
.section-head .btn-gold,
.cta-buttons .btn-gold{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 54px rgba(19,137,245,.28) !important;
}
.btn-gold:hover,
.pulse-account:hover{
  filter:brightness(1.05);
  transform:translateY(-2px);
}

/* CTA menor dentro do painel gráfico */
.mini-invest,
.hero-panel .mini-invest{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 16px 42px rgba(19,137,245,.26) !important;
}

/* Aspas / destaque visual marcados para azul */
.quote-mark,
.privacy-quote,
.policy-quote{
  color:var(--actionBlue1) !important;
}

/* Rodapé sem conflito com botão flutuante */
.site-footer{
  padding-right:240px !important;
  padding-bottom:28px !important;
  min-height:92px;
}
@media(max-width:980px){
  .site-footer{padding-right:0 !important; padding-bottom:96px !important; min-height:auto;}
}

/* Mantém CTA verde do investimento/WhatsApp como estão */
.btn-green,
.top-cta,
.btn-zap,
.top-zap,
.float-wa{
  color:#061120 !important;
}


/* ============================================================
   AJUSTES FINAIS V3 — pedidos 1 a 11 (este bloco vence a cascata)
   ============================================================ */

/* (1) "Investir na PAMM" do header em AZUL CLARO */
.top-cta,
.topbar .btn-green.top-cta{
  background:linear-gradient(135deg,#5fd4ff 0%,#23c0ff 55%,#1389f5 100%) !important;
  color:#04121f !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 14px 40px rgba(35,192,255,.35) !important;
}
.top-cta:hover{filter:brightness(1.07);transform:translateY(-2px)}

/* (2) Botão flutuante do WhatsApp: redondo, só o símbolo */
.float-wa.float-wa-round{
  width:64px !important;
  height:64px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#25d366,#0ea95a) !important;
  box-shadow:0 14px 44px rgba(24,214,124,.45), 0 0 0 0 rgba(37,211,102,.5) !important;
  animation:waPulse 2s ease-in-out infinite !important;
  font-size:0 !important;
  line-height:0 !important;
}
.float-wa.float-wa-round svg{display:block}
@keyframes waPulse{
  0%,100%{box-shadow:0 14px 44px rgba(24,214,124,.45), 0 0 0 0 rgba(37,211,102,.45)}
  50%{box-shadow:0 14px 44px rgba(24,214,124,.45), 0 0 0 14px rgba(37,211,102,0)}
}

/* (3) Números 01/02/03 dos cards "Como funciona" em balões AZUIS */
.cards-3 i{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  box-shadow:0 0 24px rgba(35,192,255,.30) !important;
}

/* (4) Balões 1-2-3-4 dos passos AZUIS + links (Abrir conta, Ver vídeo,
      Abrir guia Peska, Ver condições de entrada) AZUIS */
.steps span{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  box-shadow:0 0 24px rgba(35,192,255,.30) !important;
}
.steps a{color:var(--actionBlue1) !important}
.steps a:hover{color:#7fdcff !important}

/* (5) "Baixar PDF Peska" no azul claro igual os outros (o pulso vem
      da classe .pulse-account já aplicada no HTML) */
.btn-blue,
.head-actions .btn-blue{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 16px 44px rgba(35,192,255,.30) !important;
}
.btn-blue-outline{
  background:rgba(18,39,84,.56) !important;
  color:#dfe8ff !important;
  border:1px solid rgba(35,192,255,.45) !important;
}
.btn-blue-outline:hover{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#fff !important;
}

/* Pulso dos botões azuis: brilho azul (substitui o brilho dourado antigo) */
.pulse-account{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  animation:bluePulse 1.8s ease-in-out infinite !important;
}
@keyframes bluePulse{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(35,192,255,.52),0 18px 54px rgba(19,137,245,.28)}
  50%{transform:translateY(-2px) scale(1.035);box-shadow:0 0 0 12px rgba(35,192,255,0),0 24px 70px rgba(19,137,245,.40)}
}

/* (6) "Abrir passo a passo": balão azul pulsante, escrita BRANCA */
.step-blue-link,
.peska-preview a,
.peska-preview .step-blue-link{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  padding:14px 20px !important;
  border-radius:999px !important;
  font-weight:950;
  justify-content:center;
}

/* (7) CTA final "Investir na PAMM": azul escuro do header, borda BRANCA,
      letras BRANCAS */
.btn-navy-final{
  background:linear-gradient(160deg,#0a1f36,#061120) !important;
  color:#ffffff !important;
  border:2px solid #ffffff !important;
  box-shadow:0 18px 54px rgba(3,10,18,.55), inset 0 0 0 1px rgba(255,255,255,.06) !important;
}
.btn-navy-final:hover{
  background:linear-gradient(160deg,#0d2946,#081827) !important;
  transform:translateY(-2px);
}

/* (8) FAQ: ao abrir, o sinal (+ que vira x) fica BRANCO */
.faq-item[open] summary b{
  color:#ffffff !important;
  background:rgba(35,192,255,.18) !important;
  border:1px solid rgba(255,255,255,.35) !important;
}

/* (11) Rodapé: copyright centralizado em UMA linha */
.site-footer.footer-centered{
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:10px !important;
  padding:26px 0 96px !important;
  padding-right:0 !important;
  min-height:auto !important;
}
.site-footer.footer-centered p{
  text-align:center !important;
  white-space:nowrap;
  margin:0 !important;
}
@media(max-width:420px){
  .site-footer.footer-centered p{white-space:normal}
}

/* ===== RESPONSIVIDADE REFORÇADA (cel / tablet / desktop) ===== */
@media(max-width:1180px){
  .cards-3{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr !important}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .head-actions{flex-wrap:wrap;gap:10px}
  .head-actions .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .cta-buttons{flex-wrap:wrap;gap:12px}
  .cta-buttons .btn{flex:1 1 100%;justify-content:center;text-align:center}
}
@media(max-width:760px){
  .cards-3,.steps{grid-template-columns:1fr}
  .section-head{flex-direction:column;align-items:flex-start;gap:14px}
  .float-wa.float-wa-round{
    width:58px !important;height:58px !important;
    right:14px !important;bottom:14px !important;
  }
  .float-wa.float-wa-round svg{width:30px;height:30px}
  .video-actions{flex-wrap:wrap}
  .video-actions .btn{flex:1 1 100%;justify-content:center;text-align:center}
  .site-footer.footer-centered{padding-bottom:96px !important}
}
@media(max-width:420px){
  h1{font-size:clamp(26px,8vw,34px) !important}
  h2{font-size:clamp(22px,6.5vw,30px) !important}
  .btn{padding:14px 18px;font-size:15px}
}

/* Toque/acessibilidade: alvo mínimo de 44px nos botões */
.btn,.steps a,.step-blue-link{min-height:44px;display:inline-flex;align-items:center}

/* Movimento reduzido: respeita preferências do usuário */
@media (prefers-reduced-motion: reduce){
  .pulse-account,.float-wa.float-wa-round{animation:none !important}
}


/* ============================================================
   V4 — AVISO REGULATÓRIO + CENTRAL DE DOCUMENTOS (local)
   ============================================================ */

/* Bloco de avisos no rodapé (padrão de mercado) */
.regulatory-box{
  margin:34px 0 0;
  padding:30px 32px;
  border-radius:22px;
  background:rgba(255,255,255,.028);
  border:1px solid rgba(255,255,255,.08);
}
.regulatory-box h4{
  margin:0 0 14px;
  color:#f4f9ff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.regulatory-box h4 + p{margin-top:0}
.regulatory-box p{
  color:#8fa3ba;
  font-size:12.5px;
  line-height:1.75;
  margin:0 0 12px;
}
.regulatory-box p:last-child{margin-bottom:0}
.regulatory-box h4:not(:first-child){margin-top:26px}

/* Barra final do rodapé: © à esquerda, links à direita */
.footer-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  padding:24px 0 100px;
  margin-top:8px;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-bar p{
  margin:0;
  color:#b9cbe0;
  font-size:14px;
  white-space:nowrap;
}
.footer-links{display:flex;gap:26px}
.footer-links a{
  color:#c8d7e8;
  font-size:14px;
  font-weight:700;
}
.footer-links a:hover{color:var(--actionBlue1)}
@media(max-width:640px){
  .footer-bar{flex-direction:column;justify-content:center;text-align:center;gap:14px;padding-bottom:104px}
  .footer-bar p{white-space:normal}
  .footer-links{gap:20px}
}

/* ===== Página Central de Documentos ===== */
.legal-main{max-width:1180px;margin:0 auto;padding:34px 22px 0}
.legal-hero{padding:26px 0 8px}
.legal-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--cyan)!important;
}
.legal-hero h1{
  font-size:clamp(34px,5.4vw,64px);
  letter-spacing:-.04em;
  margin:10px 0 6px;
  color:#f4f9ff;
}
.legal-updated{
  color:var(--actionBlue1);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:12.5px;
  margin:0 0 16px;
}
.legal-intro{
  color:var(--muted);
  font-size:17.5px;
  line-height:1.65;
  max-width:760px;
  margin:0 0 8px;
}

/* Balões dos documentos (2 colunas como na referência) */
.doc-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  padding:26px 0 10px;
}
.doc-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:22px 24px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid rgba(35,192,255,.18);
  box-shadow:0 14px 44px rgba(0,0,0,.18);
  color:#f4f9ff;
  font-weight:850;
  font-size:18px;
  transition:.18s ease;
}
.doc-card b{
  flex:0 0 44px;
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:13px;
  background:rgba(35,192,255,.12);
  color:var(--actionBlue1);
  border:1px solid rgba(35,192,255,.25);
  transition:.18s ease;
}
.doc-card:hover{
  transform:translateY(-3px);
  border-color:rgba(35,192,255,.45);
  box-shadow:0 20px 60px rgba(19,137,245,.22);
}
.doc-card:hover b{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2));
  color:#fff;
}
@media(max-width:760px){
  .doc-cards{grid-template-columns:1fr}
  .doc-card{font-size:16px;padding:18px}
}

/* Seções dos documentos (documento unificado) */
.doc-section{
  margin:26px 0;
  padding:30px 32px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border:1px solid rgba(255,255,255,.09);
  scroll-margin-top:96px;
}
.doc-section h2{
  color:var(--actionBlue1);
  font-size:clamp(21px,2.4vw,28px);
  letter-spacing:-.03em;
  margin:0 0 16px;
}
.doc-section p{
  color:var(--muted);
  font-size:16.5px;
  line-height:1.75;
  margin:0 0 14px;
}
.doc-section p:last-child{margin-bottom:0}
.doc-section strong{color:#eaf3ff}
@media(max-width:760px){
  .doc-section{padding:22px 18px}
  .regulatory-box{padding:22px 18px}
}


/* ============================================================
   V4.1 — GUIA PESKA NO MESMO PADRÃO DA PÁGINA INICIAL
   ============================================================ */

/* Números 1-2-3-4 do resumo do guia: balões AZUIS (eram verdes) */
.guide-summary b{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  box-shadow:0 0 24px rgba(35,192,255,.30) !important;
}

/* Garantia extra: qualquer botão verde remanescente nas ações do guia
   segue o padrão azul da página inicial */
.guide-hero .hero-actions .btn-green,
.guide-body .cta-buttons .btn-green{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 16px 44px rgba(35,192,255,.30) !important;
}

/* "Voltar" do guia: discreto, coerente com o tema */
.guide-body .cta-buttons .btn-outline{
  border:1px solid rgba(35,192,255,.40) !important;
  color:#dfe8ff !important;
  background:rgba(18,39,84,.40) !important;
}
.guide-body .cta-buttons .btn-outline:hover{
  background:linear-gradient(135deg,var(--actionBlue1),var(--actionBlue2)) !important;
  color:#fff !important;
}