/* Ajustes de 15/10: colagem no primeiro plano, conteúdo com respiro e marcas discretas. */
.capa__grade{width:min(calc(100% - 2*var(--gutter)),1280px);grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:52px;padding-top:96px;padding-bottom:28px}
.capa__grade>div:first-child{width:min(100%,450px);margin-inline:auto}
.capa h1{max-width:none;font-size:clamp(2.35rem,3.35vw,3rem);line-height:1.08;text-wrap:balance}
.capa h1 .marca-em{height:1em;vertical-align:-.18em;margin-left:.08em}
.capa__texto{font-size:16px;max-width:47ch}
.capa__gratis{font-size:13px;margin-top:18px}
.capa__palco{--telefone-capa:min(358px,calc((100svh - 180px)/2.067));height:min(850px,calc(100svh - 120px));overflow:clip}
.capa .cel{--w:var(--telefone-capa);z-index:5}
.capa .frag{z-index:10}
.frag--logo img{height:calc(31px*var(--kf))}
.capa__legenda{z-index:12;top:auto;bottom:2px;font-size:16px}
.capa .busca-az{margin-top:30px}
.caminhos{margin-top:22px}
.caminho{padding:12px 10px}
.caminho i{width:34px;height:34px;margin-bottom:2px}
.caminho span{font-size:11.5px}
.topo__busca-curta{display:none}
/* Os blocos ganham um eixo comum, sem centralizar parágrafos longos. */
#de-a-a-z h2,#mundos>.miolo>h2,#para-quem>.miolo>h2,.parceiros>.miolo>h2,.tutorial h2{text-align:left;margin-inline:auto;text-wrap:balance}
#de-a-a-z .intro,#mundos>.miolo>.intro,#para-quem>.miolo>.intro,.parceiros>.miolo>.intro{max-width:58ch;margin-inline:auto;text-align:left}
#de-a-a-z .az__cab{max-width:800px;margin-inline:auto}
#quem-somos .quem>div:first-child{max-width:52ch;margin-inline:auto}
.tutorial__informacao{justify-self:center;max-width:43ch;width:100%}
.tutorial__texto h3{text-wrap:balance}
.tutorial__miolo{max-width:1120px}
.mundos__chips{justify-content:flex-start}
.mundos__instrucao{margin-inline:auto;text-align:left}
.mundos__info{max-width:43ch;justify-self:center}
.painel__grade>div:first-child{max-width:46ch;margin-inline:auto}
#empresas>h3,#empresas>.intro{max-width:760px;margin-inline:auto;text-align:left}
.ofertas{max-width:1080px;margin-inline:auto}
.oferta__exemplo{padding-top:14px;border-top:1px solid var(--linha);font-size:14px!important;line-height:1.5}
.abas{max-width:1080px;margin-inline:auto}
/* Perfil em uma única linha, integrado à seção. */
.perfis__fixo{display:flex;justify-content:center;max-width:1080px;margin:26px auto 0;padding:7px 0;border:0;border-radius:0;background:rgba(241,235,248,.97);box-shadow:0 1px 0 #DDD3E9;backdrop-filter:blur(8px);min-height:50px}
.perfis__fixo>span.so-leitor{display:block;margin:0;padding:0}
.perfis__fixo nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,470px);gap:5px;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:3px}
.perfis__fixo button{min-height:32px;padding:4px 20px;border:0;background:transparent;border-radius:999px;font-size:13px}
.painel{scroll-margin-top:132px}
/* Três faixas de logos, sem cartões comerciais ou fundos exclusivos por marca. */
.parceiros{padding-block:64px;background:#fff}
.parceiros h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.parceiros>.miolo>.intro{font-size:15px;margin-top:14px}
.marcas__linhas{display:grid;gap:0;max-width:1050px;margin:32px auto 0}
.marcas__linha{display:grid;grid-template-columns:125px minmax(0,1fr);gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--linha)}
.marcas__linha h3{font-size:16px;line-height:1.25;font-weight:700;color:#746380;letter-spacing:0;margin:0}
.marcas__navegacao{min-width:0}
.marcas__faixa{display:grid;grid-auto-flow:column;grid-auto-columns:164px;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#D6CBE2 transparent;padding:4px 0 8px;align-items:stretch}
.marca__item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:94px;padding:10px 12px;text-decoration:none;scroll-snap-align:start;color:#5B5368;background:#fff;border:1px solid transparent;border-radius:12px}
.marca__item:hover{border-color:var(--linha);background:#FCFAFF}
.marca__arte{display:block;width:138px;height:50px;max-width:100%;object-fit:contain;flex:none}
.marca__item>span{font-size:11px;font-weight:700;line-height:1.25;text-align:left}
.marca__arte--cidade{height:56px}
.marca__arte--infinity{height:56px}
.marca__arte--auto{filter:brightness(0)}
.marcas__setas{display:flex;justify-content:flex-end;gap:8px;padding-top:10px}
.marcas__setas button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--linha);border-radius:50%;background:#fff;color:var(--roxo);font-size:20px;line-height:1}
.marcas__setas button:disabled{opacity:.35;cursor:default}
@media(min-width:961px) and (max-height:820px){
 .capa__grade{padding-top:82px;padding-bottom:18px;gap:40px}
 .capa h1{font-size:2.4rem}
 .capa__texto{font-size:14px;margin-top:12px}
 .capa__gratis{margin-top:14px;font-size:12px;padding:5px 10px}
 .capa .busca-az{margin-top:26px}
 .capa .busca-az .botao{min-height:46px;font-size:14px}
 .capa__busca-nota{font-size:11px;margin-top:9px}
 .caminhos{margin-top:18px}.caminho{padding:10px 8px}.caminho i{width:30px;height:30px}.caminho b{font-size:12px}.caminho em{font-size:11px}
}
@media(max-width:960px){
 .capa__grade{grid-template-columns:1fr;gap:18px;padding-top:96px}
 .capa__grade>div:first-child{width:min(100%,620px)}
 .capa h1{max-width:20ch;font-size:clamp(2.2rem,5.8vw,3rem)}
 .capa__palco{height:680px;--telefone-capa:300px;top:max(72px,calc(50svh - 340px))}
 .capa__trilho{height:1100px}
 .tutorial__informacao{max-width:43ch}
 .marcas__linha{grid-template-columns:110px minmax(0,1fr);gap:18px}
}
@media(max-width:620px){
 .capa__grade{padding-top:86px;padding-bottom:0;gap:14px}
 .capa__grade>div:first-child{max-width:390px}
 .capa h1{max-width:none;font-size:clamp(1.95rem,8.4vw,2.2rem);line-height:1.08;text-wrap:balance}
 .capa h1 .marca-em{height:1.05em}
 .capa__gratis{font-size:11.5px;margin-top:16px}
 .capa__texto{font-size:14px;margin-top:13px;line-height:1.5}
 .capa .busca-az{margin-top:28px}
 .capa .busca-az .botao{font-size:13px}
 .capa__busca-nota{font-size:11px}
 .caminhos{margin-top:20px}.caminho{padding:10px 8px}.caminho b{font-size:12px}.caminho span{font-size:11px}
 .capa__palco{height:660px;--telefone-capa:clamp(230px,63vw,270px);top:max(64px,calc(50svh - 330px))}
 .capa__trilho{height:1100px;margin-inline:calc(var(--gutter)*-1)}
 .frag--logo img{height:calc(30px*var(--kf))}
 .topo__busca-longa{display:none}.topo__busca-curta{display:inline}.topo__barra{gap:12px}
 #para-quem>.miolo>.intro,#mundos>.miolo>.intro{max-width:32ch}
 .tutorial__informacao{width:100%;max-width:36ch;padding-inline:6px}
 .tutorial__texto h3{text-align:left;font-size:1.1rem}
 .tutorial__texto p{text-align:left;font-size:13px}
 .oferta{padding:24px;max-width:440px;margin-inline:auto}
 .painel h3{text-wrap:balance}
 .painel__grade>div:first-child{max-width:36ch}
 .perfis__fixo{display:flex;top:64px;padding:6px 0;margin-top:22px;min-height:48px}
 .perfis__fixo nav{display:grid;gap:3px;width:100%}
 .perfis__fixo button{font-size:12px;min-height:32px;padding:4px 10px}
 .painel{scroll-margin-top:126px}
 .parceiros{padding-block:48px}
 .marcas__linha{display:block;padding:18px 0}
 .marcas__linha h3{font-size:14px;margin-bottom:12px}
 .marcas__faixa{grid-auto-columns:144px;gap:12px;padding-bottom:8px}
 .marca__item{padding:10px 8px;gap:10px;min-height:90px}
 .marca__arte{width:124px;height:44px}.marca__arte--cidade,.marca__arte--infinity{height:50px}
}
@media(min-width:961px){
 .capa__grade{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:40px}
 .capa__grade>div:first-child{width:min(100%,490px)}
 .capa h1{font-size:clamp(2.35rem,3.05vw,2.75rem);text-align:left}
 .capa__gratis{display:table;margin-inline:auto}
 .capa__texto,.capa__busca-nota{text-align:left;margin-inline:auto}
}
.tutorial .cel__tela>img[data-tutorial-tela="2"]{object-fit:cover;object-position:center}
.marcas__linhas{grid-template-columns:minmax(0,1fr);width:100%}
.marcas__linha{min-width:0}
.marcas__navegacao,.marcas__faixa{width:100%;min-width:0;max-width:100%}
.parceiros{padding-block:48px}
.marcas__linhas{margin-top:24px}
.marcas__linha{padding-block:12px}
.marcas__faixa{padding-block:2px 4px}
.marca__item{min-height:76px;padding-block:8px;gap:8px}
.marca__arte{height:40px}.marca__arte--cidade,.marca__arte--infinity{height:44px}
@media(max-width:620px){.parceiros{padding-block:40px}.marcas__linha{padding-block:14px}.marca__item{min-height:76px}}
@media(max-width:360px){.tutorial__abas small{display:none}.tutorial__abas button{padding-inline:3px}}

/* Reunião de 15/10: título e subtítulo em níveis distintos; conteúdo alinhado à esquerda. */
.capa h1{font-size:clamp(2.8rem,4.3vw,4rem);max-width:12ch;line-height:1.04;text-align:left;text-wrap:balance}
.capa .capa__texto{font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:500;line-height:1.45;max-width:29ch;margin:20px 0 0;text-align:left}
.capa__texto strong{font-weight:800;white-space:nowrap}
.capa .busca-az{margin-top:26px}
.capa .busca-az .botao{min-width:114px;padding-inline:20px}
#de-a-a-z .az__cab,#de-a-a-z .intro,#mundos>.miolo>.intro,#para-quem>.miolo>.intro,.parceiros>.miolo>.intro,
#empresas>h3,#empresas>.intro,#quem-somos .quem>div:first-child,.painel__grade>div:first-child{margin-inline:0;text-align:left}
.tutorial__informacao,.mundos__info{justify-self:start}
.mundos__instrucao{margin-inline:0;text-align:left}
.mundos__ajuda{justify-content:flex-start}
.abas button{text-align:left;align-items:flex-start}
.perfis__fixo{justify-content:flex-start;margin-left:0}
.marcas__linhas,.ofertas,.abas{margin-left:0}
#cidades .demo{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:32px;padding:0;align-items:start}
.demo__painel,.demo__usuario{min-width:0}
.demo__rotulo{font-size:14px;font-weight:800;line-height:1.4;color:var(--roxo);margin:0 0 16px;text-align:left;min-height:2.8em;max-width:34ch}
#cidades .demo .cel{--w:215px;position:relative;right:auto;bottom:auto;transform:none}
#cidades .pc::after{margin-inline:-12px}
#acessar{scroll-margin-top:120px}
.qr__link{display:block;border-radius:10px}
@media(min-width:621px) and (max-width:960px){
 #cidades .demo{grid-template-columns:minmax(0,1fr) 175px;gap:24px}
 #cidades .demo .cel{--w:175px}
 #cidades .pc__tela{grid-template-columns:125px minmax(0,1fr)}
}
@media(max-width:620px){
 .capa h1{font-size:clamp(2.45rem,10.6vw,3.1rem);max-width:12ch}
 .capa .capa__texto{font-size:18px;line-height:1.45;margin-top:16px;max-width:28ch}
 .capa .busca-az{margin-top:22px}
 .capa .busca-az .botao{min-width:90px;padding-inline:14px;font-size:14px}
 .tutorial__texto h3,.tutorial__texto p{text-align:left}
 #cidades .demo{grid-template-columns:minmax(0,1fr);gap:32px}
 .demo__rotulo{min-height:0;margin-bottom:14px}
 #cidades .demo .cel{--w:220px;margin-inline:auto}
 .abas button{align-items:start}
 .perfis__fixo{justify-content:flex-start;margin-left:0}
 #acessar{scroll-margin-top:112px}
}