/* Formação IA Visual para Lojistas · v13 (Figma oFCcRoAlh9wRMTxfn3eWQR · PV v20 · mobile 786:2852 · desktop 797:3297) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(assets/cg-400.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(assets/cg-400i.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(assets/cg-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(assets/cg-500i.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 500;font-display:swap;src:url(assets/inter.woff2) format('woff2')}

:root{
  --creme:#f4efe8; --papel:#ede3d3; --cartao:#fbf8f3; --escuro:#2a211b;
  --tinta:#1f1a16; --cinza:#6f6459; --texto:#5a5048; --cta:#7a4e2d; --cta-h:#68411f;
  --linha:#ddd2c2; --claro:#c9beb0;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --g:24px; --wmax:100%;
  --btn-h:52px;
}
@media (min-width:600px){.br-d{display:none}
:root{--wmax:640px;--g:40px}}
@media (min-width:1024px){:root{--wmax:1120px;--btn-h:56px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--creme);color:var(--tinta);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
em{font-style:italic}
strong{font-weight:500;color:var(--tinta)}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--cta);outline-offset:3px}
.escura :focus-visible{outline-color:var(--creme)}
.escura{background:var(--escuro);color:var(--creme)}

.wrap{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto}
/* borda esquerda do container, pros trilhos que sangram à direita */
.trilho,.prova__pista{--edge:calc((100% - min(var(--wmax),100% - 2*var(--g)))/2)}

/* ---------- tipografia ---------- */
.eyebrow{font:500 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.t-xl{font:400 48px/1.1 var(--serif);letter-spacing:-.015em;color:var(--tinta)}
.t-h2{font:400 40px/1.1 var(--serif);letter-spacing:-.01em;color:var(--tinta)}
.t-h2--m{font-weight:500;font-size:32px;letter-spacing:-.01em}
.t-q{font:500 32px/1.1 var(--serif);letter-spacing:-.01em;color:var(--tinta)}
.p{font:400 16px/1.5 var(--sans);color:var(--texto)}
.p a,.sup a,.gar a,.acc__a a{color:var(--tinta);text-underline-offset:3px}
.micro{font:500 12px/1.5 var(--sans);color:var(--cinza)}
.micro--c,.micro--f{text-align:center}

/* ---------- botão e etiqueta ---------- */
.btn{display:flex;align-items:center;justify-content:center;width:100%;height:var(--btn-h);padding:0 24px;border-radius:999px;background:var(--cta);color:var(--creme);font:500 16px/1 var(--sans);text-decoration:none;text-align:center;box-shadow:none;transition:background .2s}
.btn:hover{background:var(--cta-h)}
.cta{padding-top:8px}
.tag{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.9);color:var(--tinta);font:500 12px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:2px;white-space:nowrap}
.ph{position:relative;overflow:hidden;background:var(--papel)}
.ph img,.ph video{width:100%;height:100%;object-fit:cover}
.rot{display:block;font:500 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta)}
.rot--sub{font-weight:400;letter-spacing:0;text-transform:none;color:var(--cinza)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:30;background:var(--creme);height:48px;display:flex;align-items:center;padding-inline:max(var(--g),calc((100% - var(--wmax))/2))}
.nav__marca{font:500 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--tinta)}

/* ---------- 01 hero ---------- */
.hero__midia{position:relative;aspect-ratio:390/581;overflow:hidden;background:var(--papel)}
.hero__midia img,.hero__midia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__txt{padding:36px var(--g) 72px;display:flex;flex-direction:column;gap:20px}
.hero__txt .cta{padding-top:8px}
.hero__txt .micro{text-align:center}
.hero__txt .p--lead{font-size:16px}

/* ---------- 02 prova ---------- */
.prova{padding-top:88px}
.prova .wrap{display:flex;flex-direction:column;gap:24px}
.nichos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px}
.nicho{display:flex;flex-direction:column;gap:12px}
.nicho .ph{aspect-ratio:2/3}
.nicho .tag{bottom:auto;top:auto;bottom:12px}
.depo{background:var(--cartao);padding:32px 24px;display:flex;flex-direction:column;gap:16px;border-radius:4px}
.depo__q{font:400 72px/.6 var(--serif);color:var(--cinza);height:36px}
.depo blockquote p{font:italic 500 24px/1.25 var(--serif);color:var(--tinta)}
.depo figcaption{display:flex;align-items:center;gap:12px;font:400 12px/1.5 var(--sans);color:var(--cinza)}
.depo__i{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#e8ded1;display:grid;place-items:center;font:500 24px/1 var(--serif);color:var(--tinta)}
.prova__car{position:relative;margin-top:56px;padding-bottom:48px}
.prova__pista{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline-start:var(--edge);scroll-padding-inline-start:var(--edge);-webkit-overflow-scrolling:touch}
.prova__pista::-webkit-scrollbar{display:none}
.prova__pista.is-auto{scroll-snap-type:none}
.prova__it{flex:0 0 216px;scroll-snap-align:start}
.prova__it .ph{aspect-ratio:3/4}
.prova__pausa{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(244,239,232,.92);color:var(--tinta);cursor:pointer;font:500 12px/1 var(--sans)}

/* ---------- 03 perguntas ---------- */
.perg{padding-top:88px}
.perg .wrap{display:flex;flex-direction:column}
.perg .wrap>.eyebrow{margin-bottom:24px}
.perg .t-h2{margin-bottom:48px}
.q{border-top:1px solid var(--linha);padding-top:32px;display:flex;flex-direction:column;gap:16px;margin-bottom:48px}
.q .t-q{font-size:32px}
.q__r{display:flex;flex-direction:column;gap:12px}
.q__r p{font:400 16px/1.5 var(--sans);color:var(--texto)}
.perg__foto{margin-top:0}
.perg__foto .ph{aspect-ratio:390/585}
.perg .wrap:last-child{padding-top:48px}
.perg .wrap:last-child .q:last-child{margin-bottom:0}
.perg .wrap:last-child{padding-bottom:88px}

/* ---------- 04 oportunidade ---------- */
.opo{padding-block:88px}
.opo>.wrap{display:flex;flex-direction:column}
.opo .eyebrow{margin-bottom:24px}
.opo .t-h2{margin-bottom:24px}
.loja{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 12px}
.loja__it{display:flex;flex-direction:column;gap:8px}
.loja__img{aspect-ratio:530/706;overflow:hidden;background:var(--papel)}
.loja__img img{width:100%;height:100%;object-fit:cover}
.loja figcaption{display:flex;flex-direction:column;gap:8px}
.opo__nota{margin-top:24px;font:400 12px/1.5 var(--sans);color:var(--cinza)}
.opo__padrao{margin-top:24px;font:400 16px/1.5 var(--sans);color:var(--texto)}
.opo__pt{display:block;font:500 32px/1.1 var(--serif);letter-spacing:-.01em;color:var(--tinta);margin-bottom:8px}
.opo__sub{font:500 32px/1.1 var(--serif);letter-spacing:-.01em;color:var(--tinta);border-top:1px solid var(--linha);padding-top:24px}
.opo__sub--v{margin-top:24px;margin-bottom:24px}
.opo__sub--c{margin-top:24px}
.opo__leg{margin-top:24px;font:500 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cinza)}
.opo__fim{margin-top:24px}
.trilho{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline-start:var(--edge);scroll-padding-inline-start:var(--edge);-webkit-overflow-scrolling:touch;cursor:grab}
.trilho::-webkit-scrollbar{display:none}
.trilho>*{flex:0 0 auto;scroll-snap-align:start}
.trilho.is-arrastando{scroll-snap-type:none;cursor:grabbing}
.trilho.is-arrastando *{pointer-events:none;user-select:none}
.trilho::after{content:"";flex:0 0 calc(var(--g) - 12px)}
.vid{width:144px}
.vid .ph{aspect-ratio:9/16;background:#3a2f27}

/* ---------- 05 transição ---------- */
.trans{background:var(--escuro);color:var(--creme)}
.trans__img{position:relative;height:401px;overflow:hidden;max-width:100%}
.trans__img img{width:100%;height:100%;object-fit:cover}
.trans__txt{padding:32px 0}
.trans .t-h2{color:var(--creme)}

/* ---------- 06 ponte ---------- */
.ponte{padding-block:88px}
.ponte .wrap{display:flex;flex-direction:column;gap:24px}
.cards{display:flex;flex-direction:column;gap:24px}
.card{padding:32px 24px;display:flex;flex-direction:column;gap:20px;border-radius:4px}
.card ul{display:flex;flex-direction:column;gap:20px}
.card li{position:relative;padding-left:18px;font:400 16px/1.5 var(--sans)}
.card li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
.card--hoje{background:var(--cartao);color:var(--texto)}
.card--depois{background:var(--escuro);color:var(--creme)}
.card--depois .eyebrow{color:var(--claro)}
.card--depois li::before{opacity:.8;background:var(--claro)}
.ponte__f{font-size:32px}

/* ---------- 07 método ---------- */
.met{background:var(--papel)}
.met .wrap{padding-top:88px;padding-bottom:56px;display:flex;flex-direction:column}
.met .eyebrow{margin-bottom:24px}
.met .t-h2{margin-bottom:40px}
.passos{display:flex;flex-direction:column;gap:40px}
.passos li{border-top:1px solid var(--tinta);padding-top:24px;display:flex;flex-direction:column;gap:8px}
.passo__n{font:500 12px/1.3 var(--sans);letter-spacing:.12em;color:var(--cinza)}
.met__foto .ph{aspect-ratio:390/520}

/* ---------- 08 trilhas ---------- */
.tri{padding-block:88px}
.tri__cab{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}
.capas{height:296px;gap:12px}
.capa{width:160px;height:296px;background:var(--cartao);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.capa__f{aspect-ratio:160/164.7;overflow:hidden;flex:0 0 auto}
.capa__f img{width:100%;height:100%;object-fit:cover}
.capa__t{padding:12px 12px 0;display:flex;flex-direction:column;gap:8px}
.capa__e{font:500 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--cinza)}
.capa__h{font:500 24px/1.06 var(--serif);color:var(--tinta)}
.tri .wrap:last-child{margin-top:24px}
.acc__cols{display:flex;flex-direction:column}
.acc{border-top:1px solid var(--linha)}
.acc__col:last-child .acc:last-child,.faq__l .acc:last-child{border-bottom:1px solid var(--linha)}
.acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:20px 0 0}
.acc summary::-webkit-details-marker{display:none}
.acc[open] summary{padding-bottom:12px}
.acc:not([open]) summary{padding-bottom:20px}
.acc__n{flex:0 0 24px;font:500 12px/1.3 var(--sans);letter-spacing:.12em;color:var(--cinza)}
.acc__t{flex:1;font:500 24px/1.1 var(--serif);color:var(--tinta)}
.acc__i{flex:0 0 auto;width:24px;text-align:right;font:400 24px/1 var(--sans);color:var(--tinta)}
.acc__i::before{content:"+"}
.acc[open] .acc__i::before{content:"–"}
.acc__b{padding:0 0 20px 36px;font:400 16px/1.5 var(--sans);color:var(--texto)}
.tri .cta{margin-top:24px}

/* ---------- 09 suporte ---------- */
.sup{background:var(--papel);padding-block:88px}
.sup__in{display:flex;flex-direction:column;gap:24px}
.sup .eyebrow{margin-bottom:24px}
.sup__txt{display:flex;flex-direction:column;gap:24px}

/* ---------- 10 presente ---------- */
.pres{padding-block:88px}
.pres__in{display:flex;flex-direction:column;gap:24px}
.pres__txt{display:flex;flex-direction:column;gap:24px}
.pres__txt .p:nth-of-type(1){color:var(--texto)}
.pres__fone{display:flex;justify-content:center;padding-top:16px}
.fone{width:220px;height:477px;border-radius:38px;background:var(--escuro);padding:6px;display:block;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 2px 6px rgba(42,33,27,.22),0 34px 70px -14px rgba(42,33,27,.18)}
.fone__tela{width:100%;height:100%;object-fit:cover;border-radius:32px}

/* ---------- 11 oferta ---------- */
.oferta{padding-block:88px}
.ofc{background:#fff;border:1px solid var(--linha);border-radius:4px;padding:40px 24px;display:flex;flex-direction:column;gap:24px}
.ofc .eyebrow{margin-bottom:-8px}
.ofc__l{display:flex;flex-direction:column}
.ofc__l li{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--linha);font:400 16px/1.5 var(--sans);color:var(--texto)}
.ofc__l li:last-child{border-bottom:1px solid var(--linha)}
.ofc__l .ck{flex:0 0 20px;margin-top:2px}
.ofc__preco{display:flex;flex-direction:column;gap:8px}
.ofc__12{font:500 24px/1.1 var(--sans);letter-spacing:-.03em;color:var(--tinta)}
.ofc__12b{font-size:48px}
.ofc__v{font:400 16px/1.5 var(--sans);color:var(--texto)}
.ofc .cta{padding-top:0}

/* ---------- 12 quem ensina ---------- */
.quem{padding-block:88px}
.quem__topo{display:flex;flex-direction:column;gap:24px}
.quem__txt{display:flex;flex-direction:column;gap:24px}
.quem .eyebrow{color:rgba(244,239,232,.6)}
.quem .t-h2{color:var(--creme)}
.quem__ft{aspect-ratio:342/368;overflow:hidden}
.quem__ft img{width:100%;height:100%;object-fit:cover}
.quem__ft--d{display:none}
.quem__bl{display:flex;flex-direction:column;gap:12px}
.quem__bl p{font:400 16px/1.5 var(--sans);color:rgba(244,239,232,.72)}
.quem__bl .quem__f{font-weight:500;color:var(--creme)}
.quem__bl .quem__f:first-child{margin-bottom:4px}
.quem__bl .quem__f:last-child{margin-top:4px}
.quem__col{display:block;margin-top:24px;aspect-ratio:342/181}
.quem__col img{width:100%;height:100%;object-fit:cover}

/* ---------- 13 garantia ---------- */
.gar{background:var(--papel);padding-block:88px}
.gar .wrap{display:flex;flex-direction:column;gap:24px}
.selo{width:112px;height:112px;border-radius:56px;background:var(--escuro);display:grid;place-items:center}
.selo__a{width:100px;height:100px;border-radius:50px;border:1px solid rgba(244,239,232,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--creme)}
.selo__n{font:400 48px/1.1 var(--serif)}
.selo__d{font:500 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-top:-6px}
.gar__t{display:flex;flex-direction:column;gap:12px}

/* ---------- 14 perguntas ---------- */
.faq{padding-block:88px}
.faq__in{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto;display:flex;flex-direction:column;gap:32px}
.faq__t{line-height:1.1}
.acc--faq summary{align-items:flex-start;padding:20px 0 0}
.acc--faq[open] summary{padding-bottom:12px}
.acc--faq:not([open]) summary{padding-bottom:20px}
.acc__q{flex:1;font:500 16px/1.5 var(--sans);color:var(--tinta)}
.acc--faq .acc__i{font:400 24px/1 var(--sans);line-height:1.1}
.acc__a{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}
.acc__a p{font:400 16px/1.5 var(--sans);color:var(--texto)}

/* ---------- 15 fechamento ---------- */
.fim__img{position:relative;height:auto;aspect-ratio:390/585;overflow:hidden}
.fim__img img{width:100%;height:100%;object-fit:cover}
.fim__txt{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto;padding:56px 0 88px;display:flex;flex-direction:column;gap:24px}
.fim__p{display:flex;flex-direction:column;gap:12px}
.t-xl--f{font-size:40px}
.fim .cta{padding-top:0}

/* ---------- rodapé ---------- */
.rod{padding:48px 0}
.rod__in{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto;display:flex;flex-direction:column;gap:24px}
.rod__topo{display:flex;flex-direction:column;gap:16px}
.rod__marca{font:500 12px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,232,.9)}
.rod__links{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.rod__links a,.rod__links button{font:400 16px/1.5 var(--sans);color:rgba(244,239,232,.8);text-decoration:none;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.rod__links a:hover,.rod__links button:hover{color:var(--creme);text-decoration:underline}
.rod hr{border:0;border-top:1px solid rgba(244,239,232,.15);margin:0;width:100%}
.rod__info{display:flex;flex-direction:column;gap:20px}
.rod__info h3{font:500 12px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,232,.9)}
.rod__info p{margin-top:8px;font:400 12px/1.5 var(--sans);color:rgba(244,239,232,.8)}
.rod__info a{color:inherit}
.rod__copy{font:400 12px/1.5 var(--sans);color:rgba(244,239,232,.6)}

/* ---------- preferências de cookies (igual ao pv2) ---------- */
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:520px;margin:0 auto;background:var(--cartao);color:var(--tinta);border:1px solid var(--linha);padding:20px;box-shadow:0 12px 40px rgba(31,26,22,.18)}
.cookies[hidden]{display:none}
.cookies h2{font:400 24px/1.1 var(--serif)}
.cookies p{margin-top:8px;font:400 14px/1.5 var(--sans);color:var(--texto)}
.cookies__op{display:flex;gap:12px;align-items:flex-start;margin-top:16px;font:400 14px/1.5 var(--sans)}
.cookies__op input{margin-top:4px;accent-color:var(--cta)}
.cookies__acoes{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.cookies__acoes button{height:40px;padding:0 20px;border-radius:999px;font:500 14px/1 var(--sans);cursor:pointer;border:1px solid var(--tinta);background:none;color:var(--tinta)}
.cookies__acoes .salvar{background:var(--cta);border-color:var(--cta);color:var(--creme)}

/* =====================================================================
   600–1023 · layout de celular num container mais largo
   ===================================================================== */
@media (min-width:600px) and (max-width:1023.98px){
  .hero__midia,.perg__foto,.met__foto,.trans__img,.fim__img{max-width:var(--wmax);margin-inline:auto}
  .hero__txt,.trans__txt{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto;padding-inline:0}
  .hero__txt{padding-bottom:72px}
  .trans__txt{padding-inline:0}
  .nichos,.loja{grid-template-columns:repeat(4,1fr)}
  .loja{gap:28px 12px}
  .btn{max-width:420px;margin-inline:auto}
  .cta{display:flex;justify-content:center}
  .cta .btn{width:100%}
  .micro--c,.hero__txt .micro,.micro--f{text-align:center}
  .met .wrap{padding-bottom:56px}
}

/* =====================================================================
   ≥1024 · desktop (1440 de referência)
   ===================================================================== */
@media (min-width:1024px){
  :root{--g:40px}
  .br-d{display:inline}
  .p{font-size:18px}
  .eyebrow{letter-spacing:.12em}
  .t-xl{font-size:64px;line-height:1.05;letter-spacing:-.015em}
  .t-h2,.t-h2--m{font-size:48px;line-height:1.05;letter-spacing:-.015em;font-weight:400}
  .t-q{font-size:32px;line-height:1.15}
  .micro{font-size:12px}
  .btn{width:auto;min-width:341px;padding:0 40px;height:56px}
  .cta{padding-top:0}
  .cta--c{display:flex;justify-content:center}

  .nav{height:64px}

  .hero{display:grid;grid-template-columns:1fr 1fr;height:clamp(720px,74.5vw,1073px)}
  .hero__midia{order:2;aspect-ratio:auto;height:100%}
  .hero__txt{order:1;padding:0 80px 0 max(40px,min(calc((100vw - 1200px)/2),120px));justify-content:center;gap:0;max-width:720px;justify-self:end;width:100%}
  .hero__txt .eyebrow{margin-bottom:32px}
  .hero__txt .t-xl{margin-bottom:32px}
  .hero__txt .p--lead{font-size:18px;max-width:520px}
  .hero__txt .cta{margin-top:32px;padding-top:0}
  .hero__txt .micro{margin-top:16px;text-align:left;letter-spacing:.02em}
  .hero__txt .btn{align-self:flex-start;min-width:0;padding:0 40px}

  /* 02 */
  .prova{padding-top:128px}
  .prova .wrap{gap:0;align-items:center}
  .prova__t{text-align:center;margin-bottom:56px}
  .nichos{grid-template-columns:repeat(4,1fr);gap:32px 20px;width:100%}
  .nicho{gap:12px}
  .prova__p{margin-top:40px;text-align:center;max-width:600px}
  .prova__p2{margin-top:72px;text-align:center}
  .depo{margin-top:24px;width:680px;max-width:100%;padding:48px;gap:0}
  .q__r{display:flex;flex-direction:column;gap:16px}
  .nicho .tag,.vid .tag{top:12px;bottom:auto}
  .perg__foto .tag,.met__foto .tag{top:16px;left:16px;bottom:auto}
  .depo__q{font-size:64px;height:32px;line-height:.8}
  .depo blockquote p{font-size:24px;line-height:1.4;margin-top:16px}
  .depo figcaption{margin-top:24px;font-size:16px}
  .prova .cta{margin-top:40px}
  .prova__car{margin-top:96px;padding-bottom:96px}
  .prova__pista{gap:20px}
  .prova__it{flex-basis:288px}
  .prova__pausa{right:24px}

  /* 03 */
  .perg{padding-top:128px}
  .perg .wrap>.eyebrow{margin-bottom:24px}
  .perg .t-h2{max-width:860px;margin-bottom:64px}
  .q{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,600fr);column-gap:80px;align-items:start;padding-top:32px;margin-bottom:0;padding-bottom:64px}
  .q .t-q{line-height:1.2}
  .q__r{max-width:600px}
  .perg__foto{padding-block:0;margin-top:0;display:flex;justify-content:center}
  .perg__foto .ph{width:533px;aspect-ratio:2/3}
  .perg .wrap:last-child{padding-top:64px;padding-bottom:128px}
  .perg .wrap:last-child .q:last-child{padding-bottom:0}

  /* 04 */
  .opo{padding-block:128px}
  .opo .t-h2{max-width:900px;margin-bottom:56px}
  .loja{grid-template-columns:repeat(4,1fr);gap:40px 20px}
  .loja__it{gap:12px}
  .loja figcaption{gap:12px}
  .opo__nota{margin-top:32px;font-size:16px}
  .opo__padrao{margin-top:48px;font-size:18px;max-width:600px}
  .opo__pt{display:inline;font:500 18px/1.5 var(--sans);letter-spacing:0;margin:0}
  .opo__sub{border-top:0;padding-top:0}
  .opo__sub--v{margin-top:80px;margin-bottom:40px;font-size:32px;line-height:1.15}
  .opo__sub--c{margin-top:120px;font:400 48px/1.05 var(--serif);letter-spacing:-.015em;max-width:860px}
  .opo__leg{margin-top:24px}
  .opo__fim{margin-top:24px}
  .vids{gap:20px;padding-inline:var(--edge);overflow:visible;cursor:auto}
  .vids::after{display:none}
  .vid{width:auto;flex:1 1 0}
  .vid .ph{aspect-ratio:9/16}
  .vids{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto;padding-inline:0}

  /* 05 */
  .trans{position:relative;height:1000px;display:flex;align-items:flex-end}
  .trans__img{position:absolute;inset:0;height:100%;max-width:none}
  .trans__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to bottom,rgba(42,33,27,0),rgba(42,33,27,.96) 100%);pointer-events:none}
  .trans__img .tag{left:max(40px,calc((100% - 1120px)/2));top:24px;bottom:auto}
  .trans__txt{position:relative;z-index:2;width:100%;padding:0 0 80px}
  .trans .t-h2{max-width:640px}

  /* 06 */
  .ponte{padding-block:128px}
  .ponte .wrap{gap:0}
  .ponte .eyebrow{margin-bottom:24px}
  .ponte .t-h2{max-width:960px;margin-bottom:32px}
  .ponte .p{max-width:600px}
  .cards{flex-direction:row;gap:24px;margin-top:64px}
  .card{flex:1;padding:40px;gap:20px}
  .ponte__f{margin-top:64px;font-size:32px;font-weight:500}
  .card li{font-size:18px}
  .card li::before{top:11px}

  /* 07 */
  .met .wrap{padding-top:128px;padding-bottom:80px}
  .met .t-h2{max-width:860px;margin-bottom:64px}
  .passos{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
  .passos li{padding-top:32px;gap:12px}
  .passos .t-q{margin-top:4px}
  .passos .p{font-size:16px}
  .met__foto{width:min(var(--wmax),100% - 2*var(--g));margin-inline:auto;padding-bottom:128px}
  .met__foto .ph{aspect-ratio:1120/640}

  /* 08 */
  .tri{padding-block:128px}
  .tri__cab{align-items:center;text-align:center;gap:0;margin-bottom:56px}
  .tri__cab .t-h2{margin-top:24px}
  .tri__cab .p{margin-top:24px;max-width:600px}
  .capas{height:392px;gap:20px}
  .capa{width:260px;height:392px}
  .capa__f{aspect-ratio:260/267.6}
  .capa__t{padding:20px 20px 0}
  .capa__h{line-height:1.25}
  .acc__cols{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start;margin-top:72px}
  .acc__col:last-child .acc:last-child{border-bottom:0}
  .acc__col:first-child .acc:last-child{border-bottom:0}
  .acc summary{padding-top:24px}
  .acc[open] summary{padding-bottom:8px}
  .acc__n{flex-basis:32px}
  .acc__b{padding:0 0 24px 44px;font-size:16px}
  .tri .wrap:last-child{margin-top:0}
  .tri .cta{margin-top:56px;display:flex;justify-content:center}

  /* 09 */
  .sup{padding-block:120px}
  .sup__in{display:grid;grid-template-columns:minmax(0,560fr) minmax(0,480fr);column-gap:80px;align-items:end;gap:0 80px}
  .sup__in>div:first-child{max-width:560px}
  .sup .eyebrow{margin-bottom:24px}
  .sup__txt{gap:12px}

  /* 10 */
  .pres{padding-block:128px}
  .pres__in{display:grid;grid-template-columns:minmax(0,660fr) minmax(0,286fr);column-gap:120px;align-items:center;gap:0 120px}
  .pres__txt{gap:0}
  .pres__txt .eyebrow{margin-bottom:24px}
  .pres__txt .t-h2{margin-bottom:24px}
  .pres__txt .p{max-width:600px}
  .pres__txt .p+.p{margin-top:24px}
  .pres__fone{padding-top:0;justify-content:flex-start}
  .fone{width:282px;height:616px}

  /* 11 */
  .oferta{padding-block:128px}
  .ofc{width:560px;max-width:100%;margin-inline:auto;padding:48px;gap:0}
  .ofc .eyebrow{margin-bottom:16px}
  .ofc .t-h2{margin-bottom:32px}
  .ofc__l li{border:0;padding:10px 0}
  .ofc__l li:last-child{border:0}
  .ofc__l{padding-bottom:22px;border-bottom:1px solid var(--linha);margin-bottom:32px}
  .ofc__12{font-size:18px;font-weight:400;letter-spacing:0;color:var(--texto)}
  .ofc__12a{font-size:18px}
  .ofc__12b{font-size:48px;font-weight:500;letter-spacing:-.015em;color:var(--tinta)}
  .ofc__preco{gap:8px}
  .ofc__v{font-size:18px}
  .ofc__pix{margin-top:24px;font-size:16px}
  .ofc__err{margin-top:8px;font-size:16px}
  .ofc .cta{margin-top:32px}
  .ofc .btn{width:100%}
  .ofc .micro{margin-top:16px}
  .ofc__l li{font-size:16px}

  /* 12 */
  .quem{padding-block:140px 140px}
  .quem__topo{display:grid;grid-template-columns:minmax(0,480fr) minmax(0,560fr);column-gap:80px;align-items:center}
  .quem__txt{gap:0}
  .quem__txt .eyebrow{margin-bottom:32px}
  .quem .t-h2{font-size:64px;line-height:1.04;max-width:480px;margin-bottom:40px}
  .quem__ft--m{display:none}
  .quem__ft--d{display:block;aspect-ratio:560/603}
  .quem__bl{gap:16px}
  .quem__bl p{font-size:18px}
  .quem__bl .quem__f:first-child,.quem__bl .quem__f:last-child{margin:0}
  .quem__col{margin-top:64px;aspect-ratio:1120/592}

  /* 13 */
  .gar{padding-block:120px}
  .gar .wrap{align-items:center;text-align:center;gap:0}
  .selo{margin-bottom:32px}
  .gar .t-h2{max-width:760px;margin-bottom:24px}
  .gar__t{max-width:600px;gap:0}
  .gar__t .p:nth-child(1){display:inline}
  .gar__t .p{display:inline}
  .gar__t .p::after{content:" "}
  .gar__t{display:block}

  /* 14 */
  .faq{padding-block:128px}
  .faq__in{width:720px;max-width:calc(100% - 2*var(--g));gap:48px}
  .faq__t{font-size:48px}
  .acc--faq summary{padding-top:24px}
  .acc--faq[open] summary{padding-bottom:12px}
  .acc--faq:not([open]) summary{padding-bottom:24px}
  .acc__q{font-size:18px;line-height:1.4}
  .acc__a{padding-bottom:24px;max-width:600px}
  .acc__a p{font-size:16px}
  .acc--faq .acc__i{font-family:var(--serif);font-weight:500}

  /* 15 */
  .fim{display:grid;grid-template-columns:minmax(0,560fr) minmax(0,480fr);column-gap:80px;justify-content:center;align-items:center;padding:120px 0;width:min(1120px,100% - 2*var(--g));margin-inline:auto}
  .fim__img{aspect-ratio:560/840;height:auto}
  .fim__txt{width:auto;margin:0;padding:0;gap:0}
  .t-xl--f{font-size:64px;line-height:1.05;margin-bottom:32px}
  .fim__p{gap:0;margin-bottom:16px}
  .fim__p .p{display:inline}
  .fim__p .p+.p::before{content:" "}
  .fim .cta{margin-top:40px}
  .fim .btn{min-width:0}
  .fim .micro--f{text-align:left;margin-top:16px;letter-spacing:.02em}

  /* rodapé */
  .rod{padding:64px 0}
  .rod__in{gap:32px}
  .rod__topo{flex-direction:row;justify-content:space-between;align-items:center}
  .rod__links{flex-direction:row;gap:24px}
  .rod__info{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
  .rod__info p{font-size:16px}
  .rod__in{gap:32px}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}

/* =====================================================================
   <1024 · respiro entre seções pela metade (18/10)
   ===================================================================== */
@media (max-width:1023.98px){
  .hero__txt{padding-bottom:36px}
  .prova{padding-top:44px}
  .prova__car{padding-bottom:24px}
  .perg{padding-top:44px}
  .perg .wrap:last-child{padding-bottom:44px}
  .opo,.ponte,.tri,.sup,.pres,.oferta,.quem,.gar,.faq{padding-block:44px}
  .met .wrap{padding-top:44px}
  .fim__txt{padding-bottom:44px}
}

/* =====================================================================
   18/10 · faixa de nichos, botão em 1 linha no celular, vídeo da skill
   ===================================================================== */
.faixa{overflow:hidden;border-block:1px solid var(--linha);padding:16px 0}
.faixa__trilho{display:flex;width:max-content;animation:faixa 45s linear infinite}
.faixa__grupo{display:flex;flex:0 0 auto}
.faixa__grupo span{display:flex;align-items:center;font:400 22px/1 var(--serif);color:var(--tinta);white-space:nowrap;padding-left:28px}
.faixa__grupo span:nth-child(even){font-style:italic}
.faixa__grupo span::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--cinza);opacity:.6;margin-left:28px}
@keyframes faixa{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.faixa__trilho{animation:none}}
@media (min-width:1024px){.faixa{padding:22px 0}.faixa__grupo span{font-size:28px;padding-left:40px}.faixa__grupo span::after{margin-left:40px}}

.fone{position:relative}
.fone__barra{position:absolute;left:30px;right:30px;top:18px;height:2px;border-radius:2px;background:rgba(42,33,27,.14);overflow:hidden}
.fone__barra i{display:block;width:100%;height:100%;background:var(--tinta);transform-origin:left center;transform:scaleX(0)}
.fone__tag{left:auto;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;background:var(--escuro);color:var(--creme)}

@media (max-width:419.98px){
  .btn{white-space:nowrap;font-size:clamp(13px,4.1vw,16px);padding-inline:12px}
  .ofc{padding:32px 16px}
}
