/* V2, segunda rodada: busca única, tutorial fixo e acesso persistente aos perfis. */
[hidden]{display:none!important}
.capa__grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:100px;padding-bottom:32px}
.capa h1{font-size:clamp(2.4rem,3.65vw,3.3rem);line-height:1.08;max-width:17ch}
.capa__gratis{display:inline-block;margin:20px 0 0;padding:6px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-weight:800;font-size:14px;line-height:1.4}
.capa__texto{max-width:49ch;margin-top:18px;font-size:17px;line-height:1.55}
.capa .busca-az{margin-top:34px;max-width:none;align-items:center;padding:8px 8px 8px 18px;border-radius:20px;flex-wrap:wrap;gap:8px}
.capa .busca-az .botao{width:100%;border-radius:12px;font-size:16px;min-height:52px}
.capa .busca-az input{width:calc(100% - 40px);font-size:17px;flex-basis:calc(100% - 40px)}
.capa .busca-az__selo{font-size:13px;left:20px}
.busca__acao-curta{display:none}
.capa__busca-nota{font-size:12px;color:rgba(255,255,255,.8);line-height:1.4;margin:12px 0 0;max-width:46ch}
.caminhos{margin-top:28px;gap:10px}
.caminho{padding:14px 12px;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);gap:6px}
.caminho i{width:42px;height:42px}
.caminho b{font-size:14px;line-height:1.25}
.caminho b svg{display:none}
.caminho span{font-size:12px;line-height:1.4;color:rgba(255,255,255,.86)}
.caminho em{display:flex;justify-content:space-between;gap:6px;font-style:normal;font-weight:800;font-size:12px;margin-top:auto;padding-top:6px}
.caminho em svg{width:18px;height:18px}
.capa__palco{height:min(720px,calc(100svh - 150px));overflow:clip;isolation:isolate}
.capa .cel{--w:calc(320px*var(--k));z-index:10;box-shadow:0 0 0 1.5px rgba(255,255,255,.2) inset,0 25px 70px -10px rgba(10,0,30,.6)}
.capa__legenda{z-index:12;top:calc(50% + 330px*var(--k) + 16px)}
.frag{z-index:4}.frag--logo img{height:calc(26px*var(--kf))}
#de-a-a-z{padding-block:clamp(64px,7vw,96px)}
.tutorial{background:#fff;scroll-margin-top:72px}
.tutorial__trilho{height:440svh;position:relative}
.tutorial__fixo{position:sticky;top:72px;height:calc(100svh - 72px);min-height:0;background:#fff;padding:28px 0 24px}
.tutorial__miolo{height:100%;display:flex;flex-direction:column;gap:18px}
.tutorial h2{font-size:clamp(2rem,3.2vw,2.7rem);flex:none}
.tutorial__abas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;flex:none}
.tutorial__abas button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--lilas);color:var(--roxo);border:2px solid transparent;border-radius:14px;padding:11px 10px;font-size:14px;font-weight:800;min-height:48px}
.tutorial__abas small{display:grid;place-items:center;font-size:11px;border:1px solid #C9BCDB;border-radius:50%;width:22px;height:22px;flex:none}
.tutorial__abas button[aria-selected="true"]{color:#fff;background:var(--roxo);border-color:var(--roxo)}
.tutorial__abas button[aria-selected="true"] small{background:var(--coral);border-color:var(--coral)}
.tutorial__abas button:hover{border-color:var(--roxo)}
.tutorial__conteudo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;min-height:0;flex:1}
.tutorial__informacao{max-width:52ch;justify-self:start}
.tutorial__texto h3{font-size:clamp(1.5rem,2.9vw,2.35rem);color:var(--roxo);line-height:1.12}
.tutorial__texto p{margin:18px 0 0;color:var(--tinta-suave);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.6}
.tutorial__controle{display:flex;align-items:center;gap:18px;margin-top:24px;color:var(--roxo);font-weight:800;font-size:14px}
.tutorial__controle button{background:#fff;color:var(--roxo);border:2px solid var(--linha);border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1}
.tutorial__controle button:disabled{opacity:.35;cursor:default}
.tutorial__celular{justify-self:center;align-self:center}
.tutorial .cel{--w:min(370px,calc((100svh - 245px)/2.067));box-shadow:0 0 0 1px rgba(0,0,0,.12) inset,0 25px 48px -24px rgba(45,0,93,.45)}
.tutorial .cel::before{display:none}
.tutorial .cel__tela>img{width:100%;height:100%;object-fit:contain}
.tutorial__rotas{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.tutorial__rotas span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--roxo)}
.tutorial__rotas img{width:28px;height:28px}
.avaliacoes-exemplo{position:absolute;inset:0;background:#F8F8FA;display:flex;flex-direction:column;padding-bottom:8px;font-size:calc(var(--w)*.046);line-height:1.45}
.avaliacoes-exemplo__cab{background:var(--coral);color:#fff;padding:calc(var(--w)*.15) 12px 14px;font-size:1.1em;font-weight:800;text-align:center}
.avaliacoes-exemplo__nota{font-size:.8em;color:#6F5990;text-align:center;margin:12px 0 0}
.avaliacao-exemplo{background:#fff;border-radius:14px;padding:14px;margin:12px 12px 0;border:1px solid #EEE;display:grid;grid-template-columns:26px 1fr;gap:6px 10px}
.avaliacao-exemplo__perfil{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--lilas);color:var(--roxo)}
.avaliacao-exemplo__perfil svg{width:17px;height:17px}
.avaliacao-exemplo b{font-size:1em}.avaliacao-exemplo__estrelas{grid-column:2;color:#B97700;font-size:1.1em;letter-spacing:1px}
.avaliacao-exemplo p{grid-column:1/-1;margin:8px 0 0;padding:10px;background:#F9F9F9;border-radius:8px;color:#5B5368;font-size:.9em}
.avaliacoes-exemplo__rodape{display:flex;justify-content:space-evenly;margin:auto 12px 8px;padding:12px;background:#fff;border-radius:999px;color:#888}
.avaliacoes-exemplo__rodape svg{width:20px;height:20px}
#mundos h2{max-width:22ch}.mundos__instrucao{margin:30px 0 0;font-weight:700;color:var(--roxo);font-size:15px;max-width:60ch}
.mundos__chips{margin-top:16px;gap:10px}.mundos__chips button{padding:11px 17px;min-height:46px}
.mundos__grade{margin-top:36px;gap:48px}.mundos__ajuda{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;background:var(--lilas);padding:12px;border-radius:14px;font-size:13px;color:var(--roxo)}
.mundos__ajuda p{margin:0}.mundos__ajuda button{background:none;border:0;padding:4px;color:var(--roxo);text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:800;min-height:36px}
.roda{height:760px}.roda .cel{--w:310px}
#para-quem{scroll-margin-top:90px}.abas{gap:18px;margin-top:30px}.abas button{padding:24px;gap:8px;border-color:#C9BCDB}
.abas button i{width:56px;height:56px}.abas button i svg{width:30px;height:30px}.abas button b{font-size:1.45rem}.abas button span{font-size:15px;line-height:1.45;max-width:24ch}
.aba__acao{display:flex;justify-content:space-between;align-self:stretch;gap:12px;font-style:normal;font-weight:800;font-size:14px;color:var(--coral-texto);border-top:1px solid var(--linha);padding-top:14px;margin-top:12px}
.aba__acao svg{width:22px;height:22px}.abas button[aria-selected="true"] .aba__acao{color:#fff;border-color:rgba(255,255,255,.3)}
.perfis__fixo{position:sticky;top:72px;z-index:35;background:#fff;border:1.5px solid var(--linha);border-radius:16px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:32px 0 0;box-shadow:0 12px 22px -20px rgba(45,0,93,.45)}
.perfis__fixo>span{color:var(--roxo);font-size:13px;font-weight:800}.perfis__fixo nav{display:flex;gap:8px}.perfis__fixo button{border:1px solid var(--linha);background:#fff;color:var(--roxo);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;min-height:40px}
.perfis__fixo button[aria-pressed="true"]{background:var(--roxo);color:#fff;border-color:var(--roxo)}
.painel{scroll-margin-top:155px;padding-top:32px}
.marcas__grupos{margin-top:40px;display:grid;gap:40px}.marcas__grupo h3{font-size:22px;margin-bottom:18px;color:var(--roxo)}
.marcas__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.marca__link{display:flex;flex-direction:column;background:var(--off);border:1.5px solid var(--linha);border-radius:20px;padding:24px;text-decoration:none;color:var(--roxo);gap:20px}
.marca__link:hover{border-color:var(--coral)}.marca__link>img{width:100%;height:90px;object-fit:contain}.marca__link--escuro{background:var(--roxo);color:#fff}.marca__link--escuro small{color:#DED4E9}
.marca__link span{display:flex;flex-direction:column;gap:4px}.marca__link b{font-size:16px}.marca__link small{font-size:13px;color:var(--tinta-suave)}.marca__link em{font-size:13px;font-style:normal;font-weight:800;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.marca__link em svg{width:18px;height:18px}.marca__reserva{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;height:90px}
@media(min-width:961px) and (max-height:820px){.capa__grade{padding-top:84px;gap:32px}.capa h1{font-size:2.6rem}.capa__gratis{margin-top:14px;font-size:12px}.capa__texto{font-size:15px;margin-top:12px}.capa .busca-az{margin-top:26px}.caminhos{margin-top:18px}.caminho{padding:10px}.caminho i{width:32px;height:32px;margin-bottom:0}}
@media(max-width:1100px){.tutorial__abas button{font-size:12.5px;padding-inline:6px;gap:5px}.marcas__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
.capa__grade{grid-template-columns:1fr;gap:20px;padding-top:96px}.capa h1{font-size:clamp(2.2rem,5.8vw,3rem);max-width:20ch}.capa__texto{max-width:55ch}.capa .busca-az{max-width:620px}
.capa__trilho{height:1000px;margin-top:0}.capa__palco{height:640px;top:max(72px,calc(50svh - 320px))}.capa .cel{--w:clamp(240px,55vw,300px)}
.tutorial__fixo{padding:20px 0}.tutorial__conteudo{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tutorial__abas{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial .cel{--w:min(320px,calc((100svh - 305px)/2.067))}.tutorial__texto h3{font-size:1.55rem}.tutorial__texto p{font-size:16px}
.mundos__grade{grid-template-columns:1fr;gap:28px}.mundos__info{order:2}.roda{height:650px}.roda .cel{--w:275px}
}
@media(max-width:620px){
.capa__grade{padding-top:86px;gap:10px;padding-bottom:0}.capa h1{font-size:clamp(2rem,8.8vw,2.5rem);max-width:17ch}.capa__gratis{font-size:12px;margin-top:16px;padding:6px 10px}.capa__texto{font-size:15px;line-height:1.5;margin-top:14px}.capa .busca-az{margin-top:30px;padding:7px 7px 7px 14px}.capa .busca-az input{font-size:16px}.capa .busca-az .botao{font-size:14px;min-height:50px}.capa__busca-nota{font-size:11.5px;margin-top:10px}.caminhos{gap:8px;margin-top:22px}.caminho{padding:10px 8px}.caminho i{width:32px;height:32px}.caminho b{font-size:12px}.caminho span{font-size:11.5px}.caminho em{font-size:11px}.caminho em svg{width:15px;height:15px}.capa__trilho{height:1000px}.capa__palco{height:620px;top:max(64px,calc(50svh - 310px))}.capa .cel{--w:clamp(230px,65vw,270px)}.frag--extra{display:none}
.tutorial{scroll-margin-top:64px}.tutorial__fixo{top:64px;height:calc(100svh - 64px);padding:14px 0}.tutorial__miolo{gap:10px;width:calc(100% - 24px)}.tutorial h2{font-size:1.7rem}.tutorial__abas{gap:6px}.tutorial__abas button{min-height:36px;padding:7px 4px;font-size:11.5px;gap:5px;border-radius:10px}.tutorial__abas small{width:17px;height:17px;font-size:9px}.tutorial__conteudo{display:flex;flex-direction:column;gap:10px;justify-content:center}.tutorial__celular{order:-1;flex:none}.tutorial .cel{--w:clamp(180px,calc((100svh - 355px)/2.067),245px)}.tutorial__informacao{width:100%;max-width:42ch}.tutorial__texto h3{font-size:1.13rem;line-height:1.15}.tutorial__texto p{font-size:13px;line-height:1.4;margin-top:7px}.tutorial__controle{justify-content:center;gap:16px;margin-top:8px;font-size:12px}.tutorial__controle button{width:32px;height:32px;font-size:19px}.tutorial__rotas{gap:9px;margin-top:8px}.tutorial__rotas span{font-size:10px;gap:4px}.tutorial__rotas img{width:19px;height:19px}
.mundos__instrucao{font-size:14px;margin-top:26px}.mundos__chips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0;gap:8px}.mundos__chips button{padding:10px 13px;font-size:12.5px;white-space:normal;min-height:44px}.mundos__grade{margin-top:24px;gap:22px}.roda{height:650px}.roda .cel{--w:270px}.mundos__ajuda{font-size:12px;gap:6px}
.abas{grid-template-columns:1fr;gap:12px;margin-top:26px}.abas button{display:grid;grid-template-columns:48px minmax(0,1fr);gap:5px 14px;align-items:start;text-align:left;padding:16px 18px}.abas button i{grid-column:1;grid-row:1/4;width:48px;height:48px;margin:0;align-self:center}.abas button i svg{width:25px;height:25px}.abas button b,.abas button span,.abas button em{grid-column:2}.abas button b{font-size:18px}.abas button span{font-size:13px;max-width:none}.abas button .aba__acao{margin-top:5px;padding-top:7px;font-size:12px}.abas button[aria-selected="true"]::after{display:none}
.perfis__fixo{top:64px;display:block;padding:8px 10px;margin-top:22px}.perfis__fixo>span{display:block;margin-bottom:6px;font-size:11px}.perfis__fixo nav{gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.perfis__fixo button{font-size:12px;padding:6px 10px;min-height:36px}.painel{scroll-margin-top:160px}
.marcas__lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marca__link{padding:16px;gap:14px}.marca__link>img{height:74px}.marca__link b{font-size:14px}.marca__link small{font-size:12px}.marca__reserva{font-size:22px;height:74px}.topo__acoes .botao{font-size:12px;padding-inline:13px}
}
@media(max-height:660px) and (max-width:960px){.tutorial__trilho{height:auto}.tutorial__fixo{position:relative;top:0;height:auto;padding-block:28px}.tutorial__miolo{gap:16px}.tutorial__abas{position:sticky;top:64px;z-index:10;background:#fff;padding:8px 0}.tutorial__conteudo{padding-block:12px}.tutorial .cel{--w:230px}.tutorial__texto p{font-size:15px}.tutorial__texto h3{font-size:20px}.tutorial__informacao{min-height:155px}}

.topo__barra{gap:18px}.topo__nav{gap:2px}.topo__nav a{font-size:14px;padding:8px 8px;white-space:nowrap}.topo__acoes .botao{font-size:13px;padding-inline:14px;white-space:nowrap}
