/* ════ Refino Apple (07/11/2026) · revisao-0611/missoes/refino-revisao/RELATORIO.md
   Camada fina por cima das seções: ritmo vertical único, escala de títulos, alvos de toque, raios concêntricos.
   Carrega antes de glass-sistema.css (o vidro continua sendo o último CSS). ════ */

/* ── ritmo: um espaço entre seções por largura (antes: 80, 108 e 128 px no desktop; 72 + 68 px por seção no celular) ── */
:root{--q-sec:104px}
.fu.q-sec{padding-block:var(--q-sec)}
#como-trabalham .fu-bcab{margin-top:0}              /* o título abre a seção; o respiro é o da seção */
@media (max-width:960px){.corpo-fixo .q-sec{padding-bottom:var(--q-sec)}}   /* o botão fixo some no Fecho: não precisa reservar altura em cada seção */
@media (max-width:760px){:root{--q-sec:64px}}

/* ── escala de títulos: 4 degraus (topo 80 · seção 60 · subtítulo 44 · card 28), tracking mais negativo quanto maior.
   Neue Power 900 é larga: −0,035em no 80 encostava letras ("Coloque"); a curva sobe para −0,028 · −0,024 · −0,02 · −0,015 ── */
.topo__titulo{letter-spacing:-.028em}
.topo__grupo{white-space:nowrap}                     /* a vírgula não fica sozinha no começo da linha */
.topo__titulo em.jc-grifo{margin-right:-.06em}       /* a vírgula encosta no grifo */
.q-h2,.fu-abre__t,.fu-bcab__t,#perguntas .q-h2{font-size:clamp(34px,4.2vw,60px);line-height:1.02;letter-spacing:-.024em}
.fu-fecho__t,.fecho-chama__t,#profissao .fde__ponte,.fde__h2{letter-spacing:-.02em}
.fu-fecho__t,.fecho-chama__t,#profissao .fde__ponte{font-size:clamp(28px,3vw,44px);line-height:1.06}
.founder__t,.oferta__t,.perg__gt,.qs-c h3,.qs-dono h3{letter-spacing:-.015em}

/* ── Quem monta: a ponte vira o título da parte; o Venn fica mais baixo (era um painel de 568 px com meia área vazia) ── */
#profissao .fde__ponte{max-width:30ch;margin-top:72px}
#profissao .prof{padding:48px 64px;margin-top:48px}
#profissao .venn{width:min(100%,360px)}
#profissao .prof + .qe{margin-top:56px}
#profissao .faz{margin-top:0}
@media (max-width:760px){
  #profissao .fde__ponte{margin-top:48px}
  #profissao .prof{padding:32px 20px;margin-top:32px}
  #profissao .prof + .qe{margin-top:40px}
}

/* ── Preço: a referência do CLT desce para baixo da descrição, numa linha; o texto do 1º item volta à largura dos outros ── */
.pi:has(.pi__ref) .pi__val{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:4px 16px;justify-items:start;text-align:left;padding-top:4px}
.pi__ref{font-size:13px}

/* ── alvos de toque ≥ 44 px (HIG Buttons) ── */
.fu-filtro{min-height:44px}
@media (max-width:960px){
  #nav-links a{min-height:44px;display:flex;align-items:center}
  .rodape li a{min-height:44px}
}

/* ── raios concêntricos (interno = externo − padding): o externo cresce até casar com o ícone de dentro ── */
.fu-mem__c{border-radius:20px}                       /* ícone 8 + padding 12 */
.qs-anexo{border-radius:20px}                        /* logo 10 + padding 10 */
@media (max-width:760px){.fu-a .fu-app{border-top-left-radius:4px}}   /* card 16 − padding 12 */

/* ── teal vivo reconhecível: mais luz teal atrás do vidro (decisão registrada; GLASS-SISTEMA §6 "palco teal atrás da grade
   precisa de manchas de luz"). Só gradiente estático: sem filtro, sem animação, nada de custo na rolagem ── */
#quem-sao .qs{position:relative;isolation:isolate}
#quem-sao .qs::before{content:"";position:absolute;inset:-72px -160px;z-index:-1;pointer-events:none;   /* a luz vive nas margens e nos vãos entre os cards */
  background:radial-gradient(22% 18% at 8% 20%,rgb(28 103 148 / .55),rgb(28 103 148 / 0) 70%),
             radial-gradient(22% 18% at 92% 50%,rgb(28 103 148 / .5),rgb(28 103 148 / 0) 70%),
             radial-gradient(26% 16% at 14% 84%,rgb(62 155 211 / .45),rgb(62 155 211 / 0) 70%),
             radial-gradient(40% 14% at 60% 100%,rgb(28 103 148 / .35),rgb(28 103 148 / 0) 70%)}
#fecho .passos{position:relative;isolation:isolate}
#fecho .passos::before{content:"";display:block;position:absolute;inset:-64px -6%;width:auto;height:auto;border:0;transform:none;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 60% at 50% 50%,rgb(28 103 148 / .55),rgb(28 103 148 / 0) 72%)}
@media (prefers-reduced-transparency:reduce){#quem-sao .qs::before,#fecho .passos::before{display:none}}

/* ── content-visibility: altura reservada = altura medida depois do refino (ajustes-finais/scripts/verifica.mjs alturas, 07/11), sem salto na rolagem ── */
#quem-sao{contain-intrinsic-size:auto 3440px}#como-trabalham{contain-intrinsic-size:auto 1660px}#profissao{contain-intrinsic-size:auto 2235px}
#mapa{contain-intrinsic-size:auto 1750px}#preco{contain-intrinsic-size:auto 2625px}#perguntas{contain-intrinsic-size:auto 1165px}#fecho{contain-intrinsic-size:auto 1470px}
@media (max-width:1240px){#quem-sao{contain-intrinsic-size:auto 3885px}#como-trabalham{contain-intrinsic-size:auto 2295px}#profissao{contain-intrinsic-size:auto 2430px}#mapa{contain-intrinsic-size:auto 1710px}#preco{contain-intrinsic-size:auto 2765px}#perguntas{contain-intrinsic-size:auto 1140px}#fecho{contain-intrinsic-size:auto 1540px}}
@media (max-width:960px){#quem-sao{contain-intrinsic-size:auto 4440px}#como-trabalham{contain-intrinsic-size:auto 2725px}#profissao{contain-intrinsic-size:auto 2440px}#mapa{contain-intrinsic-size:auto 2190px}#preco{contain-intrinsic-size:auto 2970px}#perguntas{contain-intrinsic-size:auto 1290px}#fecho{contain-intrinsic-size:auto 1665px}}
@media (max-width:760px){#quem-sao{contain-intrinsic-size:auto 3580px}#como-trabalham{contain-intrinsic-size:auto 2995px}#profissao{contain-intrinsic-size:auto 3220px}#mapa{contain-intrinsic-size:auto 2780px}#preco{contain-intrinsic-size:auto 4315px}#perguntas{contain-intrinsic-size:auto 1220px}#fecho{contain-intrinsic-size:auto 1980px}}

/* ── compactação sem tirar conteúdo (impeccable-finish-reviewer, 2ª rodada) ── */
@media (min-width:961px){
  /* título e apoio lado a lado: a linha de leitura fica curta e o bloco perde uma linha inteira */
  #como-trabalham .fu-bcab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:end}
  #como-trabalham .fu-bcab>*{grid-column:1}
  #como-trabalham .fu-bcab__l{grid-column:2;grid-row:2;margin:0}
  .fecho-chama{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:48px;align-items:end}
  .fecho-chama>*{grid-column:1/-1}
  .fecho-chama__t{grid-column:1}
  .fecho-chama__lead{grid-column:2;margin:0}
}
#profissao .venn{width:min(100%,320px)}
#profissao .prof{padding:40px 56px}
#profissao .fundador{margin-top:48px;padding-top:32px}
#profissao .fundador__frase{max-width:34ch}
@media (min-width:761px){#profissao .retrato{width:180px}}
.perg__grupos{gap:40px}
.perg__bt{padding-block:12px}

/* Fecho (refino-fecho, 07/11): em 320–360 px o CTA largo e os números da janela do funcionário não cabiam */
@media (max-width:360px){
  .jc-botao--largo{padding-inline:14px;font-size:16px}
  .jc-botao--largo .jc-botao__seta{display:none}   /* a seta é decorativa; sem ela o rótulo cabe inteiro */
  .fu-doc__kpis{grid-template-columns:1fr}
  .fu-doc__kpis li{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}
}