/* VORU · site · um único CSS para todas as páginas */
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-latin-800-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-italic.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:700;font-display:swap;src:url(../fonts/figtree-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-weight:800;font-display:swap;src:url(../fonts/figtree-latin-800-normal.woff2) format('woff2')}

:root{
  --branco:#FFFFFF; --superficie:#F4F3F7; --elevada:#E9E6F0; --mapa:#EEF0F3;
  --tinta:#23182E; --tinta-2:rgba(35,24,46,.68); --tinta-3:rgba(35,24,46,.55); --linha:rgba(35,24,46,.1);
  --lavanda:#AB91FB; --violeta:#6B4EE6; --coral:#FF6B52; --coral-texto:#D63B21; --offwhite:#F4F0E7;
  --display:'Barlow Condensed','Arial Narrow',sans-serif; --texto:'Figtree',system-ui,sans-serif;
  --topo:64px; --margem:clamp(16px,4vw,56px); --max:1240px;
  --sombra:0 24px 60px rgba(35,24,46,.18);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:var(--branco);color:var(--tinta);font:400 17px/1.5 var(--texto)}
img,svg{display:block;max-width:100%}
a{color:var(--violeta);text-decoration:none}
button{font:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--margem)}

/* tipografia */
.display{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;line-height:.86;letter-spacing:-.005em;margin:0}
.d-xxl{font-size:clamp(68px,13.4vw,232px)}
.d-xl{font-size:clamp(52px,8.6vw,136px)}
.d-l{font-size:clamp(42px,6vw,92px)}
.d-m{font-size:clamp(34px,4.2vw,60px)}
.d-s{font-size:clamp(26px,2.6vw,36px)}
.rotulo{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0}
.frase{font-size:clamp(17px,1.5vw,21px);line-height:1.45;max-width:34ch;margin:0;color:var(--tinta-2)}
.listras{display:block;width:72px;height:6px;margin-top:18px;transform:skewX(-28deg);background:linear-gradient(90deg,var(--violeta) 0 58%,transparent 58% 66%,var(--lavanda) 66% 82%,transparent 82% 88%,var(--coral) 88% 100%)}
.listras--painel{background:linear-gradient(90deg,var(--tinta) 0 58%,transparent 58% 66%,#fff 66% 82%,transparent 82% 88%,var(--coral) 88% 100%)}
.listras--clara{background:linear-gradient(90deg,#fff 0 58%,transparent 58% 66%,var(--lavanda) 66% 82%,transparent 82% 88%,var(--coral) 88% 100%)}

/* ícones (SVG inline) */
.ic{width:1em;height:1em;fill:currentColor;flex:none}

/* botões em paralelogramo */
.btn{--bg:var(--lavanda);--fg:var(--tinta);display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 26px;border-radius:12px;background:var(--bg);color:var(--fg);transform:skewX(-12deg);border:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}
.btn>span{display:inline-flex;align-items:center;gap:10px;transform:skewX(12deg);font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:21px;letter-spacing:.03em}
.btn .ic{font-size:22px}
.btn:hover{transform:skewX(-12deg) translateY(-2px);box-shadow:0 10px 24px rgba(35,24,46,.18)}
.btn:focus-visible,.loja:focus-visible,a:focus-visible{outline:3px solid var(--violeta);outline-offset:3px}
.btn--coral{--bg:var(--coral)}
.btn--claro{--bg:var(--superficie)}
.btn--branco{--bg:#fff}
.btn--p{height:40px;padding:0 16px}.btn--p>span{font-size:17px}
.btn--g{height:64px;padding:0 34px}.btn--g>span{font-size:24px}

/* botões das lojas */
.lojas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.loja{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 20px 0 16px;border-radius:12px;background:#fff;color:var(--tinta);box-shadow:0 0 0 1.5px var(--linha);transition:transform .2s,box-shadow .2s}
.loja:hover{transform:translateY(-2px);box-shadow:0 0 0 1.5px var(--violeta),0 10px 24px rgba(35,24,46,.14)}
.loja .ic{font-size:28px;color:var(--violeta)}
.loja small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3);line-height:1.1}
.loja b{display:block;font-size:19px;font-weight:800;line-height:1.1}
.loja--g{height:72px;padding:0 26px 0 20px}.loja--g b{font-size:22px}.loja--g .ic{font-size:32px}
/* detecção de dispositivo: no celular só a loja certa */
html.is-ios .loja-google,html.is-android .loja-apple{display:none}
.so-desktop,.qr.so-desktop{display:none}
html.is-desktop .so-desktop{display:block}
html.is-desktop .qr.so-desktop{display:flex}
html.is-desktop .so-celular{display:none}

/* QR code */
.qr{display:flex;align-items:center;gap:16px}
.qr__codigo{width:132px;height:132px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 0 0 1.5px var(--linha)}
.qr__codigo svg{width:100%;height:100%}
.qr p{margin:0;font-size:14px;font-weight:700;line-height:1.35;max-width:16ch}

/* topo fixo */
.topo{position:fixed;inset:0 0 auto 0;height:var(--topo);z-index:50;transition:background .25s,box-shadow .25s,color .25s;color:var(--tinta);background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);box-shadow:0 1px 0 var(--linha)}
.topo .wrap{height:100%;display:flex;align-items:center;gap:28px;max-width:none}
.topo__logo{display:flex;align-items:center;gap:9px;flex:none}
.topo__logo img{height:24px;width:auto}
.topo__logo .wm{height:18px}
.topo__logo .wm--clara{display:none}
.topo__nav{display:flex;gap:4px;margin-left:auto}
.topo__nav a{color:inherit;font-size:15px;font-weight:700;padding:8px 12px;border-radius:9px;position:relative}
.topo__nav a::after{content:'';position:absolute;left:12px;right:12px;bottom:3px;height:3px;transform:skewX(-28deg) scaleX(0);transform-origin:left;background:var(--violeta);transition:transform .25s}
.topo__nav a:hover::after,.topo__nav a[aria-current=page]::after{transform:skewX(-28deg) scaleX(1)}
.topo__menu{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:0;background:var(--superficie);color:var(--tinta);align-items:center;justify-content:center;font-size:24px;cursor:pointer}
/* topo transparente sobre a foto do herói */
body.tem-heroi .topo:not(.solido){background:transparent;box-shadow:none;backdrop-filter:none;color:#fff}
body.tem-heroi .topo:not(.solido) .wm--escura{display:none}
body.tem-heroi .topo:not(.solido) .wm--clara{display:block}
body.tem-heroi .topo:not(.solido) .topo__menu{background:rgba(255,255,255,.18);color:#fff}

/* menu do celular */
.gaveta{position:fixed;inset:var(--topo) 0 0 0;z-index:49;background:#fff;padding:24px var(--margem) 120px;display:flex;flex-direction:column;gap:6px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.gaveta.aberta{opacity:1;transform:none;pointer-events:auto}
.gaveta a{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:40px;line-height:1.15;color:var(--tinta)}

/* barra de download colada no polegar (celular) */
.barra-baixar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:48;display:none;transform:translateY(140%);transition:transform .3s ease}
.barra-baixar .btn{width:100%;height:58px;box-shadow:0 12px 30px rgba(255,107,82,.35)}
.barra-baixar.visivel{transform:none}

/* seções */
.secao{padding:clamp(72px,10vw,140px) 0;position:relative}
.secao--sup{background:var(--superficie)}
.cab{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(32px,4vw,56px)}
.cab--centro{align-items:center;text-align:center}
.cab--centro .frase{margin:0 auto}

/* 1 · herói */
.heroi{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#2b1e36}
.heroi__foto{position:absolute;inset:-6% 0 0 0}
.heroi__foto img{width:100%;height:100%;object-fit:cover}
.heroi::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(35,24,46,.55) 0%,rgba(35,24,46,0) 26%,rgba(35,24,46,0) 46%,rgba(35,24,46,.78) 100%)}
.heroi__rota{position:absolute;inset:0;z-index:2;pointer-events:none}
.heroi__rota path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.heroi__conteudo{position:relative;z-index:3;width:100%;padding-top:calc(var(--topo) + 40px);padding-bottom:clamp(40px,7vh,88px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}
.heroi h1{text-shadow:0 2px 30px rgba(35,24,46,.35)}
.heroi .frase{color:rgba(255,255,255,.88);max-width:30ch;margin-top:22px}
.heroi .lojas{margin-top:30px}
.heroi .loja{box-shadow:none}
.heroi__celular{width:clamp(220px,20vw,300px);margin-bottom:-18vh;transform:rotate(4deg)}

/* moldura de celular clara */
.celular{position:relative;width:100%;aspect-ratio:390/844;border-radius:15%/7%;padding:3.2%;background:#fff;box-shadow:0 0 0 1px rgba(35,24,46,.08),var(--sombra)}
.celular img{width:100%;height:100%;object-fit:cover;border-radius:12.6%/5.8%}

/* 2 · faixa de valor */
.valor{border-bottom:1px solid var(--linha);background:#fff;position:relative;z-index:4}
.valor ul{list-style:none;margin:0 auto;padding:22px var(--margem);max-width:var(--max);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.valor li{display:flex;align-items:center;gap:12px;font-weight:800;font-size:16px;line-height:1.2}
.valor .ic{font-size:30px;color:var(--violeta);padding:9px;width:48px;height:48px;border-radius:12px;background:var(--superficie);box-sizing:border-box}

/* 4 · comboio */
.comboio{background:var(--mapa);overflow:hidden}
.comboio__grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:center}
.comboio__texto{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.comboio__mapa{position:relative;aspect-ratio:7/6;border-radius:20px;overflow:hidden;background:var(--mapa);box-shadow:0 0 0 1px var(--linha),var(--sombra);clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}
.comboio__mapa>svg{width:100%;height:100%}
.piloto circle{stroke:#fff;stroke-width:4}
.piloto text{font:800 15px var(--texto);fill:var(--tinta);text-anchor:middle;dominant-baseline:central}
.comboio__aviso{position:absolute;left:18px;top:18px;right:18px;max-width:340px;background:#fff;border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.35;box-shadow:0 8px 24px rgba(35,24,46,.14)}
.comboio__aviso .ic{font-size:24px;color:var(--coral-texto)}

/* 5 · artes */
.artes__palco{display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,40px);margin-top:16px}
.artes__peca{flex:none;filter:drop-shadow(0 26px 40px rgba(35,24,46,.22))}
.artes__peca img{width:100%;height:auto}
.artes__peca--a{width:clamp(150px,21vw,280px);transform:rotate(-5deg)}
.artes__peca--b{width:clamp(170px,25vw,330px);transform:translateY(-24px)}
.artes__peca--c{width:clamp(180px,28vw,380px);transform:rotate(4deg)}
.artes__peca--c img{border-radius:18px}
.artes__legendas{display:flex;justify-content:center;gap:clamp(24px,6vw,96px);margin-top:28px;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}

/* 6 · rotas lendárias (cartões) */
.rotas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rota{position:relative;display:block;aspect-ratio:3/4;border-radius:18px;overflow:hidden;color:#fff;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));background:#2b1e36}
.rota img{position:absolute;inset:0;width:100%;height:115%;object-fit:cover;top:-7%}
.rota::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,24,46,0) 40%,rgba(35,24,46,.85) 100%)}
.rota__info{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.rota__info .display{font-size:clamp(28px,2.6vw,38px)}
.rota__info p{margin:8px 0 0;font-size:14px;font-weight:700;color:rgba(255,255,255,.85)}
.rota:hover img{transform:scale(1.04)}
.rota img{transition:transform .6s ease}
.acao-final{display:flex;justify-content:center;margin-top:44px}

/* 7 · conversão final (painel lavanda) */
.bora{position:relative;min-height:100svh;display:flex;align-items:center;background:var(--lavanda);color:var(--tinta);overflow:hidden}
.bora .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}
.bora .frase{color:var(--tinta);font-weight:600}
.bora .loja{box-shadow:none}
.bora__fundo{position:absolute;inset:0;pointer-events:none}
.bora__blob{position:absolute;width:900px;height:620px;border-radius:50%;background:#fff;opacity:.13;right:-420px;bottom:-360px;transform:rotate(-24deg)}
.rastro{position:absolute;width:420px;height:150px;transform:skewX(-24deg);pointer-events:none}
.rastro span{position:absolute;right:0;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6))}

/* rodapé */
.rodape{background:var(--superficie);padding:48px 0 calc(48px + 80px);font-size:15px}
.rodape .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:28px 40px;align-items:start}
.rodape__marca img{height:26px;width:auto}
.rodape__marca p{margin:14px 0 0;font-weight:700;color:var(--tinta-2)}
.rodape nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.rodape nav a{color:var(--tinta);font-weight:700}
.rodape__social{display:flex;gap:16px}
.rodape__social a{font-weight:700}
.rodape__fim{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--linha);color:var(--tinta-3);font-size:13px}

/* páginas internas: cabeçalho lavanda */
.capa{position:relative;background:var(--lavanda);color:var(--tinta);padding:calc(var(--topo) + clamp(56px,8vw,110px)) 0 clamp(56px,7vw,96px);overflow:hidden}
.capa .wrap{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px}
.capa .frase{color:var(--tinta);font-weight:600;max-width:40ch}
.capa__indice{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.capa__indice a{height:38px;padding:0 14px;border-radius:10px;background:rgba(255,255,255,.55);color:var(--tinta);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.capa__indice a:hover{background:#fff}

/* recurso: imagem + texto curto */
.recurso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center;padding:clamp(56px,8vw,110px) 0;border-bottom:1px solid var(--linha)}
.recurso:last-child{border-bottom:0}
.recurso--inv .recurso__midia{order:2}
.recurso__midia{display:flex;justify-content:center;position:relative}
.recurso__midia .celular{width:min(300px,70vw)}
.recurso__midia--dupla{gap:20px}
.recurso__midia--dupla .celular{width:min(250px,42vw)}
.recurso__midia--dupla .celular:last-child{margin-top:60px}
.recurso__fundo{position:absolute;inset:8% 0;border-radius:24px;background:var(--superficie);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));z-index:-1}
.recurso__texto{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.recurso__icone{width:56px;height:56px;border-radius:14px;background:var(--elevada);display:flex;align-items:center;justify-content:center;color:var(--violeta);font-size:30px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none}
.chips li{height:34px;padding:0 12px;border-radius:9px;background:var(--superficie);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
.chips .ic{color:var(--violeta);font-size:18px}

/* rotas lendárias: página */
.serra{padding:clamp(56px,8vw,110px) 0;border-bottom:1px solid var(--linha)}
.serra__foto{position:relative;aspect-ratio:16/8;border-radius:22px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,36px 100%,0 calc(100% - 36px));background:#2b1e36}
.serra__foto img{position:absolute;inset:-8% 0 0;width:100%;height:116%;object-fit:cover}
.serra__titulo{position:absolute;left:clamp(18px,3vw,40px);bottom:clamp(18px,3vw,36px);z-index:2;color:#fff}
.serra__foto::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,24,46,0) 45%,rgba(35,24,46,.8) 100%)}
.serra__titulo .rotulo{color:rgba(255,255,255,.85);margin-bottom:10px}
.serra__corpo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);margin-top:clamp(24px,3vw,40px);align-items:start}
.serra__mapa{border-radius:18px;background:var(--mapa);padding:10px;box-shadow:0 0 0 1px var(--linha)}
.serra__mapa>svg{width:100%;height:auto}
.serra__lado{display:flex;flex-direction:column;gap:20px}
.numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.numero{border-radius:14px;background:var(--superficie);padding:14px 16px}
.numero span{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.numero b{display:block;font-family:var(--display);font-weight:800;font-style:italic;font-size:42px;line-height:1;margin-top:4px}
.numero b small{font-size:20px;margin-left:3px}
.esperar{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.esperar li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.4}
.esperar .ic{font-size:22px;color:var(--violeta);margin-top:1px}
.selo{display:flex;gap:16px;align-items:center;border-radius:16px;background:var(--elevada);padding:16px}
.selo svg{width:96px;height:96px;flex:none}
.selo b{display:block;font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:26px;line-height:.95}
.selo p{margin:6px 0 0;font-size:14px;color:var(--tinta-2);line-height:1.4}
.alerta{display:flex;gap:10px;align-items:flex-start;border-radius:14px;background:rgba(255,107,82,.12);padding:12px 14px;font-size:14px;line-height:1.4}
.alerta .ic{color:var(--coral-texto);font-size:22px}

/* comunidade: patentes */
.patentes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}
.patente{border-radius:16px;background:#fff;padding:18px 16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;box-shadow:0 0 0 1px var(--linha)}
.patente__aro{width:64px;height:64px;border-radius:50%;padding:5px;display:flex}
.patente__aro span{flex:1;border-radius:50%;background:var(--elevada);border:3px solid #fff;display:flex;align-items:center;justify-content:center;color:var(--violeta);font-size:24px}
.patente b{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:24px;line-height:1}
.patente small{font-size:13px;font-weight:700;color:var(--tinta-3)}

/* locais */
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:passo}
.passo{border-radius:18px;background:var(--superficie);padding:22px;display:flex;flex-direction:column;gap:12px}
.passo::before{counter-increment:passo;content:counter(passo);font-family:var(--display);font-weight:800;font-style:italic;font-size:56px;line-height:.8;color:var(--violeta)}
.passo b{font-size:19px;font-weight:800}
.passo p{margin:0;color:var(--tinta-2);font-size:15px}
.telas3{display:flex;justify-content:center;gap:clamp(12px,3vw,32px);margin-top:48px;align-items:flex-start}
.telas3 .celular{width:min(260px,30vw)}
.telas3 .celular:nth-child(2){margin-top:48px}
.locais{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.local{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--linha);display:flex;flex-direction:column}
.local__foto{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--elevada);display:flex;align-items:center;justify-content:center;color:var(--violeta);font-size:56px}
.local__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.local__foto--tom1{background:#E9E6F0}.local__foto--tom2{background:#DCD3FB}.local__foto--tom3{background:#EEF0F3}
.local__info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.local__info b{font-size:17px;font-weight:800}
.local__info span{font-size:14px;color:var(--tinta-2)}
.selo-visitado{position:absolute;left:12px;top:12px;height:26px;padding:0 9px;border-radius:7px;background:var(--violeta);color:#fff;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;z-index:2}
.parceiro{position:relative;border-radius:24px;background:var(--lavanda);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;overflow:hidden;clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,36px 100%,0 calc(100% - 36px))}
.parceiro .frase{color:var(--tinta);font-weight:600}
.parceiro img{width:140px;height:auto}

/* PRO */
.planos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;margin:0 auto}
.plano{border-radius:22px;background:#fff;padding:28px;box-shadow:0 0 0 1.5px var(--linha);display:flex;flex-direction:column;gap:12px;position:relative}
.plano--destaque{background:var(--lavanda);box-shadow:none}
.plano__tag{position:absolute;top:20px;right:20px;height:28px;padding:0 10px;border-radius:8px;background:var(--coral);color:var(--tinta);display:inline-flex;align-items:center;font-size:13px;font-weight:800}
.preco{display:flex;align-items:baseline;gap:6px}
.preco b{font-family:var(--display);font-weight:800;font-style:italic;font-size:clamp(64px,7vw,96px);line-height:.85}
.preco span{font-family:var(--display);font-weight:800;font-style:italic;font-size:26px;text-transform:uppercase}
.plano p{margin:0;font-size:15px;font-weight:600}
.libera{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.libera div{border-radius:18px;background:var(--superficie);padding:20px;display:flex;flex-direction:column;gap:10px}
.libera .ic{font-size:30px;color:var(--violeta)}
.libera b{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:26px;line-height:.95}
.libera p{margin:0;font-size:14px;color:var(--tinta-2)}
.tabela{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;max-width:900px;margin:0 auto}
.tabela th,.tabela td{padding:16px 14px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:middle}
.tabela thead th{font-family:var(--display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:26px;border-bottom:2px solid var(--tinta)}
.tabela td:nth-child(2),.tabela td:nth-child(3),.tabela th:nth-child(2),.tabela th:nth-child(3){width:28%}
.tabela td:nth-child(3){background:rgba(171,145,251,.16);font-weight:700}
.tabela thead th:nth-child(3){background:var(--lavanda);border-radius:12px 12px 0 0}
.tabela .ic{color:var(--violeta);font-size:22px;vertical-align:-5px}
.tabela .nao{color:var(--tinta-3)}
.letra{font-size:13px;color:var(--tinta-3);text-align:center;margin-top:18px}

/* baixar */
.baixar{min-height:100svh;display:flex;align-items:center;background:var(--lavanda);position:relative;overflow:hidden;padding:calc(var(--topo) + 40px) 0 60px}
.baixar .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.baixar .frase{color:var(--tinta);font-weight:600}
.baixar .loja{box-shadow:none}
.baixar__celular{width:clamp(220px,22vw,300px);transform:rotate(4deg)}

/* animação: estado inicial só quando o JS e o GSAP rodam */
html.anima [data-revela]{opacity:0;transform:translateY(28px)}

@media (max-width:1100px){
  .topo__nav a{padding:8px 8px;font-size:14px}
  .rotas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .libera{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  :root{--topo:60px}
  .topo__nav,.topo .btn-topo{display:none}
  .topo__menu{display:inline-flex}
  .barra-baixar{display:block}
  .heroi{align-items:flex-end}
  .heroi__conteudo{grid-template-columns:1fr;gap:28px;padding-bottom:110px}
  .heroi__celular{display:none}
  .valor ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  .valor li{font-size:15px}
  .comboio__grade,.recurso,.serra__corpo,.baixar .wrap,.parceiro{grid-template-columns:1fr}
  .recurso--inv .recurso__midia{order:0}
  .artes__palco{gap:0}
  .artes__peca--a{width:32vw;margin-right:-6vw;position:relative;z-index:1}
  .artes__peca--b{width:36vw;transform:translateY(-12px);position:relative;z-index:2}
  .artes__peca--c{width:40vw;margin-left:-6vw;position:relative;z-index:1}
  .artes__legendas{display:none}
  .patentes,.passos{grid-template-columns:1fr 1fr}
  .planos{grid-template-columns:1fr}
  .rodape .wrap{grid-template-columns:1fr}
  .baixar__celular{display:none}
  .telas3 .celular:nth-child(3){display:none}
  .telas3 .celular{width:44vw}
  .tabela{font-size:14px}.tabela th,.tabela td{padding:12px 8px}.tabela thead th{font-size:20px}
}
@media (max-width:520px){
  .rotas{grid-template-columns:1fr 1fr;gap:10px}
  .rota{aspect-ratio:3/4.4}
  .rota__info{left:12px;right:12px;bottom:12px}
  .patentes,.passos,.libera{grid-template-columns:1fr}
  .heroi .lojas{display:none}
  .numero b{font-size:34px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

/* ===== Lista de espera (port da LP v1 pro desenho novo; form de baixar.html) ===== */
.espera-secao{padding:96px 0;background:var(--superficie)}
.espera-secao .display{margin:14px 0 16px}
form.espera{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;max-width:760px}
form.espera input{flex:1 1 220px;height:56px;border:0;border-radius:12px;padding:0 18px;font:400 16px var(--texto);background:#fff;color:var(--tinta);box-shadow:0 0 0 1.5px var(--linha)}
form.espera input:focus{outline:3px solid var(--violeta);outline-offset:1px}
.msg-espera{margin-top:14px;font-weight:700;min-height:1.5em}
