/* ============ MS Gestão — style.css ============ */
:root{
  --gold:#e6a916; --gold-2:#f7d062; --gold-3:#b98308;
  --ink:#14100a; --ink-2:#1d170d; --text:#3b3427; --mute:#756d5c;
  --white:#fff; --cream:#fbf6e8; --line:#eadfc2;
  --r:18px; --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:400 1rem/1.65 Manrope,system-ui,sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Sora,system-ui,sans-serif;line-height:1.18;margin:0;color:var(--ink)}
p{margin:0 0 1rem}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
em{font-style:normal;color:var(--gold)}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:min(1180px,100% - 48px);margin-inline:auto}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* botões */
.btn{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.5rem;border-radius:10px;font:600 .92rem Manrope,sans-serif;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.btn:hover{transform:translateY(-2px)}
.btn--gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303;box-shadow:0 10px 26px -12px rgba(230,169,22,.9)}
.btn--gold:hover{box-shadow:0 16px 32px -12px rgba(230,169,22,1)}
.btn--line{border-color:rgba(247,208,98,.55);color:#f6efdc}
.btn--line:hover{background:rgba(247,208,98,.12)}
.tag{display:flex;align-items:center;gap:.9rem;color:var(--gold);font-size:.95rem;font-weight:500;margin-bottom:1rem}
.tag::before{content:"";width:56px;height:2px;background:var(--gold)}

/* header */
.header{position:fixed;inset:0 0 auto;z-index:50;color:#f6efdc;transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.header.is-solid{background:rgba(14,11,6,.88);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(247,208,98,.18)}
.header__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:80px}
.logo{display:flex;align-items:center}
.logo img{height:40px;width:auto}
.nav{display:flex;gap:2.2rem;font-size:.93rem;font-weight:500}
.nav a{position:relative;padding:.3rem 0;opacity:.88;transition:opacity .2s,color .2s}
.nav a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--gold);transition:width .3s var(--ease)}
.nav a:hover,.nav a.is-active{opacity:1;color:var(--gold-2)}
.nav a:hover::after,.nav a.is-active::after{width:100%}
.social{display:flex;gap:.6rem}
.social a{width:40px;height:40px;border:1px solid rgba(247,208,98,.6);border-radius:10px;display:grid;place-items:center;color:var(--gold-2);transition:background .2s,color .2s}
.social a:hover{background:var(--gold);color:#1a1303}
.burger{display:none;width:42px;height:42px;border:1px solid rgba(247,208,98,.6);border-radius:10px;background:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}
.burger span{width:18px;height:2px;background:var(--gold-2);transition:.3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* hero */
.hero{position:relative;overflow:hidden;color:#f6efdc;padding-top:80px;
  background:linear-gradient(90deg,rgba(8,6,4,.8) 0%,rgba(8,6,4,.4) 55%,rgba(8,6,4,.1) 100%),url("../img/bg-capa.png") center/cover no-repeat,#0b0906}
.hero__in{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end;min-height:560px}
.hero__txt{padding:70px 0 90px}
.hero h1{font-size:clamp(1.9rem,3.7vw,2.95rem);font-weight:600;color:#fff;max-width:17em;margin-bottom:1.5rem}
.hero p{color:#d3c9b0;max-width:56ch;font-size:1.02rem;margin-bottom:2.2rem}
.hero__cta{display:flex;gap:.9rem;flex-wrap:wrap}
.hero__img{position:relative;display:flex;justify-content:center;align-items:flex-end;animation:rise 1s var(--ease) both .15s}
.hero__img img{width:min(340px,100%);height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
@keyframes rise{from{opacity:0;transform:translateY(30px)}}

/* clientes (fundo branco) */
.clients{position:relative;z-index:3;background:#fff;border-radius:44px 44px 0 0;margin-top:-44px;padding:2.8rem 0 2.4rem;overflow:hidden;box-shadow:0 -26px 60px -18px rgba(230,169,22,.45)}
.clients::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.clients__t{text-align:center;color:var(--mute);font-size:1.15rem;margin-bottom:1.6rem}
.marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;align-items:center;width:max-content;animation:scroll 52s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__track img{height:64px;width:auto;object-fit:contain;margin-right:5rem}
@keyframes scroll{to{transform:translateX(-50%)}}

/* quem somos */
.about{position:relative;background:radial-gradient(720px 440px at 12% 30%,rgba(247,208,98,.24),transparent 70%),radial-gradient(520px 380px at 96% 62%,rgba(247,208,98,.14),transparent 70%),#fff;padding:70px 0 120px}
.about__in{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.about__img img{width:100%;max-width:600px;margin-inline:auto}
.about h2,.coverage h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:600;margin-bottom:1.6rem}
.about__txt p{color:var(--text);max-width:60ch}
.about__txt .btn{margin-top:.8rem}

/* soluções */
.solutions{position:relative;color:#f6efdc;padding:170px 0 170px;background:url("../img/bg-capa.png") center/cover no-repeat,#0b0a0c}
.solutions::before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:1280/450;background:url("../img/bg-solucoes.png") center top/100% 100% no-repeat;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent);pointer-events:none}
.solutions>.wrap{position:relative;z-index:1}
.notch{position:absolute;z-index:2;top:-1px;left:50%;transform:translateX(-50%);width:88px;height:32px;display:grid;place-items:start center;color:var(--gold)}
.notch .bowl{position:absolute;inset:0;width:100%;height:100%;fill:#fff}
.notch .i{position:relative;width:16px;height:16px;margin-top:5px;stroke-width:2.6;animation:nb 2s ease-in-out infinite}
@keyframes nb{50%{transform:translateY(3px)}}
.sec-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;color:#fff;margin-bottom:2.4rem}
.sec-title--c{text-align:center;margin-bottom:.8rem}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4rem}
.cards .card{grid-column:span 2}.cards .card:nth-child(n+4){grid-column:span 3}
.card{position:relative;background:linear-gradient(180deg,#fff,#f6ecd0);border-radius:var(--r);padding:1.6rem 1.6rem 1.7rem;color:#5b5444;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold-2),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 40px -22px rgba(0,0,0,.8)}
.card:hover::after{transform:scaleX(1)}
.card__ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303;display:grid;place-items:center;margin-bottom:1.1rem}
.card__go{position:absolute;right:1.4rem;top:1.5rem;width:34px;height:34px;padding:8px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fff;transition:background .25s,transform .25s}
.card:hover .card__go{background:var(--ink);color:var(--gold-2);transform:rotate(-45deg)}
.card h3{font-size:1.05rem;margin-bottom:.6rem}
.card p{font-size:.88rem;margin:0}
.center{text-align:center;margin-top:3rem}

/* atendimento (fundo claro) */
.coverage{position:relative;z-index:3;background:linear-gradient(180deg,#fff,var(--cream) 45%,#fff);border-radius:48px;margin:-48px 0;padding:110px 0;box-shadow:0 -24px 60px -24px rgba(230,169,22,.5),0 34px 60px -24px rgba(230,169,22,.45)}
.coverage__in{display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;align-items:center}
.coverage__map img{width:90%;max-width:660px;margin-inline:auto;filter:drop-shadow(0 30px 30px rgba(150,110,10,.22))}
.lead{color:var(--mute);max-width:58ch}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.mini div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1rem;box-shadow:0 12px 26px -20px rgba(120,90,10,.5);transition:transform .3s var(--ease)}
.mini div:hover{transform:translateY(-4px)}
.mini .i{color:var(--gold);width:24px;height:24px}
.mini b{display:block;font:600 .88rem/1.3 Sora,sans-serif;color:var(--ink);margin:.7rem 0 .4rem}
.mini span{display:block;font-size:.78rem;line-height:1.45;color:var(--mute)}

/* planos */
.plans{position:relative;color:#f6efdc;padding:170px 0 150px;text-align:center;
  background:linear-gradient(180deg,#0a0805 0%,#110c06 50%,#0a0805 100%);overflow:hidden}
.plans__tag{display:inline-flex;align-items:center;gap:1rem;color:var(--gold);font:500 .8rem Sora,sans-serif;letter-spacing:.5em;margin-bottom:1rem}
.plans__tag i{width:80px;height:1px;background:var(--gold);opacity:.7}
.plans .sec-title{font-size:clamp(1.8rem,3.6vw,2.7rem)}
.plans__lead{color:#d3c9b0;max-width:58ch;margin:0 auto 3.4rem}
.band{margin-top:3.6rem;display:grid;grid-template-columns:auto 1.1fr 1.1fr auto;gap:1.6rem;align-items:center;text-align:left;border:1px solid rgba(247,208,98,.45);border-radius:18px;padding:1.3rem 1.6rem;background:rgba(247,208,98,.05)}
.band__ic{width:54px;height:54px;border:1px solid rgba(247,208,98,.6);border-radius:12px;display:grid;place-items:center;color:var(--gold-2)}
.band__ic .i{width:28px;height:28px}
.band h3{color:#fff;font-size:1.15rem}
.band p{margin:0;font-size:.86rem;color:#cfc5ac;padding-left:1.6rem;border-left:1px solid rgba(247,208,98,.25)}

/* footer */
.footer{background:linear-gradient(rgba(8,6,4,.9),rgba(8,6,4,.96)),url("../img/bg-capa.png") center/cover;color:#a79f8a;padding:calc(3.4rem + 48px) 0 1.6rem;font-size:.88rem;border-top:1px solid rgba(247,208,98,.2)}
.footer p{margin:0}

/* reveal: usa animation (não conflita com os hovers/transições dos componentes) */
.js .reveal:not(.is-in){opacity:0}
.reveal.is-in{animation:reveal .9s var(--ease) backwards;animation-delay:var(--d,0s)}
@keyframes reveal{from{opacity:0;transform:translateY(28px)}}
/* entrada em cascata dos textos da capa */
.hero__txt>*{animation:rise .9s var(--ease) backwards}
.hero__txt>:nth-child(2){animation-delay:.08s}.hero__txt>:nth-child(3){animation-delay:.16s}.hero__txt>:nth-child(4){animation-delay:.24s}.hero__txt>:nth-child(5){animation-delay:.32s}.hero__txt>:nth-child(6){animation-delay:.4s}
/* barra de progresso de leitura */
.scrollbar{position:absolute;left:0;bottom:0;width:100%;height:2px;pointer-events:none}
.scrollbar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));transform-origin:left;transform:scaleX(var(--sp,0))}

/* responsivo */
@media(max-width:1000px){
  .social{display:none}.burger{display:flex}
  .nav{position:absolute;top:80px;left:0;right:0;flex-direction:column;gap:0;background:rgba(10,8,5,.97);padding:.6rem 24px 1.2rem;border-bottom:1px solid rgba(247,208,98,.2);display:none}
  .nav.is-open{display:flex}.nav a{padding:.9rem 0;border-bottom:1px solid rgba(247,208,98,.1)}
  .hero__in{grid-template-columns:1fr;min-height:0}
  .hero__txt{padding:50px 0 10px}
  .hero__img img{width:min(300px,78%)}
  .about__in,.coverage__in{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}.cards .card,.cards .card:nth-child(n+4){grid-column:auto}.cards .card:nth-child(5){grid-column:1/-1}
  .band{grid-template-columns:1fr;text-align:center;justify-items:center}
  .band p{border:0;padding:0}
}
@media(max-width:640px){
  .wrap{width:min(1180px,100% - 36px)}
  .cards{grid-template-columns:1fr}.cards .card:nth-child(5){grid-column:auto}
  .mini{grid-template-columns:1fr}
  .about{padding:60px 0 90px}
  .marquee__track img{height:50px;margin-right:3rem}
  .footer__in{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  /* Respeita a preferência do sistema só no que é decorativo e infinito.
     Fades de entrada, hovers e o carrossel de logos continuam funcionando. */
  html{scroll-behavior:auto}
  /* flutuações continuam, mas bem mais suaves */
  :root{--fy:-3px}
  .notch .i,.play::after{animation:none!important}
  @keyframes reveal{from{opacity:0}}
  @keyframes rise{from{opacity:0}}
}

@media(min-width:630px) and (max-width: 1000px) {
    .coverage__map img {
        width: 50%;
    }
}

/* ---- v2: refinamentos ---- */
.hero__img::before{content:"";position:absolute;bottom:0;left:50%;width:min(470px,110%);aspect-ratio:1;transform:translate(-50%,22%);border-radius:50%;background:radial-gradient(circle,rgba(230,169,22,.42),transparent 62%);box-shadow:inset 0 0 0 1px rgba(247,208,98,.2)}
.hero__img img{position:relative}
.hero__vals{list-style:none;display:flex;gap:1.6rem;flex-wrap:wrap;margin:2.4rem 0 0;padding:1.5rem 0 0;border-top:1px solid rgba(247,208,98,.22);font-size:.86rem;color:#d6ccb3}
.hero__vals li{display:flex;align-items:center;gap:.55rem}
.hero__vals .i{color:var(--gold-2);width:18px;height:18px}
.hero__txt{padding-bottom:110px}

.steps{margin-top:96px}
.steps__t{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:600;margin-bottom:2.4rem}
.steps__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative;counter-reset:s}
.steps__l::before{content:"";position:absolute;top:27px;left:6%;right:6%;border-top:2px dashed rgba(230,169,22,.45)}
.steps__l li{position:relative}
.steps__l b{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303;font:700 1rem Sora,sans-serif;box-shadow:0 0 0 7px #fff,0 12px 24px -10px rgba(230,169,22,.9);margin-bottom:1.3rem}
.steps__l h4{font:600 1.05rem Sora,sans-serif;color:var(--ink);margin:0 0 .4rem}
.steps__l p{font-size:.88rem;color:var(--mute);margin:0;max-width:26ch}

.card>*:not(.card__go){position:relative;z-index:1}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0),rgba(230,169,22,.26),transparent 62%);opacity:0;transition:opacity .35s}
.card:hover::before{opacity:1}
.card__n{position:absolute!important;right:1.5rem;bottom:.6rem;font:700 3.2rem/1 Sora,sans-serif;color:rgba(230,169,22,.16);z-index:0!important}
.card{box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 20px 40px -26px rgba(0,0,0,.9)}

.coverage__map{position:relative}
.chip{position:absolute;display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:.6rem .9rem;font-size:.82rem;color:var(--ink);box-shadow:0 18px 30px -18px rgba(120,90,10,.6);animation:float 5s ease-in-out infinite}
.chip .i{color:var(--gold)}.chip b{font:700 1.1rem Sora,sans-serif}
.chip--a{top:6%;right:2%}.chip--b{bottom:5%;left:-5%;animation-delay:-2.5s}
@keyframes float{50%{transform:translateY(var(--fy,-8px))}}
@keyframes pop{from{opacity:0;transform:scale(.8) translateY(14px)}}

.band{background:linear-gradient(135deg,rgba(247,208,98,.1),rgba(247,208,98,.03));backdrop-filter:blur(6px)}

.footer__top{display:grid;grid-template-columns:1.3fr 1fr auto;gap:2.5rem;align-items:center;padding-bottom:2rem;border-bottom:1px solid rgba(247,208,98,.14)}
.footer__brand p{margin:1rem 0 0;max-width:38ch;color:#8f8772}
.footer__nav{display:flex;gap:1.6rem;flex-wrap:wrap}
.footer__nav a{color:#cfc5ac;transition:color .2s}.footer__nav a:hover{color:var(--gold-2)}
.footer__bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.4rem}
.footer__bot p{margin:0}.footer__bot a{color:var(--gold-2)}

@media(max-width:1000px){
  .hero__txt{padding-bottom:30px}
  .steps__l{grid-template-columns:1fr 1fr;row-gap:2.4rem}.steps__l::before{display:none}
  .footer__top{grid-template-columns:1fr;gap:1.6rem}
  .chip--a{right:0}
}
@media(max-width:640px){
  .steps__l{grid-template-columns:1fr}
  .steps__l p{max-width:none}
  .solutions{padding:130px 0 130px}.plans{padding:150px 0 120px}.coverage{padding:80px 0}
  .clients{border-radius:32px 32px 0 0;margin-top:-32px}
  .logo img{height:34px}
}

/* ---- planos em chevron ---- */
.chevs{--p:58px;display:flex;justify-content:center;filter:drop-shadow(0 0 22px rgba(230,169,22,.3));margin-bottom:1.6rem}
.chev{position:relative;flex:1 1 0;min-width:0;height:170px;margin-left:calc(var(--p) * -1 + 12px);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .35s var(--ease),filter .35s}
.chev:first-child{margin-left:0}
.chev:hover,.chev:focus-visible{transform:translateY(-6px);filter:brightness(1.07)}
.chev__shape,.chev__in{clip-path:polygon(0 0,calc(100% - var(--p)) 0,100% 50%,calc(100% - var(--p)) 100%,0 100%,var(--p) 50%)}
.chev__shape{position:absolute;inset:0;background:linear-gradient(135deg,var(--gold-2),var(--gold-3))}
.chev__in{position:absolute;inset:1.5px;display:flex;align-items:center;gap:1rem;padding:0 calc(var(--p) + 6px) 0 calc(var(--p) + 12px)}
.chev--light .chev__in{background:linear-gradient(180deg,#fff,#f2e9d0);color:#17100a}
.chev--dark .chev__in{background:linear-gradient(180deg,#2c2b29,#1a1918);color:#fff}
.chev--gold .chev__in{background:linear-gradient(160deg,#f9d96d,#e6a916 62%,#c8920e);color:#17100a}
.chev__ic{flex:none;width:62px;height:62px;border-radius:50%;display:grid;place-items:center}
.chev__ic .i{width:30px;height:30px;stroke-width:1.7}
.chev--light .chev__ic{background:#f3e4b8;color:var(--gold-3)}
.chev--dark .chev__ic{border:1px solid rgba(247,208,98,.5);color:var(--gold-2)}
.chev--gold .chev__ic{background:#17100a;color:var(--gold-2)}
.chev__t b{display:block;font:700 1.4rem/1.15 Sora,sans-serif;letter-spacing:.01em}
.chev__t small{display:block;font-size:.94rem;line-height:1.3;opacity:.8;margin-top:.2rem}
.chev__more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.7rem;font:600 .74rem Sora,sans-serif;letter-spacing:.04em;opacity:0;transform:translateX(-6px);transition:.3s var(--ease)}
.chev__more .i{width:14px;height:14px}
.chev--dark .chev__more{color:var(--gold-2)}.chev--light .chev__more{color:var(--gold-3)}
.chev:hover .chev__more,.chev:focus-visible .chev__more{opacity:1;transform:none}
@media(hover:none){.chev__more{opacity:.9;transform:none}}
.chev__badge{position:absolute;top:-16px;right:8px;z-index:3;display:flex;align-items:center;gap:.45rem;background:#14100a;color:var(--gold-2);border:1.5px solid var(--gold);border-radius:99px;padding:.32rem .95rem;font:700 .72rem Sora,sans-serif;letter-spacing:.05em}
.chev__badge .i{width:14px;height:14px}
.plans__note{display:flex;justify-content:center;align-items:center;gap:.7rem;margin:0 0 3rem;color:#d3c9b0;font-size:.92rem}
.plans__note .i{color:var(--gold);width:22px;height:22px}
.plans__hr{border:0;height:1px;margin:0 0 3rem;background:linear-gradient(90deg,transparent,rgba(247,208,98,.6),transparent)}
.plans__h3{font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:500;color:#fff;margin-bottom:.7rem}
.plans__sub{color:#cfc5ac;margin:0 auto}
.plans .band{margin-top:3.2rem}
@media(max-width:1000px){.chevs{--p:40px}.chev{height:150px}.chev__in{gap:.8rem}.chev__ic{width:52px;height:52px}.chev__t b{font-size:1.1rem}.chev__t small{font-size:.8rem}}
@media(max-width:860px){
  .chevs{--p:26px;flex-direction:column;max-width:480px;margin-inline:auto}
  .chev{flex:none;height:132px;margin-left:0;margin-top:calc(var(--p) * -1 + 12px)}.chev:first-child{margin-top:0}
  .chev__shape,.chev__in{clip-path:polygon(0 0,50% var(--p),100% 0,100% calc(100% - var(--p)),50% 100%,0 calc(100% - var(--p)))}
  .chev__in{padding:var(--p) 1.4rem 0 1.6rem;display:flex;justify-content:center;}
  .chev__more {display:none}
  .chev__t b{font-size:1.25rem}.chev__t small{font-size:.88rem}
  .chev__badge{top:20px;right:10px}
}

/* ---- modal ---- */
.modal{border:0;padding:0;background:transparent;max-width:none;width:min(940px,calc(100% - 28px));max-height:calc(100dvh - 28px);color:#f6efdc;overflow:visible}
.modal::backdrop{background:rgba(5,4,2,.72);backdrop-filter:blur(7px)}
.modal[open]{animation:mpop .4s var(--ease)}.modal[open]::backdrop{animation:mfade .3s}
@keyframes mpop{from{opacity:0;transform:translateY(24px) scale(.97)}}@keyframes mfade{from{opacity:0}}
html:has(dialog[open]){overflow:hidden}
.modal__box{position:relative;border-radius:26px;max-height:calc(100dvh - 28px);overflow-y:auto;background:linear-gradient(180deg,#17120a,#0d0a06);border:1px solid rgba(247,208,98,.4);box-shadow:0 40px 90px -20px rgba(0,0,0,.9),0 0 60px -20px rgba(230,169,22,.5)}
.modal__x{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(247,208,98,.5);background:rgba(10,8,5,.6);color:var(--gold-2);display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .3s}
.modal__x:hover{background:var(--gold);color:#1a1303;transform:rotate(90deg)}
.modal__tabs{display:flex;gap:.4rem;padding:1rem 4rem 0 1.2rem;background:rgba(247,208,98,.05);border-bottom:1px solid rgba(247,208,98,.18)}
.modal__tabs button{position:relative;padding:.75rem 1.1rem;border:0;background:none;color:#a79f8a;font:600 .85rem Sora,sans-serif;cursor:pointer;transition:color .2s}
.modal__tabs button:hover{color:#fff}
.modal__tabs button[aria-selected="true"]{color:var(--gold-2)}
.modal__tabs button[aria-selected="true"]::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:-1px;height:2px;background:var(--gold);border-radius:2px}
.pm__head{display:flex;align-items:center;gap:1.2rem;padding:1.8rem 2rem;flex-wrap:wrap}
.pm__ic{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;flex:none}
.pm__ic .i{width:32px;height:32px;stroke-width:1.7}
.pm__head h3{font-size:1.9rem;letter-spacing:.01em}
.pm__head small{display:block;font-size:1rem;opacity:.8}
.pm__flag{margin-left:auto;display:flex;align-items:center;gap:.45rem;background:#14100a;color:var(--gold-2);border:1.5px solid var(--gold);border-radius:99px;padding:.3rem .9rem;font:700 .72rem Sora,sans-serif;letter-spacing:.05em;margin-right:3rem}
.pm__flag .i{width:14px;height:14px}
.modal__box[data-theme="light"] .pm__head{background:linear-gradient(180deg,#fff,#f2e9d0);color:#17100a}.modal__box[data-theme="light"] .pm__head h3{color:#17100a}
.modal__box[data-theme="light"] .pm__ic{background:#f3e4b8;color:var(--gold-3)}
.modal__box[data-theme="dark"] .pm__head{background:linear-gradient(180deg,#2c2b29,#1a1918);color:#fff}.modal__box[data-theme="dark"] .pm__head h3{color:#fff}
.modal__box[data-theme="dark"] .pm__ic{border:1px solid rgba(247,208,98,.5);color:var(--gold-2)}
.modal__box[data-theme="gold"] .pm__head{background:linear-gradient(160deg,#f9d96d,#e6a916 62%,#c8920e);color:#17100a}.modal__box[data-theme="gold"] .pm__head h3{color:#17100a}
.modal__box[data-theme="gold"] .pm__ic{background:#17100a;color:var(--gold-2)}
.pm__main{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;padding:1.8rem 2rem 2rem}
.pm__lead{font-size:1.02rem;color:#e6dcc3;margin:0 0 1.4rem;grid-column:1/-1}
.pm__h{font:600 .78rem Sora,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}
.pm__list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.pm__list li{display:flex;gap:.7rem;line-height:1.45;font-size:.94rem;color:#ece3cc;animation:li .5s var(--ease) both;animation-delay:calc(var(--n) * 45ms + .1s)}
.pm__list li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1303' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
@keyframes li{from{opacity:0;transform:translateX(-10px)}}
.pm__side{display:flex;flex-direction:column;gap:1.2rem}
.pm__res{display:flex;gap:1rem;align-items:flex-start;border-radius:16px;padding:1.2rem;background:rgba(247,208,98,.1);border:1px solid rgba(247,208,98,.3)}
.pm__res .i{width:34px;height:34px;color:var(--gold-2);flex:none}
.pm__res b{display:block;font:600 .95rem Sora,sans-serif;color:var(--gold-2);margin-bottom:.3rem}
.pm__res p{margin:0;font-size:.92rem;line-height:1.5}
.pm__note{display:flex;gap:.6rem;align-items:center;font-size:.82rem;color:#a79f8a}
.pm__note .i{width:18px;height:18px;color:var(--gold)}
.pm__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:auto}
.pm__cta .btn{flex:1 1 auto;justify-content:center}
@media(max-width:760px){
  .pm__main{grid-template-columns:1fr;gap:1.6rem;padding:1.4rem 1.3rem 1.6rem}.pm__head{padding:1.4rem 1.3rem}
  .pm__head h3{font-size:1.5rem}.pm__flag{margin:0}.pm__ic{width:56px;height:56px}
  .modal__tabs{padding-right:3.6rem}.modal__tabs button{white-space:nowrap}
  .chip--b {bottom:unset;left:unset;}
  .chip--a {top: -10%}
}

/* ---- treinamento e cursos ---- */
.btn--dark{background:#17100a;color:var(--gold-2);border-color:#17100a}
.training{position:relative;z-index:3;background:linear-gradient(180deg,#fff,var(--cream) 60%,#fff);border-radius:48px;margin:-48px 0;padding:110px 0 120px;box-shadow:0 -24px 60px -24px rgba(230,169,22,.5),0 34px 60px -24px rgba(230,169,22,.45)}
.training__head{max-width:640px;margin-bottom:2.8rem}
.training h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:600}
.training__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.6rem}
.tcard{position:relative;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;border-radius:24px;padding:2.2rem;overflow:hidden;transition:transform .35s var(--ease)}
.tcard:hover{transform:translateY(-6px)}
.tcard h3{font-size:1.5rem}
.tcard p{margin:0;max-width:44ch}
.tcard ul{list-style:none;margin:.3rem 0 .8rem;padding:0;display:grid;gap:.5rem;font-size:.92rem}
.tcard li::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:.6rem;border-radius:50%;font-size:.65rem;font-weight:700}
.tcard__ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center}
.tcard__ic .i{width:28px;height:28px}
.tcard--dark{background:radial-gradient(400px 260px at 100% 0,rgba(230,169,22,.3),transparent 70%),linear-gradient(180deg,#1d170c,#0e0b06);color:#e6dcc3;border:1px solid rgba(247,208,98,.35)}
.tcard--dark h3{color:#fff}.tcard--dark .tcard__ic{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303}
.tcard--dark li::before{background:var(--gold);color:#1a1303}
.tcard--gold{background:linear-gradient(160deg,#f9d96d,#e6a916 62%,#c8920e);color:#2a1d05}
.tcard--gold h3{color:#17100a}.tcard--gold .tcard__ic{background:#17100a;color:var(--gold-2)}
.tcard--gold li::before{background:#17100a;color:var(--gold-2)}
.tcard__soon{position:absolute;top:1.6rem;right:1.6rem;background:#17100a;color:var(--gold-2);border-radius:99px;padding:.25rem .8rem;font:700 .7rem Sora,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.tcard .btn{margin-top:auto}
@media(max-width:860px){.training__grid{grid-template-columns:1fr}.training{padding:90px 0 100px}
    .chip--b {bottom:unset;left:unset;}
    .chip--a {top: -10%}
}

/* troféu do modal de planos */
.pm__res{align-items:center}
.pm__trophy{flex:none;width:84px;height:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(230,169,22,.35));animation:float 5s ease-in-out infinite}
@media(max-width:760px){.pm__trophy{width:64px}}

/* ---------- balões flutuantes da capa ---------- */
.bl{position:absolute;z-index:3;display:flex;gap:.7rem;align-items:center;border-radius:16px;box-shadow:0 24px 40px -18px rgba(0,0,0,.85);animation:pop .8s var(--ease) backwards var(--d,0s),float var(--t,6s) ease-in-out calc(var(--d,0s) + .8s) infinite}
.bl b{display:block;font:600 .8rem/1.25 Sora,sans-serif}
.bl small{display:block;margin-top:.25rem;font-size:.66rem;line-height:1.4;opacity:.8}
.bl--light{width:215px;padding:.75rem .9rem;background:rgba(255,251,240,.97);color:#1a1303;border:1px solid rgba(247,208,98,.8)}
.bl--light small{color:#6b6454;opacity:1}
.bl__ic{flex:none;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303;display:grid;place-items:center}
.bl__ic .i{width:20px;height:20px}
.bl--dark{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;background:rgba(14,11,6,.82);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(247,208,98,.7)}
.bl__head{display:flex;gap:.6rem;align-items:center}
.bl__head .i{width:30px;height:30px;padding:6px;border-radius:9px;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303}
.bl__bars{display:flex;align-items:flex-end;gap:5px;height:34px;width:100%}
.bl__bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(var(--gold-2),var(--gold-3));transform-origin:bottom;animation:barUp 3.4s ease-in-out infinite}
.bl__bars i:nth-child(1){height:30%}.bl__bars i:nth-child(2){height:48%;animation-delay:.15s}.bl__bars i:nth-child(3){height:64%;animation-delay:.3s}.bl__bars i:nth-child(4){height:82%;animation-delay:.45s}.bl__bars i:nth-child(5){height:100%;animation-delay:.6s}
@keyframes barUp{0%{transform:scaleY(.15)}25%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.bl-a{left:4%;top:7%}.bl-b{right:-5%;top:30%}.bl-c{left:-20%;top:52%}
@media(max-width:1000px){.bl-a{left:-2%}.bl-b{right:-1%}.bl-c{left:-2%}.bl--light{width:185px}}
@media(max-width:560px){.bl--light small{display:none}.bl--light{width:auto}.bl-c{top:58%}}

/* ---------- Quem somos: painel de estúdio atrás da foto (sóbrio, sem animações) ---------- */
.about__img.qs{position:relative;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1.08/1}
.qs__panel,.qs__line,.qs__stage{position:absolute;left:4%;right:4%;top:7%;bottom:4%}
.qs__panel{border-radius:30px;background:radial-gradient(70% 46% at 50% 14%,rgba(255,255,255,.95),transparent 72%),linear-gradient(172deg,#faf2dc 0%,#efdeb0 100%);box-shadow:0 44px 60px -38px rgba(110,80,10,.6),inset 0 0 0 1px rgba(255,255,255,.7)}
.qs__line{border-radius:30px;border:1px solid rgba(190,140,20,.4);transform:translate(16px,-14px)}
.qs__stage{display:flex;align-items:center;justify-content:center;;overflow:hidden;border-radius:30px;clip-path:none;background:rgba(255,255,255,.42);box-shadow:0 28px 46px -30px rgba(74,55,18,.52),inset 0 0 0 1px rgba(255,255,255,.8);backdrop-filter:blur(2px)}
.about__img.qs .qs__photo{display:block;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:0;border-radius:20px;box-shadow:0 18px 34px -22px rgba(20,25,35,.42),0 0 0 1px rgba(30,30,30,.06);filter:none}
.qs__chip{position:absolute;left:1%;bottom:9%;z-index:2;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem .7rem .75rem;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(190,140,20,.28);box-shadow:0 22px 34px -22px rgba(90,60,0,.7);animation:float 5.5s ease-in-out infinite}
.qs__chip .i{animation:glowPulse 2.8s ease-in-out infinite;width:34px;height:34px;padding:7px;border-radius:10px;background:#1a1303;color:var(--gold-2)}
.qs__chip b{display:block;font:600 .88rem Sora,sans-serif;color:var(--ink)}
.qs__chip small{display:block;font-size:.74rem;color:var(--mute)}
@media(max-width:1000px){.about__img.qs{max-width:440px}}

.about{overflow-x:clip}

@keyframes glowPulse{0%,100%{box-shadow:0 0 0 0 rgba(230,169,22,.55)}60%{box-shadow:0 0 0 9px rgba(230,169,22,0)}}

/* ---------- Capa da página inicial: fundo simples e estático ---------- */
.hero--home,.hero--clean{background:linear-gradient(120deg,#060504 0%,#0c0905 55%,#120d06 100%)}
.hbg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hbg>*{position:absolute}
.hbg__glow{inset:0;background:
  radial-gradient(680px 520px at 77% 60%,rgba(230,169,22,.26),transparent 66%),
  radial-gradient(520px 360px at 0 100%,rgba(230,169,22,.1),transparent 70%)}
.hbg__grid{inset:0;background-image:linear-gradient(rgba(247,208,98,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(247,208,98,.045) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse 60% 75% at 76% 58%,#000,transparent 78%);mask-image:radial-gradient(ellipse 60% 75% at 76% 58%,#000,transparent 78%)}
.hbg__ring{right:calc(7% - 40px);top:55%;width:min(600px,46vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(247,208,98,.14);transform:translateY(-50%)}
@media(max-width:1000px){.hbg__ring{display:none}}

/* ---------- submenu "Cursos" ---------- */
.nav__dd{position:relative}
.nav__ddb{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem 0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;opacity:.88;transition:opacity .2s,color .2s}
.nav__ddb .i{width:14px;height:14px;transition:transform .3s var(--ease)}
.nav__ddb:hover,.nav__ddb.is-active,.nav__dd:focus-within .nav__ddb{opacity:1;color:var(--gold-2)}
.nav__dd:hover .nav__ddb .i,.nav__ddb[aria-expanded="true"] .i{transform:rotate(180deg)}
.nav__menu{position:absolute;top:calc(100% + 12px);left:50%;min-width:240px;padding:.45rem;border-radius:14px;background:rgba(14,11,6,.96);backdrop-filter:blur(14px);border:1px solid rgba(247,208,98,.32);box-shadow:0 26px 40px -20px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .25s,transform .3s var(--ease),visibility .25s}
.nav__menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav__dd:hover .nav__menu,.nav__dd:focus-within .nav__menu,.nav__ddb[aria-expanded="true"]+.nav__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .nav__menu a{display:block;padding:.7rem .95rem;border-radius:9px;opacity:1;color:#f6efdc}
.nav .nav__menu a::after{display:none}
.nav .nav__menu a:hover{background:rgba(247,208,98,.13);color:var(--gold-2)}
@media(max-width:1000px){
  .nav__dd{width:100%}
  .nav__ddb{width:100%;justify-content:space-between;padding:.9rem 0;border-bottom:1px solid rgba(247,208,98,.1)}
  .nav__menu,.nav__dd:hover .nav__menu,.nav__dd:focus-within .nav__menu{position:static;display:none;min-width:0;margin:.2rem 0 .5rem;background:rgba(247,208,98,.06);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav__ddb[aria-expanded="true"]+.nav__menu{display:block;transform:none}
  .nav .nav__menu a{border-bottom:0;padding:.75rem .9rem}
}
/* cartão claro de curso */
.tcard--line{background:#fff;border:1px solid var(--line);color:var(--text);box-shadow:0 26px 40px -30px rgba(120,90,10,.55)}
.tcard--line h3{color:var(--ink)}
.tcard--line .tcard__ic{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303}
.tcard--line li::before{background:var(--gold);color:#1a1303}
.tcard--line .tcard__soon{background:#fbf3de;color:var(--gold-3)}

/* ---------- Soluções (início): fundo com detalhes em amarelo ---------- */
.solutions--home{background:linear-gradient(180deg,#0a0804 0%,#110c05 55%,#0a0804 100%)}
.solutions--home::before{display:none}
.shbg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.shbg>*{position:absolute}
.shbg__glow{border-radius:50%;filter:blur(8px)}
.shbg__glow--1{left:-10%;top:-12%;width:640px;aspect-ratio:1;background:radial-gradient(circle,rgba(247,208,98,.3),transparent 66%)}
.shbg__glow--2{right:-12%;top:22%;width:720px;aspect-ratio:1;background:radial-gradient(circle,rgba(230,169,22,.24),transparent 66%)}
.shbg__glow--3{left:30%;bottom:-24%;width:760px;aspect-ratio:1;background:radial-gradient(circle,rgba(230,169,22,.22),transparent 68%)}
.shbg__stripes{inset:0;background:repeating-linear-gradient(118deg,rgba(247,208,98,.055) 0 1px,transparent 1px 30px);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 0 0,#000,transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,#000,transparent 70%);-webkit-mask-composite:source-over;mask-image:radial-gradient(ellipse 60% 70% at 0 0,#000,transparent 70%),radial-gradient(ellipse 50% 60% at 100% 100%,#000,transparent 70%)}
.shbg__dots{right:4%;top:10%;width:300px;aspect-ratio:1.4;background:radial-gradient(rgba(247,208,98,.6) 1.6px,transparent 1.9px) 0 0/16px 16px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:.7}
.shbg__cap{border-radius:999px;transform:rotate(-38deg);border:1.5px solid rgba(247,208,98,.4);background:linear-gradient(90deg,rgba(247,208,98,.16),rgba(247,208,98,.02))}
.shbg__cap--1{left:-9%;top:6%;width:520px;height:150px;animation:capf 12s ease-in-out infinite}
.shbg__cap--2{left:-3%;top:30%;width:380px;height:104px;border-color:rgba(247,208,98,.22);animation:capf 14s ease-in-out -4s infinite}
.shbg__cap--3{right:-12%;bottom:8%;width:560px;height:160px;transform:rotate(-38deg);animation:capf 13s ease-in-out -7s infinite}
@keyframes capf{50%{translate:10px -12px}}
.shbg__wave{inset:0;width:100%;height:100%}
.shbg__wave path{stroke-dasharray:14 10;animation:waveflow 22s linear infinite}
@keyframes waveflow{to{stroke-dashoffset:-240}}
.shbg__bars{right:5%;bottom:7%;display:flex;align-items:flex-end;gap:10px;height:120px;opacity:.55}
.shbg__bars i{display:block;width:16px;border-radius:4px 4px 1px 1px;background:linear-gradient(var(--gold-2),rgba(185,131,8,.2));transform-origin:bottom;animation:barUp 5s ease-in-out infinite}
.shbg__bars i:nth-child(1){height:28%}.shbg__bars i:nth-child(2){height:42%;animation-delay:.2s}.shbg__bars i:nth-child(3){height:58%;animation-delay:.4s}.shbg__bars i:nth-child(4){height:72%;animation-delay:.6s}.shbg__bars i:nth-child(5){height:88%;animation-delay:.8s}.shbg__bars i:nth-child(6){height:100%;animation-delay:1s}
@media(max-width:1000px){.shbg__cap--1{width:360px;height:110px}.shbg__cap--2,.shbg__bars{display:none}.shbg__cap--3{width:380px;height:110px}.shbg__dots{width:200px}}
@media(prefers-reduced-motion:reduce){.shbg__cap,.shbg__wave path{animation:none}}

/* ---------- submenu: itens com ícone e legenda, fechamento com tolerância ---------- */
.nav__menu{min-width:280px;transition:opacity .25s,transform .3s var(--ease),visibility 0s linear .25s}
.nav__dd:hover .nav__menu,.nav__dd:focus-within .nav__menu,.nav__ddb[aria-expanded="true"]+.nav__menu{transition-delay:0s}
.nav .nav__menu a{display:flex;align-items:center;gap:.85rem;padding:.7rem .8rem}
.nm__ic{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#1a1303}
.nm__ic .i{width:20px;height:20px}
.nm__t b{display:block;font:600 .9rem Sora,sans-serif;color:#fff;transition:color .2s}
.nm__t small{display:block;font-size:.74rem;color:#a79f8a}
.nav .nav__menu a:hover .nm__t b{color:var(--gold-2)}

/* ---------- Planos: fundo sóbrio com detalhes (estático) ---------- */
.plans>.wrap{position:relative;z-index:1}
.pbg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.pbg>*{position:absolute}
.pbg__glow{border-radius:50%}
.pbg__glow--1{left:50%;top:-18%;width:900px;aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle,rgba(230,169,22,.2),transparent 66%)}
.pbg__glow--2{left:-14%;bottom:-22%;width:620px;aspect-ratio:1;background:radial-gradient(circle,rgba(230,169,22,.12),transparent 68%)}
.pbg__glow--3{right:-14%;bottom:-18%;width:680px;aspect-ratio:1;background:radial-gradient(circle,rgba(230,169,22,.14),transparent 68%)}
.pbg__dots{width:260px;height:170px;background:radial-gradient(rgba(247,208,98,.5) 1.4px,transparent 1.7px) 0 0/16px 16px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:.55}
.pbg__dots--l{left:3%;top:18%}.pbg__dots--r{right:3%;bottom:20%}
.pbg__sq{width:420px;aspect-ratio:1;border-radius:34px;transform:rotate(45deg);border:1px solid rgba(247,208,98,.16);background:linear-gradient(135deg,rgba(247,208,98,.06),rgba(247,208,98,0) 60%)}
.pbg__sq--l{left:-250px;top:32%}.pbg__sq--r{right:-250px;top:8%}
.pbg__line{left:8%;right:8%;top:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(247,208,98,.16),transparent)}
@media(max-width:1000px){.pbg__sq,.pbg__dots,.pbg__line{display:none}}

/* aresta de luz fina (capa do treinamento) */
.hbg__edge{top:-10%;bottom:-10%;left:52%;width:1px;background:linear-gradient(transparent,rgba(247,208,98,.22) 40%,transparent);transform:rotate(14deg);transform-origin:top}
@media(max-width:1000px){.hbg__edge{display:none}}


/* ===== Barra de rolagem personalizada (site todo) ===== */
/* Firefox (e navegadores sem ::-webkit-scrollbar) */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-width:thin;scrollbar-color:#e6a916 #0c0905}
}
/* Chrome, Edge, Safari, Opera */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#0c0905;border-left:1px solid rgba(247,208,98,.12)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f7d062,#e6a916 55%,#b98308);border-radius:999px;border:3px solid #0c0905}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe08a,#f7d062 55%,#e6a916)}
::-webkit-scrollbar-thumb:active{background:#b98308}
::-webkit-scrollbar-corner{background:#0c0905}
/* seleção de texto na cor da marca (opcional) */
::selection{background:#e6a916;color:#1a1303}

/* ---- modalidades de atendimento ---- */

.service-modes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .8rem;
  margin-top: 1.7rem;
}

.service-mode {
  display: flex;
  align-items: center;
  gap: .75rem;
  min-height: 68px;
  padding: .8rem .9rem;
  background: rgba(255,255,255,.78);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 12px 26px -20px rgba(120,90,10,.5);
  transition:
    transform .3s var(--ease),
    border-color .3s var(--ease),
    box-shadow .3s var(--ease),
    background .3s var(--ease);
}

.service-mode:hover {
  transform: translateY(-4px);
  border-color: rgba(230,169,22,.55);
  background: #fff;
  box-shadow: 0 18px 30px -20px rgba(120,90,10,.65);
}

.service-mode__ic {
  flex:none;
  width: 38px;
  height: 38px;
  display:grid;
  place-items:center;
  border-radius: 50%;
  background: #fff7df;
  color: var(--gold);
  border: 1px solid rgba(230,169,22,.28);
}

.service-mode__ic .i {
  width: 19px;
  height: 19px;
  stroke-width: 1.7;
}

.service-mode__content {
  min-width: 0;
}

.service-mode__content strong {
  display:block;
  color:var(--ink);
  font:600 .82rem/1.2 Sora,sans-serif;
}

.service-mode__content small {
  display:block;
  margin-top:.25rem;
  color:var(--mute);
  font-size:.72rem;
  line-height:1.25;
}

/* Responsivo */
@media(max-width:1000px) {
  .service-modes {
    max-width: 680px;
  }
}

@media(max-width:640px) {
  .service-modes {
    grid-template-columns: 1fr;
  }

  .service-mode {
    min-height: 62px;
  }
}

/* ---- modalidades de atendimento ---- */

.service-modes {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  color: var(--gold);
  font: 600 .78rem/1.2 Sora, sans-serif;
}

.service-modes span:not(.service-modes__separator) {
  transition: opacity .25s ease;
}

.service-modes span:not(.service-modes__separator):hover {
  opacity: .7;
}

.service-modes__separator {
  color: #cdbb8a;
  font-size: .65rem;
}