/* Ajustes finais da capa: o telefone recua e os acessos de perfil ganham espaço. */
.capa__grade>div:first-child{width:min(48%,570px)}
.capa h1{font-size:clamp(2.6rem,3.4vw,3.6rem);line-height:1.08;max-width:20ch;text-wrap:balance}
.capa .caminhos{gap:12px;margin-top:26px}
.capa .caminho{padding:18px 14px;min-height:188px;border-radius:18px;gap:8px}
.capa .caminho i{width:44px;height:44px;margin-bottom:2px;border-radius:13px}
.capa .caminho i svg{width:25px;height:25px}
.capa .caminho b{font-size:17px;line-height:1.25}
.capa .caminho span{font-size:13px;line-height:1.45}
.capa .caminho em{font-size:13px;padding-top:8px}
.capa__projecao{position:absolute;left:0;top:0;width:1672px;height:941px;transform-origin:0 0;pointer-events:none;z-index:2}
.capa__rotulo{position:absolute;left:1203px;top:197px;transform:translate(-50%,-50%);width:450px;max-width:none;margin:0;color:#fff;font-size:32px;line-height:1.18;font-weight:800;text-align:center;text-shadow:0 3px 18px #000,0 1px 3px #000}
.capa__rede{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.capa__rede path{fill:none;stroke:#99F2FF;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 100;filter:drop-shadow(0 0 4px #60E6FF);animation:rede-interna 5s linear infinite}
.capa__rede path:nth-of-type(2n){stroke:#F6BAFF;animation-direction:reverse;animation-duration:6.5s}
.capa__sinal{fill:none;stroke:#C1F8FF;stroke-width:1.2;opacity:.7;filter:drop-shadow(0 0 4px #5ADFFF);animation:sinal-conectado 4s ease-in-out infinite;animation-delay:var(--atraso)}
.capa__particulas{fill:#EEFCFF;filter:drop-shadow(0 0 5px #6BE5FF)}
@keyframes rede-interna{to{stroke-dashoffset:-224}}
@keyframes sinal-conectado{50%{opacity:.2;stroke-width:.7}}
@media(min-width:961px) and (max-height:820px){.capa__grade{padding-block:110px 80px}.capa h1{font-size:44px}.capa .caminho{min-height:176px;padding:16px 12px}}
@media(max-width:960px){
 .capa__grade{padding-bottom:620px}
 .capa__grade>div:first-child{width:min(100%,620px);margin-inline:auto}
 .capa h1{font-size:48px;max-width:23ch}
 .capa__panorama{height:650px}
 .capa__cena::before{background-image:url('assets/capa_sao_paulo_telefone_menor_v2.png')}
}
@media(max-width:620px){
 .capa__grade{padding-top:94px;padding-bottom:510px}
 .capa__grade>div:first-child{width:100%;max-width:440px}
 .capa h1{font-size:clamp(2.1rem,9.2vw,2.7rem);max-width:21ch;line-height:1.1}
 .capa .caminhos{grid-template-columns:1fr;gap:10px;margin-top:22px}
 .capa .caminho{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;min-height:90px;padding:15px 16px;border-radius:16px}
 .capa .caminho i{grid-column:1;grid-row:1/3;margin:0;align-self:center;width:44px;height:44px}
 .capa .caminho b{grid-column:2;grid-row:1;font-size:17px;align-self:end}
 .capa .caminho span{grid-column:2;grid-row:2;font-size:13px;align-self:start}
 .capa .caminho em{grid-column:3;grid-row:1/3;font-size:0;padding:0;margin:0;align-self:center}
 .capa .caminho em svg{width:20px;height:20px}
 .capa__panorama{height:570px}
}
@media(prefers-reduced-motion:reduce){.capa__rede path,.capa__sinal{animation:none}.capa__particulas{display:none}}