/* TerraTools · folha do site (páginas públicas), no acabamento Robixx aprovado em 20/10/2026.
   Tipos: Gowun Batang (títulos), Geist Mono (rótulos), Inter (texto).
   Cores: branco, preto e cinzas do modelo; o acento vem do T da marca (azul no texto, âmbar no gráfico). */

:root{
  --preto:#000;
  --branco:#fff;
  --pilula:rgba(231,231,231,.8);
  --pilula-30:rgba(231,231,231,.3);
  --cinza-claro:#ececec;
  --fumaca:#f8f8f8;
  --traco:#dadada;
  --traco-escuro:#373737;
  --texto-suave:#5f6b72;
  --cinza-solido:#979797;
  --azul:#00638f;
  --azul-claro:#3fa4d8;
  --ambar:#fda509;

  --f-titulo:"Gowun Batang",Georgia,"Times New Roman",serif;
  --f-mono:"Geist Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --f-texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  --h1:clamp(40px,3.2vw + 24px,70px);
  --h2:clamp(36px,1.75vw + 25px,50px);
  --h5:22px;
  --citacao:clamp(30px,2.1vw + 20px,50px);
  --link-xl:clamp(32px,3.6vw + 18px,70px);

  --raio:20px;
  --secao:100px;
  --curva:cubic-bezier(.375,0,.625,1);
  --curva-saida:cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--branco);color:var(--preto);
  font-family:var(--f-texto);font-size:16px;line-height:1.5;letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  overflow-x:clip;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,h5,p,blockquote,ul{margin:0;padding:0}
ul{list-style:none}
::selection{background:var(--ambar);color:var(--preto)}
:focus-visible{outline:2px solid var(--azul);outline-offset:3px;border-radius:6px}

.pular{position:absolute;left:12px;top:-60px;z-index:200;background:var(--preto);color:var(--branco);padding:10px 16px;border-radius:var(--raio)}
.pular:focus{top:12px}

/* ---------- base ---------- */
.conteiner{width:100%;max-width:1370px;margin:0 auto;padding:0 15px}
.secao{padding:var(--secao) 0;position:relative}
.secao.sem-base{padding-bottom:0}
.secao.base-curta{padding-bottom:calc(var(--secao) * .6)}
.rotulo{font-family:var(--f-mono);font-size:14px;line-height:1.4;text-transform:uppercase;color:var(--azul);letter-spacing:0}
.rotulo.branco{color:var(--branco)}
.rotulo.cinza{color:var(--texto-suave)}
h1,.h1{font-family:var(--f-titulo);font-weight:400;font-size:var(--h1);line-height:1.1;letter-spacing:-.01em}
h2,.h2{font-family:var(--f-titulo);font-weight:400;font-size:var(--h2);line-height:1.1;letter-spacing:-.01em}
.h5{font-family:var(--f-titulo);font-weight:400;font-size:var(--h5);line-height:1.5;letter-spacing:-.01em}
.texto{font-size:18px;line-height:1.5;letter-spacing:-.02em;color:var(--texto-suave);text-wrap:pretty}
h1,h2,h3,.h1,.h2,.h5,blockquote{text-wrap:balance}
.quebra{display:block}

/* ---------- botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:46px;padding:11px 20px;border-radius:var(--raio);
  font-size:16px;line-height:24px;letter-spacing:-.01em;white-space:nowrap;
  transition:background-color .35s var(--curva),color .35s var(--curva);
}
.btn-preto{background:var(--preto);color:var(--branco)}
.btn-branco{background:var(--branco);color:var(--preto)}
.btn-cinza{background:var(--pilula);color:var(--preto);height:48px}
.btn-vidro{background:var(--pilula-30);color:var(--branco);height:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-largo{width:100%}
.btn-preto:hover{background:#1c1c1c}
.btn-cinza:hover{background:rgba(220,220,220,.95)}
.btn-vidro:hover{background:rgba(231,231,231,.42)}

/* texto que rola nos botões e links (montado pelo app.js) */
.rolo{position:relative;display:inline-block;overflow:hidden;vertical-align:top;height:1.5em;line-height:1.5}
.rolo-linha{display:block;white-space:nowrap}
.rolo-linha+.rolo-linha{position:absolute;left:0;top:100%}
.rolo-palavra{display:inline-block;transition:transform .4s var(--curva);transition-delay:calc(var(--i) * 50ms)}
.com-rolo:hover .rolo-palavra,.com-rolo:focus-visible .rolo-palavra{transform:translateY(-100%)}

/* seta redonda */
.seta{
  position:relative;display:inline-grid;place-items:center;flex:none;overflow:hidden;
  width:40px;height:40px;border-radius:50%;background:var(--pilula);color:var(--preto);
  transition:background-color .35s var(--curva),transform .35s var(--curva);
}
.seta.m{width:44px;height:44px}
.seta.g{width:74px;height:74px}
.seta.preta{background:var(--preto);color:var(--branco)}
.seta.vidro{background:var(--pilula-30);color:var(--branco);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.seta svg{width:18px;height:18px;grid-area:1/1;transition:transform .3s var(--curva),opacity .3s}
.seta.m svg{width:14px;height:14px}
.seta .s-depois{transform:translateX(-46px)}
.seta.g .s-depois{transform:translateX(-56px)}
.com-seta:hover .seta .s-antes,.seta:hover .s-antes{transform:translateX(46px)}
.com-seta:hover .seta.g .s-antes,.seta.g:hover .s-antes{transform:translateX(56px)}
.com-seta:hover .seta .s-depois,.seta:hover .s-depois{transform:none;transition-delay:.12s}
.seta.esq svg{rotate:180deg}

/* divisor decorativo: colchetes curvos nas pontas e linha no meio */
.divisor{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;height:32px}
.divisor svg{width:18px;height:32px;flex:none;overflow:visible}
.divisor path{fill:none;stroke:var(--traco);stroke-width:1}
.divisor .d-dir{transform:scaleX(-1)}
.divisor-linha{flex:1;height:1px;background:var(--traco);transform-origin:left center}
.divisor.escuro path{stroke:var(--traco-escuro)}
.divisor.escuro .divisor-linha{background:var(--traco-escuro)}

/* ---------- topo ---------- */
.progresso{position:fixed;inset:0 0 auto;z-index:60;height:4px;padding:0 15px;pointer-events:none}
.progresso span{display:block;height:100%;background:var(--ambar);border-radius:0 0 4px 4px;transform:scaleX(0);transform-origin:left center}

.topo{position:fixed;inset:0 0 auto;z-index:50;pointer-events:none}
.topo-vidro{
  position:absolute;inset:0 0 auto;height:96px;opacity:0;transition:opacity .6s var(--curva);
  background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);
}
.rolou .topo-vidro{opacity:1}
.topo-linha{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:25px}
.topo-esq,.topo-dir{display:flex;align-items:center;gap:10px;pointer-events:auto}
.marca-pilula{
  display:flex;align-items:center;height:46px;padding:12px 16px;border-radius:var(--raio);
  background:var(--pilula);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.marca-pilula svg{height:21px;width:auto}
.nav{
  display:flex;align-items:center;height:49px;padding:0 20px;border-radius:var(--raio);
  background:var(--pilula);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.nav-link{display:flex;align-items:center;gap:6px;height:49px;padding:11px 10px;font-size:18px;letter-spacing:-.02em}
.nav-link[aria-current="page"]{color:var(--preto)}
.nav-link .seta-baixo{width:12px;height:12px;transition:transform .3s var(--curva)}
.menu-suspenso{position:relative}
.menu-suspenso.aberto .seta-baixo{transform:rotate(180deg)}
.suspenso-painel{
  position:absolute;left:-10px;top:calc(100% + 12px);min-width:280px;padding:8px;border-radius:var(--raio);
  background:rgba(240,240,240,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 18px 40px -18px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .3s var(--curva),transform .3s var(--curva),visibility 0s linear .3s;
}
.menu-suspenso.aberto .suspenso-painel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.suspenso-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:14px;font-size:16px;transition:background-color .25s}
.suspenso-item:hover{background:rgba(255,255,255,.8)}
.suspenso-item small{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--texto-suave)}
.icone-pilula{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--raio);background:var(--pilula);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s}
.icone-pilula:hover{background:rgba(220,220,220,.95)}
.icone-pilula svg{width:20px;height:20px}
.botao-menu{display:none}

/* menu do celular */
.menu-celular{
  position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;justify-content:space-between;
  padding:110px 15px 30px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  opacity:0;visibility:hidden;transition:opacity .4s var(--curva),visibility 0s linear .4s;
}
.menu-aberto .menu-celular{opacity:1;visibility:visible;transition-delay:0s}
.menu-celular ul{display:flex;flex-direction:column}
.menu-celular li{border-top:1px solid var(--traco)}
.menu-celular li:last-child{border-bottom:1px solid var(--traco)}
.menu-celular a.mc-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-family:var(--f-titulo);font-size:34px;line-height:1.15}
.menu-celular .mc-rodape{display:flex;gap:10px}
.menu-celular .mc-rodape .btn{flex:1}
.menu-aberto{overflow:hidden}
.menu-aberto body{overflow:hidden}
.botao-menu .bm-barras{position:relative;width:18px;height:12px}
.botao-menu .bm-barras i{position:absolute;left:0;width:100%;height:1.5px;background:var(--preto);border-radius:2px;transition:transform .35s var(--curva),top .35s var(--curva)}
.botao-menu .bm-barras i:first-child{top:2px}
.botao-menu .bm-barras i:last-child{top:9px}
.menu-aberto .botao-menu .bm-barras i:first-child{top:5.5px;transform:rotate(45deg)}
.menu-aberto .botao-menu .bm-barras i:last-child{top:5.5px;transform:rotate(-45deg)}

/* ---------- hero ---------- */
.hero-fixa{position:sticky;top:0;z-index:0}
.depois-hero{position:relative;z-index:1;background:var(--branco)}
.hero{position:relative;padding-top:192px;overflow:hidden;background:var(--branco)}
.hero-grade{position:relative;display:grid;grid-template-columns:1fr 645px;margin-bottom:40px;min-height:274px}
.hero-texto{grid-column:2;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.hero-texto h1{margin-top:20px}
.hero-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-visual{position:absolute;left:-60px;top:-150px;width:760px;height:560px;z-index:1;pointer-events:none}
.hero-hexagono{position:absolute;left:calc(50% - 215px);top:calc(262px - 186px);width:430px;height:auto;will-change:transform}
.hero-circuitos{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.c-linha{fill:none;stroke:#c3cacd;stroke-width:1.2;vector-effect:non-scaling-stroke}
.c-term{stroke-width:1.25;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
.c-cheio{fill:#8a949a;stroke:#8a949a}
.c-claro{fill:#d5dadd;stroke:#d5dadd}
.c-vazado{fill:var(--branco);stroke:#9aa3a8}
.c-pulso{fill:var(--ambar)}
.hero-base{position:relative;z-index:2}
.hero-base::before{
  content:"";position:absolute;left:-50vw;right:-50vw;top:-30px;bottom:0;z-index:-1;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.88) 45%,#fff 80%);
}
.hero-base-linha{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 40px 40px}
.hero-base-texto{max-width:420px;font-family:var(--f-mono);font-size:14px;line-height:1.4;text-transform:uppercase;color:var(--texto-suave)}

/* ---------- faixa de foto com paralaxe ---------- */
.banner{position:relative;height:800px;overflow:hidden;background:#e4e7e8;--bh:800px}
.banner-midia{
  position:absolute;top:50%;
  width:max(100%,calc(var(--bh) * 1.5047));aspect-ratio:1920/1276;
  left:calc((100% - max(100%,calc(var(--bh) * 1.5047))) * var(--bx,.72));
  translate:0 -50%;
}
.banner-paralaxe{position:absolute;inset:0;transform:scale(1.1);will-change:transform}
.banner-paralaxe img,.banner-paralaxe svg{position:absolute;inset:0;width:100%;height:100%}
.banner-paralaxe img{object-fit:cover}
.talhao-linha{fill:rgba(253,165,9,.08);stroke:var(--ambar);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.talhao-vertice{fill:var(--branco);stroke:var(--ambar);stroke-width:2;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
.banner-etiqueta{
  position:absolute;right:50px;bottom:40px;z-index:2;display:flex;align-items:center;gap:10px;
  padding:9px 14px;border-radius:var(--raio);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--preto)
}
.banner-etiqueta i{width:8px;height:8px;border:2px solid var(--ambar);background:var(--branco)}

/* ---------- ferramentas ---------- */
.titulo-grade{display:grid;grid-template-columns:1fr 870px;gap:20px;margin-bottom:80px}
.titulo-grade h2{max-width:700px}
.titulo-grade .texto{max-width:740px;margin-top:20px}
.titulo-grade .btn{margin-top:30px}
.app-linha .divisor{margin-bottom:0}
.grupo-apps{margin-top:72px}
.app-link{display:grid;grid-template-columns:1fr 870px;gap:20px;align-items:center}
.app-midia{
  position:relative;width:338px;aspect-ratio:1;border-radius:var(--raio);overflow:hidden;background:var(--cinza-claro);
  isolation:isolate;
}
.app-midia img,.app-midia video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:var(--px,50%) var(--py,50%);transform:scale(var(--z,1));transform-origin:var(--px,50%) var(--py,50%);
  transition:transform 1.1s var(--curva-saida);
}
.app-midia video{opacity:0;transition:opacity .5s var(--curva),transform 1.1s var(--curva-saida)}
.app-midia video.tocando{opacity:1}
.app-link:hover .app-midia img,.app-link:hover .app-midia video{transform:scale(calc(var(--z,1) * 1.05))}
@media (hover:hover){
  .app-midia img,.app-midia video{filter:grayscale(1) contrast(1.04) brightness(1.03);transition:transform 1.1s var(--curva-saida),filter .6s var(--curva),opacity .5s var(--curva)}
  .app-link:hover .app-midia img,.app-link:hover .app-midia video{filter:none}
}
.app-midia::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none}
.app-corpo{display:flex;align-items:center;justify-content:space-between;gap:40px}
.app-texto{max-width:520px}
.app-nome{display:block;height:22px;width:auto;margin-bottom:18px}
.app-texto h3{font-family:var(--f-titulo);font-weight:400;font-size:var(--h2);line-height:1.1;letter-spacing:-.01em}
.app-texto p{margin-top:20px;max-width:500px}
.todas{display:flex;justify-content:center;margin-top:60px}
.link-xl{position:relative;display:inline-flex;align-items:center;gap:40px;padding:0 16px 6px;font-family:var(--f-titulo);font-size:var(--link-xl);line-height:1;letter-spacing:-.01em;overflow:hidden}
.link-xl svg{width:.5em;height:.5em;transition:transform .5s var(--curva)}
.link-xl-texto{transition:transform .5s var(--curva)}
.link-xl-linha{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--preto)}
.link-xl:hover .link-xl-linha{animation:linha-volta .9s var(--curva)}
.link-xl:hover svg{transform:translateX(10px)}
@keyframes linha-volta{0%{transform:translateX(0)}45%{transform:translateX(-105%)}46%{transform:translateX(105%)}100%{transform:translateX(0)}}

/* ---------- destaque ---------- */
.destaque{position:relative;padding:60px 0;overflow:hidden;color:var(--preto)}
.destaque-fundo{position:absolute;inset:0;overflow:hidden}
.destaque-fundo img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);will-change:transform}
.destaque-fundo::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.14)}
.destaque-grade{position:relative;z-index:1;display:grid;grid-template-columns:500px 1fr;gap:20px;align-items:stretch}
.cartao{width:500px;padding:30px;border-radius:var(--raio);background:var(--branco)}
.cartao h2{margin-top:20px}
.cartao .texto{margin-top:20px;max-width:450px}
.especificacoes{margin:40px 0}
.esp-linha{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;margin:-6px 0;font-family:var(--f-mono);font-size:14px;line-height:1.4;text-transform:uppercase}
.esp-linha dt{color:var(--texto-suave)}
.esp-linha dd{margin:0;color:var(--azul);text-align:right}
.destaque-video{display:grid;place-items:center}
.btn-video{gap:12px;height:48px}
.btn-video svg{width:16px;height:16px}

/* faixa da marca: âmbar e azul com o corte a 45° do T */
.faixa-marca{position:relative;height:18px;background:var(--branco)}
.faixa-marca i{position:absolute;inset:0}
.faixa-marca .fm-ambar{background:var(--ambar);clip-path:polygon(0 0,calc(24% + 14px) 0,24% 100%,0 100%)}
.faixa-marca .fm-azul{background:var(--azul);clip-path:polygon(calc(24% + 21px) 0,100% 0,100% 100%,calc(24% + 7px) 100%)}

/* ---------- por que ---------- */
.titulo-centro{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:760px;margin:0 auto 80px;text-align:center}
.cartoes-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.recurso{display:flex;flex-direction:column;align-items:center;text-align:center}
.recurso-arte{width:250px;aspect-ratio:1;margin-bottom:40px}
.recurso-arte svg{width:100%;height:100%;overflow:visible}
.recurso .texto{margin-top:12px;max-width:340px}

/* artes animadas (só giram quando visíveis) */
.ra-traco{fill:none;stroke:var(--preto);stroke-width:4;stroke-linecap:square}
.ra-ambar{fill:none;stroke:var(--ambar);stroke-width:4;stroke-linecap:square}
.ra-azul{fill:none;stroke:var(--azul);stroke-width:4}
.ra-gira{transform-box:view-box;transform-origin:125px 125px}
.ativo .ra-gira-lento{animation:gira 40s linear infinite}
.ativo .ra-gira-contra{animation:gira 22s linear infinite reverse}
.ativo .ra-mira{animation:mira 6s var(--curva) infinite}
.ra-camada{transform-box:view-box}
.ativo .ra-camada-1{animation:flutua 5s var(--curva) infinite}
.ativo .ra-camada-2{animation:flutua 5s var(--curva) -1.66s infinite}
.ativo .ra-camada-3{animation:flutua 5s var(--curva) -3.33s infinite}
.ativo .ra-encaixe{animation:encaixe 7s var(--curva) infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@keyframes mira{0%,100%{transform:scale(1)}50%{transform:scale(.86)}}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes encaixe{0%,12%{transform:translate(34px,-26px) rotate(-14deg)}45%,62%{transform:translate(0,0) rotate(0)}95%,100%{transform:translate(34px,-26px) rotate(-14deg)}}
.ra-encaixe{transform-box:view-box;transform-origin:125px 125px;transform:translate(34px,-26px) rotate(-14deg)}

/* ---------- mapa ---------- */
.mapa-grade{display:grid;grid-template-columns:1fr 470px;gap:60px;align-items:center}
.mapa-caixa{position:relative;display:flex;justify-content:center}
.mapa-svg{width:100%;max-width:620px;height:auto;max-height:660px}
.mapa-pontos circle{fill:#d3d7d9}
.cap-ponto{fill:var(--ambar)}
.cap-onda{fill:none;stroke:var(--ambar);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center}
.ativo .cap-onda{animation:onda 3.2s var(--curva) infinite;animation-delay:var(--d,0s)}
@keyframes onda{0%{opacity:.9;transform:scale(1)}80%,100%{opacity:0;transform:scale(4)}}
.mapa-texto .h1{margin-top:20px}
.contador{display:flex;align-items:flex-start;margin-top:30px;font-family:var(--f-titulo);font-size:var(--h1);line-height:1.1;height:1.1em;overflow:hidden}
.contador-col{position:relative;height:1.1em;overflow:hidden}
.contador-rolo{display:flex;flex-direction:column}
.contador-rolo span{height:1.1em;display:block}
.mapa-texto .h5{margin-top:6px;color:var(--texto-suave);max-width:440px}
.mapa-texto .btn{margin-top:30px}

/* ---------- para quem (carrossel) ---------- */
.carrossel{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:20px}
.carrossel-palco{display:grid;text-align:center}
.slide{grid-area:1/1;display:flex;flex-direction:column;align-items:center;gap:40px;visibility:hidden}
.slide.atual{visibility:visible}
.slide blockquote{font-family:var(--f-titulo);font-size:var(--citacao);line-height:1.1;letter-spacing:-.01em;max-width:1070px;padding:20px}
.slide-autor{display:flex;flex-direction:column;align-items:center;gap:10px}
.slide-autor .h5{color:var(--preto)}
.slide-autor .texto{font-size:18px}
.slide-autor .texto{margin-top:-4px}
.estado{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;border-radius:var(--raio);background:var(--pilula);font-family:var(--f-mono);font-size:12px;line-height:1.3;text-transform:uppercase;color:var(--preto)}
.selo-ponto{width:8px;height:8px;border-radius:50%;background:var(--ambar)}
.selo-ponto.breve{background:#9aa3a8}
.carrossel-nav{display:none}

/* ---------- letreiro ---------- */
.letreiro{padding:40px 0 60px;overflow:hidden}
.letreiro-janela{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.letreiro-faixa{display:flex;width:max-content;animation:letreiro 45s linear infinite}
.letreiro-janela:hover .letreiro-faixa{animation-play-state:paused}
.letreiro-grupo{display:flex;align-items:center;gap:96px;padding-right:96px}
.letreiro-item{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.02em;color:#a3a3a3;white-space:nowrap}
.letreiro-item img{height:24px;width:auto;filter:grayscale(1) contrast(.8);opacity:.45}
@keyframes letreiro{to{transform:translateX(-50%)}}

/* ---------- chamada final ---------- */
.chamada{position:relative;display:flex;align-items:flex-end;min-height:815px;padding:60px 0;overflow:hidden;color:var(--branco);background:#1b2024}
.chamada-fundo{position:absolute;inset:0}
.chamada-fundo img{width:100%;height:100%;object-fit:cover;animation:ken 26s ease-in-out infinite alternate}
.chamada.pausada .chamada-fundo img{animation-play-state:paused}
.chamada-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.28) 45%,rgba(0,0,0,.62) 100%)}
@keyframes ken{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.16) translate(-2%,-1.5%)}}
.chamada-conteudo{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.chamada-texto{max-width:860px}
.chamada-texto .h1{margin-top:20px}
.chamada-botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pausa{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pilula-30);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--branco);flex:none}
.pausa svg{width:14px;height:14px}
.pausa .p-tocar{display:none}
.chamada.pausada .pausa .p-pausar{display:none}
.chamada.pausada .pausa .p-tocar{display:block}

/* ---------- rodapé ---------- */
.rodape{background:var(--preto);color:var(--branco);padding:100px 0 30px}
.novidade{display:flex;align-items:center;justify-content:space-between;gap:40px}
.novidade-texto h2{margin-top:20px;max-width:880px}
.rodape .divisor{margin:60px 0}
.rodape-grade{display:grid;grid-template-columns:1fr 660px;gap:40px}
.rodape-marca svg{width:330px;height:auto}
.rodape-marca p{margin-top:30px;max-width:340px;font-family:var(--f-mono);font-size:14px;line-height:1.4;text-transform:uppercase;color:var(--cinza-solido)}
.rodape-marca p a{color:#e7e7e7}
.rodape-colunas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rodape-coluna{display:flex;flex-direction:column;gap:12px}
.rodape-coluna h3{font-family:var(--f-mono);font-size:14px;font-weight:500;line-height:1.4;text-transform:uppercase;margin-bottom:6px}
.rodape-coluna a{font-family:var(--f-mono);font-size:14px;line-height:1.4;text-transform:uppercase;color:var(--cinza-solido);transition:color .3s}
.rodape-coluna a:hover{color:var(--branco)}
.rodape-coluna a .rolo{height:1.4em;line-height:1.4}
.rodape-base{display:flex;justify-content:space-between;gap:20px;margin-top:80px;font-family:var(--f-mono);font-size:14px;line-height:1.4;text-transform:uppercase;color:var(--cinza-solido)}
.rodape-base a{color:#e7e7e7}

/* ---------- caixa de vídeo ---------- */
.caixa-video{width:min(1000px,92vw,calc((100vh - 60px) * 960 / 832));max-width:none;padding:0;border:0;border-radius:var(--raio);background:#111;overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .35s var(--curva),transform .35s var(--curva),overlay .35s allow-discrete,display .35s allow-discrete}
.caixa-video[open]{opacity:1;transform:none}
@starting-style{.caixa-video[open]{opacity:0;transform:scale(.96)}}
.caixa-video::backdrop{background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.caixa-video video{width:100%;height:auto;aspect-ratio:960/832;object-fit:contain;background:#111}
.caixa-fechar{position:absolute;top:14px;right:14px;z-index:2}

/* ---------- estados iniciais das animações (só com JS) ---------- */
.js.anima [data-animate],.js.anima [data-title]{visibility:hidden}
.js.anima .hero-visual{visibility:hidden}

/* ---------- responsivo ---------- */
@media (max-width:1279px){
  .hero{padding-top:156px}
  .hero-grade{grid-template-columns:1fr 520px}
  .hero-visual{left:-100px;top:-110px;transform:scale(.78);transform-origin:left top}
  .titulo-grade,.app-link{grid-template-columns:1fr 680px}
  .app-midia{width:300px}
  .banner{height:750px;--bh:750px}
  .mapa-grade{grid-template-columns:1fr 420px}
  .rodape-grade{grid-template-columns:1fr 600px}
  .faixa-marca{height:14px}
}
@media (max-width:991px){
  :root{--secao:80px}
  .nav,.topo-dir .btn,.topo-dir .icone-pilula:not(.botao-menu){display:none}
  .botao-menu{display:grid}
  .hero-fixa{position:relative}
  .hero{padding-top:150px}
  .hero-grade{grid-template-columns:minmax(0,1fr);min-height:0;margin-bottom:0}
  .hero-texto{grid-column:1;order:-1;align-items:center;text-align:center}
  .hero-botoes{justify-content:center}
  .hero-visual{position:relative;left:auto;top:auto;transform:none;width:760px;max-width:none;height:560px;margin:10px auto -40px;left:50%;translate:-50% 0}
  .hero-base-linha{flex-direction:column;text-align:center;padding:20px 0 40px}
  .banner{height:500px;--bh:500px}
  .titulo-grade{grid-template-columns:1fr;margin-bottom:60px}
  .app-link{grid-template-columns:260px 1fr;gap:30px}
  .app-midia{width:100%}
  .app-corpo{gap:24px}
  .destaque-grade{grid-template-columns:1fr}
  .destaque-video{min-height:140px}
  .cartoes-tres{grid-template-columns:1fr;gap:56px}
  .recurso-arte{width:170px;margin-bottom:28px}
  .mapa-grade{grid-template-columns:1fr;gap:40px}
  .mapa-caixa{order:2}
  .mapa-texto{text-align:center;display:flex;flex-direction:column;align-items:center}
  .contador{justify-content:center}
  .chamada{min-height:650px}
  .rodape-grade{grid-template-columns:1fr}
}
@media (max-width:767px){
  :root{--secao:60px}
  .topo-linha{padding-top:20px}
  .hero{padding-top:126px}
  .hero-visual{transform:scale(.78);transform-origin:center top;height:560px;margin:0 auto -178px}
  .faixa-marca{height:12px}
  .banner{height:400px;--bh:400px;--bx:.86}
  .banner-etiqueta{right:15px;bottom:16px}
  .app-link{grid-template-columns:1fr;gap:24px}
  .app-midia{aspect-ratio:4/3}
  .app-corpo{align-items:flex-start}
  .app-texto p{font-size:16px}
  .app-linha .divisor{margin-bottom:10px}
  .todas{margin-top:40px}
  .link-xl{gap:14px;white-space:nowrap;font-size:28px}
  .seta.g{width:48px;height:48px}
  .seta.g svg{width:16px;height:16px}
  .seta.g .s-depois{transform:translateX(-36px)}
  .com-seta:hover .seta.g .s-antes,.seta.g:hover .s-antes{transform:translateX(36px)}
  .titulo-centro{margin-bottom:56px}
  .cartao{width:100%;padding:20px}
  .esp-linha{padding:16px 10px}
  .carrossel{grid-template-columns:1fr}
  .carrossel>.seta{display:none}
  .carrossel-nav{display:flex;justify-content:center;gap:10px;margin-top:30px}
  .slide{gap:24px}
  .slide blockquote{padding:0}
  .letreiro-grupo{gap:56px;padding-right:56px}
  .chamada{min-height:600px}
  .chamada-conteudo{flex-direction:column;align-items:center;text-align:center}
  .chamada-botoes{justify-content:center}
  .novidade{flex-direction:column;align-items:center;text-align:center}
  .rodape .divisor{margin:40px 0}
  .rodape-marca{display:flex;flex-direction:column;align-items:center;text-align:center}
  .rodape-marca svg{width:260px}
  .rodape-colunas{grid-template-columns:1fr;text-align:center;gap:40px}
  .rodape-coluna{align-items:center}
  .rodape-base{flex-direction:column;align-items:center;text-align:center;margin-top:60px}
}
@media (max-width:479px){
  .btn{padding:11px 18px}
  .hero-botoes .btn{flex:0 0 auto}
}


/* =================== páginas internas =================== */
.fumaca{background:var(--fumaca)}
.pagina-topo{padding:192px 0 70px}
.pagina-topo h1{margin-top:20px;max-width:900px}
.pagina-topo .texto{margin-top:20px;max-width:640px}
.topo-duplo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.topo-duplo .texto{max-width:520px;justify-self:end;margin:0}
.botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.h3{font-family:var(--f-titulo);font-weight:400;font-size:clamp(28px,1vw + 20px,34px);line-height:1.15;letter-spacing:-.01em}

/* topo do aplicativo: texto e vídeo lado a lado */
.app-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:60px;align-items:center}
.app-topo .app-nome{display:block;height:30px;width:auto;margin:0 0 26px}
.app-topo h1{margin:0}
.app-topo-midia{position:relative;border-radius:var(--raio);overflow:hidden;background:var(--cinza-claro);aspect-ratio:960/832;isolation:isolate}
.app-topo-midia img,.app-topo-midia video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.app-topo-midia video{opacity:0;transition:opacity .6s var(--curva)}
.app-topo-midia video.tocando{opacity:1}
.app-topo-midia::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none}

/* lateral fixa + conteúdo (detalhe do aplicativo e manual) */
.lateral-grade{display:grid;grid-template-columns:300px minmax(0,1fr);gap:80px;align-items:start}
.lateral{position:sticky;top:110px;padding:24px;border-radius:var(--raio);background:var(--cinza-claro)}
.lateral .rotulo{color:var(--texto-suave);margin-bottom:12px}
.lateral-lista{display:flex;flex-direction:column}
.lateral-lista a{display:block;padding:9px 0;border-top:1px solid #d8d8d8;font-family:var(--f-mono);font-size:12.5px;line-height:1.35;text-transform:uppercase;color:var(--preto);transition:color .25s var(--curva),padding .25s var(--curva)}
.lateral-lista a:hover{color:var(--azul);padding-left:4px}
.lateral-lista a.ativo{color:var(--azul)}
.lateral-info{display:flex;flex-direction:column;gap:18px;margin:22px 0 0;padding-top:20px;border-top:1px solid #d8d8d8}
.lateral-info dt{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--texto-suave)}
.lateral-info dd{margin:4px 0 0;font-size:15px;line-height:1.45}
.lateral .btn{width:100%;margin-top:22px}
.lateral{max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin}
.app-item>a{display:block}
.bloco{scroll-margin-top:110px}
.bloco .h3{margin-bottom:18px}
.bloco>.texto+.texto{margin-top:14px}
.conteudo-col>.divisor{margin:56px 0}
.videos-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.video-vaga{margin:0}
.video-vaga-quadro{display:grid;place-items:center;aspect-ratio:16/10;border-radius:var(--raio);background:var(--branco);box-shadow:inset 0 0 0 1px #e4e4e4}
.video-vaga-quadro span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--pilula)}
.video-vaga-quadro svg{width:16px;height:16px;margin-left:3px}
.video-vaga figcaption{display:flex;flex-direction:column;gap:4px;margin-top:14px}
.video-vaga figcaption b{font-family:var(--f-titulo);font-weight:400;font-size:20px}
.video-vaga figcaption span{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--texto-suave)}
.manual-vaga{margin-top:24px;padding:28px 30px;border-radius:var(--raio);background:var(--branco);box-shadow:inset 0 0 0 1px #e4e4e4}

/* perguntas frequentes */
.faq{max-width:900px;margin:0 auto;border-top:1px solid #d8d8d8}
.faq details{border-bottom:1px solid #d8d8d8}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 0;cursor:pointer;list-style:none;font-family:var(--f-mono);font-size:15px;line-height:1.4;text-transform:uppercase;transition:color .25s}
.faq summary:hover{color:var(--azul)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--azul),var(--azul)) center/14px 1.5px no-repeat,linear-gradient(var(--azul),var(--azul)) center/1.5px 14px no-repeat;transition:rotate .35s var(--curva)}
.faq details[open] summary::after{rotate:45deg}
.faq details>p,.faq details>div{margin:0;padding:0 0 22px;max-width:760px;font-size:17px;line-height:1.55;color:var(--texto-suave)}
.faq-texto{max-width:560px;margin:-4px auto 0}

/* ferramentas gratuitas */
.gratis-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gratis{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:340px;padding:30px;border-radius:var(--raio);background:var(--fumaca);transition:background-color .4s var(--curva)}
.gratis:hover{background:#f1f1f1}
.gratis-icone{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--branco)}
.gratis-icone img{width:38px;height:38px}
.gratis h3{margin-top:14px;font-family:var(--f-titulo);font-weight:400;font-size:28px;line-height:1.15;letter-spacing:-.01em}
.gratis .texto{font-size:16px}
.gratis-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}
.gratis-rodape{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:40px}
.gratis-rodape .texto{font-size:16px}
.gratis-rodape .texto a{color:var(--preto);text-decoration:underline;text-underline-offset:3px}

/* linhas de aplicativo com duas ações (página de ferramentas) */
.app-item{display:grid;grid-template-columns:1fr 870px;gap:20px;align-items:center}
.app-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.app-item:hover .app-midia img,.app-item:hover .app-midia video{transform:scale(calc(var(--z,1) * 1.05))}

/* ações no carrossel "Para quem" */
.slide-acao{display:flex;flex-direction:column;align-items:center;gap:12px}
.slide-acao .texto{font-size:16px}
.espera{display:flex;gap:8px;width:min(440px,100%)}
.espera input{flex:1;min-width:0;height:46px;padding:0 18px;border:1px solid var(--traco);border-radius:var(--raio);background:var(--branco);font:inherit;font-size:16px;color:var(--preto);transition:border-color .25s}
.espera input:focus{outline:none;border-color:var(--azul)}
.espera input::placeholder{color:#9aa3a8}
.espera-ok{font-family:var(--f-mono);font-size:13px;text-transform:uppercase;color:#2e7d4f}

/* =================== manual (COD Index) =================== */
.mc-lead{margin:0 0 10px;font-size:18px;line-height:1.55;color:var(--texto-suave);max-width:62ch}
.mc-sumario{display:none}
.mc-cod{font:500 .9em/1 var(--f-mono);background:var(--cinza-claro);border-radius:6px;padding:3px 6px;white-space:nowrap}
.mc-cap{padding:56px 0 0;scroll-margin-top:100px}
.mc-cap+.mc-cap{margin-top:56px;border-top:1px solid var(--traco)}
.mc-cap h3{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:var(--f-titulo);font-weight:400;font-size:clamp(28px,1vw + 20px,36px);line-height:1.15;letter-spacing:-.01em}
.mc-num{flex:none;display:inline-grid;place-items:center;min-width:36px;height:28px;padding:0 8px;border-radius:var(--raio);background:var(--pilula);font:500 13px/1 var(--f-mono);color:var(--preto)}
.mc-cap h4{margin:30px 0 10px;font-family:var(--f-titulo);font-weight:400;font-size:24px;line-height:1.2}
.mc-cap p,.mc-cap li{font-size:17px;line-height:1.62;color:#33393d}
.mc-cap p{margin:0 0 14px}
.mc-cap ul,.mc-cap ol{margin:0 0 16px;padding-left:22px}
.mc-cap li{margin:5px 0}
.mc-cap li ul{margin:4px 0 6px}
.mc-cap a{color:var(--azul);text-decoration:underline;text-underline-offset:3px}
.mc-cap b{color:var(--preto);font-weight:600}
.mc-cap kbd{font:500 13px/1 var(--f-mono);padding:3px 6px;border-radius:6px;background:var(--branco);box-shadow:inset 0 0 0 1px var(--traco),0 1px 0 var(--traco)}
.mc-passos{counter-reset:passo;list-style:none;padding-left:0!important}
.mc-passos>li{counter-increment:passo;position:relative;padding-left:44px;margin:12px 0}
.mc-passos>li::before{content:counter(passo);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:var(--preto);color:var(--branco);display:grid;place-items:center;font:500 13px/1 var(--f-mono)}
.mc-legenda{padding-left:0!important;list-style:none;counter-reset:leg}
.mc-legenda>li{counter-increment:leg;position:relative;padding-left:40px;margin:9px 0}
.mc-legenda>li::before{content:counter(leg);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--ambar);color:var(--preto);display:grid;place-items:center;font:500 13px/1 var(--f-mono)}
.mc-codigo-grande{font-size:30px!important;margin:8px 0 16px!important}
.mc-codigo-grande .mc-cod{font-size:26px;padding:6px 12px}
.mc-dica,.mc-atencao{border-radius:16px;padding:16px 20px;margin:18px 0!important}
.mc-dica{background:#eef5f9}
.mc-atencao{background:#fdf3df}
/* aviso no começo do manual, antes do sumário (fora dos capítulos): mesmo texto dos capítulos */
.mc-alerta{margin:26px 0 10px!important;padding:20px 24px!important;box-shadow:inset 4px 0 0 var(--ambar)}
.mc-alerta p,.mc-alerta li{font-size:17px;line-height:1.6;color:#33393d}
.mc-alerta p{margin:0 0 10px}
.mc-alerta p:first-child{font-size:19px;line-height:1.4}
.mc-alerta ul{margin:0;padding-left:22px}
.mc-alerta li{margin:6px 0}
.mc-alerta b{color:var(--preto);font-weight:600}
.mc-alerta a{color:var(--azul);text-decoration:underline;text-underline-offset:3px}
.mc-tabela td img{display:inline-block;vertical-align:middle}
.mc-fig{margin:22px 0 26px}
.mc-fig a.mc-zoom{display:inline-block;max-width:100%;border-radius:16px;overflow:hidden;cursor:zoom-in;line-height:0;background:var(--branco);box-shadow:0 0 0 1px #e2e2e2,0 18px 40px -26px rgba(0,0,0,.35)}
.mc-fig img{display:block;max-width:100%;height:auto}
.mc-fig figcaption{margin-top:10px;font-size:15px;line-height:1.45;color:var(--texto-suave)}
.mc-larga a.mc-zoom{display:block}
.mc-larga img{width:100%}
.mc-estreita a.mc-zoom{max-width:min(100%,420px)}
.mc-marcas{position:relative;display:block}
.mc-marca{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--ambar);color:var(--preto);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);display:grid;place-items:center;font:600 12px/1 var(--f-mono)}
.mc-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.mc-par .mc-fig{margin:18px 0 10px}
.mc-par-cel{grid-template-columns:repeat(2,minmax(0,300px))}
.mc-lado{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:start}
.mc-lado .mc-fig{margin-top:6px}
.mc-tabela{overflow-x:auto;margin:12px 0 20px;border-radius:16px;box-shadow:inset 0 0 0 1px #e4e4e4}
.mc-tabela table{border-collapse:collapse;width:100%;font-size:15.5px}
.mc-tabela th{text-align:left;font:500 12px/1.3 var(--f-mono);text-transform:uppercase;color:var(--texto-suave);background:var(--fumaca);padding:12px 14px;border-bottom:1px solid #e4e4e4}
.mc-tabela td{padding:11px 14px;border-bottom:1px solid #eeeeee;vertical-align:top;line-height:1.45}
.mc-tabela tr:last-child td{border-bottom:0}
.mc-pre{margin:10px 0 20px;padding:16px 18px;background:var(--fumaca);border-radius:16px;font:13px/1.65 var(--f-mono);overflow-x:auto;white-space:pre}
.mc-topo{display:inline-flex;margin-top:10px;font-family:var(--f-mono);font-size:12px;text-transform:uppercase;color:var(--texto-suave)!important;text-decoration:none!important}
.mc-topo:hover{color:var(--azul)!important}
.mc .faq{margin:10px 0 0;max-width:none}
.mc-lupa{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
.mc-lupa::backdrop{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mc-lupa img{display:block;max-width:96vw;max-height:94vh;width:auto;height:auto;border-radius:16px;background:#fff;cursor:zoom-out}
.mc-lupa-x{position:fixed;top:14px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:var(--preto);color:#fff;font:400 26px/1 var(--f-texto);cursor:pointer}

@media (max-width:1279px){
  .lateral-grade{grid-template-columns:260px minmax(0,1fr);gap:50px}
  .app-item{grid-template-columns:1fr 680px}
}
@media (max-width:991px){
  .pagina-topo{padding:150px 0 50px}
  .topo-duplo{grid-template-columns:1fr;gap:20px}
  .topo-duplo .texto{justify-self:start}
  .app-topo{grid-template-columns:1fr;gap:40px}
  .lateral-grade{grid-template-columns:minmax(0,1fr);gap:40px}
  .lateral{position:static}
  .gratis-grade{grid-template-columns:1fr}
  .gratis{min-height:0}
  .app-item{grid-template-columns:260px 1fr;gap:30px}
  .mc-par,.mc-lado{grid-template-columns:1fr;gap:0}
}
@media (max-width:767px){
  .pagina-topo{padding:126px 0 40px}
  .videos-grade{grid-template-columns:1fr}
  .app-item{grid-template-columns:1fr;gap:24px}
  .faq summary{font-size:14px;padding:18px 0}
  .espera{flex-direction:column}
  .espera .btn{width:100%}
  .mc-cap{padding-top:40px}
  .mc-cap+.mc-cap{margin-top:40px}
  .mc-cap p,.mc-cap li{font-size:16px}
  .mc-par-cel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mc-marca{width:20px;height:20px;font-size:10px}
  .gratis{padding:24px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .letreiro-faixa{animation:none}
}