/* ---------- 5 · Os clientes (a noite quente) ---------- */
/* a transição 4 → 5: o papel vira noite numa curva, com a luz do entardecer na borda (o espelho do amanhecer da 3) */
.clientes{margin-top:-64px;border-radius:50% 50% 0 0 / 64px 64px 0 0;padding-top:clamp(120px,13vw,170px);
  background:radial-gradient(70% 50% at 50% 0%,rgb(255 150 40 / .16),transparent 70%),radial-gradient(50% 60% at 85% 70%,rgb(255 198 26 / .06),transparent 70%),var(--n1);
  box-shadow:0 -1px 0 rgb(255 170 60 / .5),0 -22px 60px -14px rgb(255 150 40 / .35)}
.clientes__cab{max-width:900px}
.clientes h2 span{color:var(--sol)}
.citacoes{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.citacao{margin:0;position:relative;padding:clamp(26px,3vw,40px);border-radius:28px;background:linear-gradient(180deg,rgb(255 255 255 / .055),rgb(255 255 255 / .02));border:1px solid var(--vidro-borda);display:flex;flex-direction:column;gap:26px;overflow:hidden;transition:border-color .4s var(--ease),transform .4s var(--ease),background .4s var(--ease)}
.citacao::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgb(255 198 26 / .14),transparent 70%);opacity:0;transition:opacity .5s var(--ease)}
.citacao:hover{border-color:rgb(255 198 26 / .4);transform:translateY(-3px)}
.citacao:hover::after{opacity:1}
.aspa{width:44px;height:38px;fill:none;stroke:var(--sol);stroke-width:2;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset 1.4s var(--ease) .3s,fill .6s var(--ease) 1.4s}
.citacao.visto .aspa{stroke-dashoffset:0;fill:rgb(255 198 26 / .18)}
.citacao blockquote{margin:0;font-family:var(--manchete);font-weight:600;font-size:clamp(22px,2.1vw,30px);line-height:1.22;letter-spacing:-.015em;color:var(--t1);text-wrap:pretty}
.citacao figcaption{margin-top:auto;display:flex;align-items:center;gap:14px;color:var(--t3);font-size:14px}
.citacao figcaption b{display:block;color:var(--t1);font-size:16px;font-weight:700}
.mono{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:800 15px/1 var(--manchete);letter-spacing:.02em;color:var(--n0);background:linear-gradient(135deg,var(--sol),var(--folha));box-shadow:0 0 0 4px rgb(255 198 26 / .12)}
.clientes__pe{margin-top:clamp(32px,4vw,48px);display:flex;flex-wrap:wrap;gap:12px}
/* o desencontro editorial: a coluna da direita desce (só no largo), e a 1ª citação abre com a luz quente */
@media (min-width:861px){.citacoes{padding-bottom:56px}.citacao:nth-child(even){top:56px}}
.citacao:first-child{background:linear-gradient(160deg,rgb(255 198 26 / .10),rgb(255 255 255 / .02) 55%);border-color:rgb(255 198 26 / .28)}
@media (max-width:860px){.citacoes{grid-template-columns:1fr}}
@media (max-width:560px){.clientes{border-radius:50% 50% 0 0 / 34px 34px 0 0;margin-top:-34px}.clientes__pe .botao{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.aspa{stroke-dashoffset:0;fill:rgb(255 198 26 / .18)}}
.citacao--vaga{border-style:dashed;border-color:rgb(255 198 26 / .5);background:repeating-linear-gradient(135deg,rgb(255 198 26 / .04) 0 12px,transparent 12px 24px)}.citacao--vaga blockquote{color:var(--t3)}
.citacao[hidden]{display:none}