/* Site de demonstração Tok Sites. Fontes locais (SIL OFL). Sem JavaScript. */
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-latin.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(fonts/nunito-sans-latin.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Saira Stencil";src:url(fonts/saira-stencil-one-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#fbf6ec;--sup:#ffffff;--tinta:#14233a;--mudo:#55627a;--claro:#14233a;--claro-tinta:#fbf6ec;--ac:#2B7DE9;--ac-tinta:#111111;
--display:"Fraunces",Georgia,serif;--texto:"Nunito Sans",system-ui,"Segoe UI",sans-serif;--mono:"Saira Stencil",Impact,sans-serif;--g:20px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.6 var(--texto);color:var(--tinta);background:var(--bg);overflow-x:clip;padding-bottom:76px}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ol,ul,figure,blockquote,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
.pular{position:absolute;left:var(--g);top:-120px;z-index:100;background:var(--ac);color:var(--ac-tinta);font:700 15px/1 var(--texto);padding:12px 16px;border-radius:4px;text-decoration:none}
.pular:focus{top:8px}
h1,h2,h3{text-wrap:balance}
a,button{touch-action:manipulation}
.num{font-variant-numeric:tabular-nums}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--g)}
.aviso{background:var(--ac);color:var(--ac-tinta);font:700 13px/1.35 var(--texto);text-align:center;padding:7px var(--g)}
.topo{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid rgba(128,128,128,.25)}
.topo-linha{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px}
.marca{font:900 26px/1 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em;text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--ac);color:var(--ac-tinta);font:800 16px/1 var(--texto);text-decoration:none;border:2px solid var(--ac);border-radius:4px;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.btn-ghost:hover{background:var(--tinta);color:var(--bg)}
.topo .btn{min-height:44px;padding:0 18px;font-size:15px}
.hero{position:relative;min-height:min(86svh,760px);display:flex;align-items:flex-end;overflow:hidden;background:var(--sup)}
.hero-foto{position:absolute;inset:0}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.82) 100%)}
.hero-txt{position:relative;z-index:2;padding-top:90px;padding-bottom:44px;color:#fff}
.hero h1{font:900 clamp(2.9rem,12.5vw,6.2rem)/.94 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em;max-width:15ch}
.hero .sub{margin-top:18px;max-width:34em;font-size:clamp(1rem,3.6vw,1.2rem);color:#e8e8ea}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero .btn-ghost{color:#fff;border-color:#fff}
.hero .btn-ghost:hover{background:#fff;color:#111}
.numeros{background:var(--ac);color:var(--ac-tinta)}
.numeros ul{display:grid;grid-template-columns:1fr;gap:0}
.numeros li{padding:18px 0;border-bottom:1px solid rgba(0,0,0,.2)}
.numeros li:last-child{border-bottom:0}
.num{display:block;font:900 2.6rem/1 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em}
.num-r{display:block;margin-top:4px;font:600 .95rem/1.35 var(--texto)}
section{padding:64px 0}
h2{font:900 clamp(2.2rem,9vw,3.8rem)/1 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em;margin-bottom:28px}
.serv{background:var(--bg)}
.serv-grade{display:grid;gap:30px}
.serv ol{counter-reset:s}
.serv li{counter-increment:s;display:flex;gap:18px;align-items:baseline;padding:18px 0;border-top:1px solid rgba(128,128,128,.35)}
.serv li::before{content:counter(s,decimal-leading-zero);font:500 .95rem/1 var(--mono);color:var(--ac);min-width:2ch}
.serv li:last-child{border-bottom:1px solid rgba(128,128,128,.35)}
.serv h3{font:900 clamp(1.7rem,6.4vw,2.5rem)/1.05 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em}
.serv-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px}
.nota-serv{margin-top:22px;color:var(--mudo);font-size:.95rem}
.gal{background:var(--sup)}
.gal-grade{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gal-grade img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}
.legenda{margin-top:14px;color:var(--mudo);font-size:.9rem}
.aval{background:var(--claro);color:var(--claro-tinta)}
.aval-nota{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.aval-nota b{font:900 3.6rem/1 var(--display);font-style:normal}
.aval-lista{display:grid;gap:16px}
.aval blockquote{background:rgba(128,128,128,.12);border-left:5px solid var(--ac);padding:20px 22px;border-radius:4px}
.aval blockquote p{font-size:1.05rem}
.aval footer{margin-top:12px;font-size:.88rem;opacity:.75}
.estrelas{letter-spacing:.12em;color:var(--ac)}
.aval .estrelas{filter:brightness(.85)}
.onde-grade{display:grid;gap:28px}
.onde dl{display:grid;gap:18px}
.onde dt{font:500 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ac);margin-bottom:6px}
.onde dd{font-size:1.05rem}
.horas{display:grid;grid-template-columns:auto 1fr;gap:4px 18px}
.mapa iframe{width:100%;height:340px;border:0;border-radius:6px;filter:grayscale(.2)}
.faq{background:var(--sup)}
.faq details{border-top:1px solid rgba(128,128,128,.35);padding:16px 0}
.faq details:last-child{border-bottom:1px solid rgba(128,128,128,.35)}
.faq summary{cursor:pointer;font:700 1.08rem/1.4 var(--texto);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin-top:10px;color:var(--mudo)}
footer.rodape{padding:36px 0 26px;font-size:.92rem;color:var(--mudo);border-top:1px solid rgba(128,128,128,.25)}
footer.rodape strong{color:var(--tinta)}
.zap-fixo{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;min-height:56px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
@media (min-width:760px){
 body{padding-bottom:0}
 .zap-fixo{display:none}
 .numeros ul{grid-template-columns:repeat(3,1fr)}
 .numeros li{border-bottom:0;border-right:1px solid rgba(0,0,0,.2);padding:26px 24px}
 .numeros li:first-child{padding-left:0}
 .numeros li:last-child{border-right:0}
 .serv-grade{grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
 .gal-grade{grid-template-columns:repeat(3,1fr);gap:14px}
 .aval-lista{grid-template-columns:repeat(3,1fr)}
 .onde-grade{grid-template-columns:.9fr 1.1fr;gap:56px}
 .hero-txt{padding-bottom:70px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ================= camada 3D de rolagem (v2) ================= */
.prog{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--ac);transform:scaleX(var(--sp,0));transform-origin:0 50%;z-index:60;pointer-events:none}
.hero{min-height:min(92svh,820px)}
.hero h1{position:relative}
.hero-txt{will-change:transform,opacity}

/* faixa rolante */
.marquee{overflow:hidden;border-block:1px solid rgba(128,128,128,.3);padding:18px 0;background:var(--bg);transform:skewY(calc(var(--sk,0)*1deg));transition:transform .3s ease-out}
.marquee-linha{display:flex;width:max-content;animation:rola 36s linear infinite}
.marquee-linha span{padding-right:.9em;white-space:nowrap;font:900 clamp(2.6rem,9vw,4.8rem)/1 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--tinta)}
.marquee-linha span:nth-child(even){color:var(--ac);-webkit-text-stroke:0}
@keyframes rola{to{transform:translateX(-50%)}}

/* serviços: cartões que empilham */
.serv{padding-bottom:30px}
.pilha{display:grid;gap:26px;padding-bottom:36px}
.card-s{position:relative;min-height:min(56svh,460px);border-radius:16px;padding:clamp(24px,5vw,56px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform-origin:50% 0;box-shadow:0 -14px 44px rgba(0,0,0,.28)}
.card-s:nth-child(4n+1){background:var(--ac);color:var(--ac-tinta)}
.card-s:nth-child(4n+2){background:var(--sup);color:var(--tinta)}
.card-s:nth-child(4n+3){background:var(--claro);color:var(--claro-tinta)}
.card-s:nth-child(4n+4){background:var(--bg);color:var(--tinta);box-shadow:inset 0 0 0 2px var(--ac),0 -14px 44px rgba(0,0,0,.28)}
.card-s h3{position:relative;z-index:1;font:900 clamp(2.6rem,11.5vw,6.4rem)/.94 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em;max-width:11ch}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-video.on{opacity:1}
@media (min-width:760px){.hero-video{display:none}}
.video-sec{padding:clamp(40px,8vw,84px) 0}
.video-sec h2{margin-bottom:22px;text-wrap:balance}
.video-box{max-width:420px;margin:0 auto;position:relative}
.play-btn{position:absolute;left:50%;top:46%;translate:-50% -50%;width:116px;height:116px;border-radius:50%;border:0;background:#E50914;color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 34px rgba(229,9,20,.6);touch-action:manipulation;padding:0}
.play-btn svg{width:54px;height:54px;margin-left:8px}
.play-btn::before,.play-btn::after{content:"";position:absolute;inset:0;border-radius:50%;border:4px solid #E50914;animation:play-pulso 1.8s ease-out infinite;pointer-events:none}
.play-btn::after{animation-delay:.9s}
@keyframes play-pulso{from{transform:scale(1);opacity:.8}to{transform:scale(1.85);opacity:0}}
.play-btn:hover,.play-btn:focus-visible{scale:1.07}
.video-box.tocando .play-btn{display:none}
@media (prefers-reduced-motion:reduce){.play-btn::before,.play-btn::after{animation:none;opacity:0}}
.video-box video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:16px;background:#000}
.transc{max-width:420px;margin:18px auto 0;font-size:.92rem;color:var(--mudo)}
.transc summary{cursor:pointer;padding:10px 0;color:var(--tinta);font-weight:700}
.card-img{display:block;position:relative;z-index:1;width:100%;aspect-ratio:16/9;max-height:30svh;object-fit:cover;border-radius:10px;margin:18px 0}
.ilustr{margin-top:18px;font-size:.8rem;color:var(--mudo)}
.card-s .btn{position:relative;z-index:1;align-self:flex-start;min-height:46px;padding:0 20px;font-size:15px;background:transparent;color:inherit;border-color:currentColor}
.card-s .btn:hover{background:rgba(128,128,128,.22);color:inherit}
.card-s:nth-child(1){top:84px}.card-s:nth-child(2){top:98px}.card-s:nth-child(3){top:112px}
.card-s:nth-child(4){top:126px}.card-s:nth-child(5){top:140px}.card-s:nth-child(6){top:154px}

/* galeria */
.gal-palco{padding:64px 0}
.gal-pista{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 var(--g);max-width:1180px;margin:0 auto}
.gal-card{margin:0}
.gal-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
@media (min-width:760px){.gal-pista{grid-template-columns:repeat(3,1fr);gap:14px}}

/* avaliações */
.aval blockquote{position:relative}
.aval blockquote::before{content:"\201C";position:absolute;right:16px;top:-6px;font:900 5.5rem/1 var(--display);color:var(--ac);opacity:.55}
.aval-nota b{color:var(--claro-tinta)}

/* ===== só com movimento liberado ===== */
.fx .hero-foto{transform:perspective(1200px) rotateY(calc(var(--mx,0)*2.6deg)) rotateX(calc(var(--my,0)*-2.6deg)) scale(1.05);transition:transform .3s ease-out}
.fx .hero-foto img{transform:translate3d(0,calc(var(--p,0)*90px),0) scale(calc(1.08 + var(--p,0)*.16))}
.fx .hero-txt{transform:translate3d(0,calc(var(--p,0)*-70px),0);opacity:calc(1 - var(--p,0)*1.35)}
.fx .hero h1::before,.fx .hero h1::after{content:attr(data-t);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-stroke:1.4px var(--ac);pointer-events:none;font:inherit;text-transform:inherit;letter-spacing:inherit}
.fx .hero h1::before{transform:translate3d(0,calc(-100% - 6px + var(--p,0)*-34px),0);opacity:.62}
.fx .hero h1::after{transform:translate3d(0,calc(-200% - 12px + var(--p,0)*-68px),0);opacity:.3}

.fx [data-rev]{opacity:0;transform:perspective(900px) rotateX(16deg) translate3d(0,46px,0);transform-origin:50% 100%;transition:opacity .8s ease,transform .95s cubic-bezier(.16,1,.3,1)}
.fx [data-rev].in,.fx.tudo [data-rev]{opacity:1;transform:none}
.fx .aval-lista blockquote:nth-child(2){transition-delay:.12s}
.fx .aval-lista blockquote:nth-child(3){transition-delay:.24s}
.fx [data-tilt].in{transform:perspective(900px) rotateY(calc(var(--tx,0)*7deg)) rotateX(calc(var(--ty,0)*-7deg));transition:transform .22s ease-out,opacity .8s}

.fx .card-s{transform:scale(calc(1 - var(--o,0)*.075)) rotateX(calc(var(--o,0)*-5deg));filter:brightness(calc(1 - var(--o,0)*.42));position:sticky}
.fx.pronto .gal-palco{position:sticky;top:0;height:100svh;overflow:clip;display:flex;flex-direction:column;justify-content:center;padding:0}
.fx.pronto .gal-palco>.wrap{width:100%}
.fx.pronto .gal-palco h2{margin-bottom:6px}
.fx.pronto .gal-pista{display:flex;width:max-content;max-width:none;gap:20px;padding:0;margin:22px 0 0;will-change:transform}
.fx.pronto .gal-card{flex:0 0 min(66vw,400px);will-change:transform,opacity;backface-visibility:hidden}
.fx.pronto .gal-card img{box-shadow:0 30px 60px rgba(0,0,0,.45)}
.fx.pronto .gal-palco .legenda{padding:0 var(--g);margin-top:18px}

.reduz .marquee-linha{animation:none}
.reduz .card-s{position:relative}
@media (min-width:760px){.card-s{min-height:min(60svh,500px)}}

@media (max-width:759px){
 .hero .sub,.hero .acoes{max-width:calc(100% - 78px)}
}

/* ===== avatar de usuário nas avaliações ===== */
.aut{display:flex;align-items:center;gap:12px;margin:0 0 14px!important;opacity:1!important;font-size:1rem!important}
.avatar{flex:none;width:46px;height:46px;border-radius:50%;background:var(--ac);color:var(--ac-tinta);display:grid;place-items:center}
.avatar svg{width:26px;height:26px;fill:currentColor}
.aut-txt{display:flex;flex-direction:column;line-height:1.25}
.aut-txt b{font-size:1rem}
.aut-txt small{font-size:.84rem;opacity:.75}
.aval blockquote>.estrelas{display:block;margin-top:14px}
.destaque .avatar{background:var(--ac-tinta);color:var(--ac)}
.destaque .aut{margin:22px 0 0!important}

/* ===== alvos de toque >= 40 px ===== */
.marca{display:inline-flex;align-items:center;min-height:40px}
.nap a,.nap-rodape a{display:inline-flex;align-items:center;min-height:40px}
.onde dd a{display:inline-flex;align-items:center;min-height:42px;padding:0 6px 0 0}
.faq details{padding:0}
.faq summary{display:block;padding:16px 0;min-height:48px}
.faq details p{margin:0 0 16px}

/* ===== botões flutuantes: ligar e WhatsApp (todas as telas) ===== */
.flutuantes{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;flex-direction:column;gap:12px}
.fl{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.42);transition:transform .2s}
.fl:hover,.fl:focus-visible{transform:scale(1.08)}
.fl svg{width:30px;height:30px;fill:currentColor}
.fl-zap{background:#25D366}
.fl-ligar{background:var(--ac);color:var(--ac-tinta)}
.fx .fl-zap::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:pulso 2.6s ease-out infinite}
@keyframes pulso{70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.zap-fixo{display:none!important}
body{padding-bottom:150px}
@media (min-width:760px){body{padding-bottom:0}}

/* ===== navegação, NAP e assinatura ===== */
.hero h1{font-size:clamp(2.4rem,10.4vw,5.6rem)}
.nap{background:var(--sup);color:var(--mudo);font-size:.82rem;border-bottom:1px solid rgba(128,128,128,.25)}
.nap .wrap{display:flex;flex-wrap:wrap;gap:4px 18px;padding-top:7px;padding-bottom:7px}
.nap a{color:var(--tinta);font-weight:700;text-decoration:none}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;order:3;width:100%}
.nav::-webkit-scrollbar{display:none}
@media (max-width:700px){.nav{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);padding-right:36px}}
.nav a{flex:0 0 auto;padding:14px 13px;font:600 .88rem/1 var(--texto);text-decoration:none;color:var(--mudo);border-radius:4px}
.nav a:hover,.nav a:focus-visible{color:var(--tinta);background:rgba(128,128,128,.18)}
.topo-linha{flex-wrap:wrap;min-height:0;padding-top:8px;padding-bottom:4px}
.rodape .nap-rodape{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:14px}
.rodape .nap-rodape a{color:var(--tinta);font-weight:700}
.rodape-nav{display:flex;flex-wrap:wrap;gap:4px 8px;margin-bottom:14px}
.rodape-nav a{padding:12px 14px;border:1px solid rgba(128,128,128,.35);border-radius:10px;text-decoration:none;font-size:.85rem}
.assinatura{margin-top:22px;padding-top:20px;border-top:1px solid rgba(128,128,128,.3)}
.assinatura a{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--tinta)}
.assinatura img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.ass-txt{display:flex;flex-direction:column;font-size:1rem;line-height:1.3}
.ass-txt small{color:var(--mudo);font-size:.82rem}
.assinatura a:hover .ass-txt b{color:var(--ac)}
@media (max-width:899px){
 .topo .btn{display:none}
 .topo-linha{padding-top:6px}
 .topo .marca{font-size:20px}
 .nav a{padding:14px 12px}
 .card-s:nth-child(1){top:96px}.card-s:nth-child(2){top:110px}.card-s:nth-child(3){top:124px}
 .card-s:nth-child(4){top:138px}.card-s:nth-child(5){top:152px}.card-s:nth-child(6){top:166px}
}
@media (min-width:900px){
 .nav{order:0;width:auto;flex:1;justify-content:center}
 .topo-linha{flex-wrap:nowrap;min-height:64px;padding-top:0;padding-bottom:0}
}

/* ===== conteúdo informativo ===== */
.card-d{position:relative;z-index:1;max-width:30ch;font-size:clamp(1rem,3.4vw,1.2rem);line-height:1.4;opacity:.9;margin-top:-6px}
.sobre{background:var(--bg)}
.sobre-grade{display:grid;gap:34px}
.sobre p{max-width:42em;color:var(--mudo);font-size:1.08rem;margin-bottom:14px}
.sobre p:first-of-type{color:var(--tinta)}
.fatos{display:grid;gap:0;align-content:start}
.fatos div{padding:14px 0;border-top:1px solid rgba(128,128,128,.35)}
.fatos div:last-child{border-bottom:1px solid rgba(128,128,128,.35)}
.fatos dt{font:500 .78rem/1 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ac);margin-bottom:6px}
.fatos dd{font-size:1.02rem}
.destaque{background:var(--ac);color:var(--ac-tinta);padding:72px 0}
.destaque blockquote{max-width:960px;margin:0 auto}
.destaque p{font:900 clamp(1.7rem,6.4vw,3.4rem)/1.12 var(--display);font-style:normal;letter-spacing:-.02em}
.destaque footer{margin-top:20px;font-size:.95rem;opacity:.8}
.como{background:var(--sup)}
.passos{display:grid;gap:18px;counter-reset:p}
.passos li{position:relative;padding:26px 24px 26px 24px;border:1px solid rgba(128,128,128,.35);border-radius:14px;overflow:hidden}
.passo-n{display:block;font:900 4.4rem/1 var(--display);font-style:normal;color:var(--ac);margin-bottom:8px}
.passos h3{font:900 1.7rem/1.05 var(--display);font-style:normal;text-transform:none;letter-spacing:-.02em;margin-bottom:8px}
.passos p{color:var(--mudo)}
.como-cta{margin-top:26px}
.barras{display:grid;gap:9px;margin:0 0 26px;max-width:560px}
.barras li{display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:12px;font-size:.92rem}
.barra{display:block;height:11px;border-radius:6px;background:rgba(128,128,128,.28);overflow:hidden}
.barra i{display:block;height:100%;background:var(--ac);border-radius:6px;transform-origin:0 50%;transition:transform 1.1s cubic-bezier(.16,1,.3,1) .2s}
.qtd-b{text-align:right;opacity:.75}
.temas{display:grid;gap:12px;margin:0 0 30px}
.temas li{padding:14px 18px;border-left:4px solid var(--ac);background:rgba(128,128,128,.12);border-radius:4px}
.temas b{display:block;font-size:1.05rem}
.temas span{font-size:.88rem;opacity:.75}
@media (min-width:760px){
 .sobre-grade{grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}
 .passos{grid-template-columns:repeat(3,1fr);gap:22px}
 .temas{grid-template-columns:repeat(2,1fr)}
 .aval-lista{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1000px){.aval-lista{grid-template-columns:repeat(3,1fr)}}
.fx .barra i{transform:scaleX(0)}
.fx .barras.in .barra i,.fx.tudo .barra i{transform:scaleX(1)}
.fx .passos li:nth-child(2){transition-delay:.12s}
.fx .passos li:nth-child(3){transition-delay:.24s}
.pc-0{width:0%}.pc-5{width:5%}.pc-10{width:10%}.pc-15{width:15%}.pc-20{width:20%}.pc-25{width:25%}.pc-30{width:30%}.pc-35{width:35%}.pc-40{width:40%}.pc-45{width:45%}.pc-50{width:50%}.pc-55{width:55%}.pc-60{width:60%}.pc-65{width:65%}.pc-70{width:70%}.pc-75{width:75%}.pc-80{width:80%}.pc-85{width:85%}.pc-90{width:90%}.pc-95{width:95%}.pc-100{width:100%}