/* Rótulos — "Desvendando rótulos" (classes ro-), a seção escura. Gesto: as três perguntas acendem uma a uma. */
.ro-secao{padding-top:calc(var(--respiro) + 8px);padding-bottom:calc(var(--respiro) + 8px);overflow:hidden}
.ro-grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(40px,6vw,112px);align-items:start}
.ro-titulo{max-width:13ch}
.ro-titulo em{display:block;white-space:nowrap}
.ro-texto .wf-texto{margin-top:22px}
.ro-texto .wf-texto strong{font-weight:500;color:var(--perola)}

/* as três perguntas: graduações que acendem */
.ro-perguntas{list-style:none;position:relative;margin:36px 0 0;padding-left:58px}
.ro-perguntas::before{content:"";position:absolute;left:0;top:-48px;bottom:-20px;width:12px;background:repeating-linear-gradient(180deg, rgba(244,241,236,.22) 0 1px, transparent 1px 12px) 0 0/8px 100% no-repeat, repeating-linear-gradient(180deg, rgba(244,241,236,.22) 0 1px, transparent 1px 60px) 0 0/12px 100% no-repeat}
.ro-perguntas li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline;padding:14px 0;color:rgba(244,241,236,.32);transition:color 1.1s var(--curva)}
.ro-perguntas li::before{content:"";position:absolute;left:-58px;top:50%;width:30px;height:2px;background:rgba(244,241,236,.22);transition:background 1.1s var(--curva), box-shadow 1.1s var(--curva)}
.ro-perguntas li::after{content:"";position:absolute;left:-70px;top:50%;width:min(60%,420px);height:140%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(ellipse at 0% 50%, color-mix(in oklch, var(--ameixa-clara) 34%, transparent), transparent 70%);filter:blur(22px);opacity:0;transition:opacity 1.4s var(--curva);pointer-events:none;z-index:-1}
.ro-perguntas b{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.1em;color:inherit}
.ro-perguntas span{font-family:var(--serifa);font-weight:400;font-size:clamp(22px,2.3vw,34px);line-height:1.15;letter-spacing:-.01em;font-variation-settings:"opsz" 72;text-wrap:balance}
.ro-perguntas.wf-visivel li{color:var(--perola);text-shadow:0 0 30px color-mix(in oklch, var(--ameixa-clara) 65%, transparent)}
.ro-perguntas.wf-visivel li::before{background:#fff;box-shadow:0 0 18px 3px color-mix(in oklch, var(--ameixa-clara) 85%, transparent)}
.ro-perguntas.wf-visivel li::after{opacity:1}
.ro-perguntas.wf-visivel li b{color:var(--ameixa-clara)}
.ro-perguntas.wf-visivel li:nth-child(1),.ro-perguntas.wf-visivel li:nth-child(1)::before,.ro-perguntas.wf-visivel li:nth-child(1)::after{transition-delay:.5s}
.ro-perguntas.wf-visivel li:nth-child(2),.ro-perguntas.wf-visivel li:nth-child(2)::before,.ro-perguntas.wf-visivel li:nth-child(2)::after{transition-delay:1.2s}
.ro-perguntas.wf-visivel li:nth-child(3),.ro-perguntas.wf-visivel li:nth-child(3)::before,.ro-perguntas.wf-visivel li:nth-child(3)::after{transition-delay:1.9s}

/* rodapé da seção: a voz dela e o link, atravessando as duas colunas */
.ro-pe{grid-column:1 / -1;margin-top:clamp(28px,3vw,44px);padding-top:30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end;background:repeating-linear-gradient(90deg, rgba(244,241,236,.24) 0 1px, transparent 1px 24px) 0 0/100% 6px no-repeat, repeating-linear-gradient(90deg, rgba(244,241,236,.24) 0 1px, transparent 1px 120px) 0 0/100% 14px no-repeat}
.ro-voz{max-width:58ch}
.ro-secao .wf-autor{color:var(--ameixa-clara)}
.ro-acao{margin:0 0 6px}
.ro-secao .wf-link{color:var(--perola);border-bottom-color:color-mix(in oklch, var(--ameixa-clara) 70%, transparent)}
.ro-secao .wf-link:hover{border-bottom-color:var(--ameixa-clara)}

/* o rótulo: vidro escuro, texto mono claro */
.ro-rotulo{position:relative;border-radius:18px;padding:clamp(22px,2.4vw,34px);background:linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px rgba(244,241,236,.16), inset 0 1px 0 rgba(255,255,255,.22), 0 34px 60px -34px rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ro-rotulo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 100% 0%, color-mix(in oklch, var(--ameixa-clara) 14%, transparent), transparent 60%)}
.ro-lote{margin-top:18px;text-align:right;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--perola-suave);opacity:.72}
.ro-cabeca{display:flex;align-items:center;gap:18px}
.ro-selo{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 30%;box-shadow:0 0 0 1px rgba(244,241,236,.35), 0 0 0 5px rgba(244,241,236,.06)}
.ro-nome{font-family:var(--serifa);font-size:clamp(22px,1.8vw,28px);line-height:1.05;letter-spacing:-.01em;color:var(--perola)}
.ro-nq{white-space:nowrap}
.ro-sub{margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ameixa-clara)}
.ro-regua{height:12px;margin:22px 0;background:repeating-linear-gradient(90deg, rgba(244,241,236,.26) 0 1px, transparent 1px 12px) 0 100%/100% 5px no-repeat, repeating-linear-gradient(90deg, rgba(244,241,236,.26) 0 1px, transparent 1px 60px) 0 100%/100% 12px no-repeat}
.ro-ficha{display:grid;gap:16px}
.ro-ficha div{display:grid;grid-template-columns:104px 1fr;column-gap:16px;align-items:baseline}
.ro-ficha dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ameixa-clara)}
.ro-ficha dd{font-size:14.5px;line-height:1.5;color:var(--perola-suave)}
.ro-exemplo{margin:0}
.ro-exemplo-t{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ameixa-clara)}
.ro-fps{list-style:none;margin-top:14px;display:grid;gap:10px}
.ro-fps li{display:grid;grid-template-columns:58px 1fr auto;align-items:center;column-gap:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--perola-suave)}
.ro-fps-n{color:var(--perola)}
.ro-fps-barra{position:relative;height:10px;border-radius:6px;background:rgba(244,241,236,.1);box-shadow:inset 0 0 0 1px rgba(244,241,236,.14);overflow:hidden}
.ro-fps-barra i{position:absolute;left:0;top:0;bottom:0;width:var(--v);border-radius:6px;background:linear-gradient(90deg, var(--ameixa), var(--ameixa-clara))}
.ro-fps-v{white-space:nowrap}
.ro-exemplo-q{margin-top:14px;font-family:var(--serifa);font-style:italic;font-size:14.5px;line-height:1.45;color:var(--perola-suave)}
.ro-exemplo-q em{display:block;margin-top:4px;font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ameixa-clara)}

@media (max-width:1000px){
  .ro-grade{grid-template-columns:1fr;gap:48px}
  .ro-rotulo{max-width:600px}
}
@media (max-width:760px){
  .ro-pe{grid-template-columns:1fr}
  .ro-titulo{max-width:12ch}
  .ro-titulo em{white-space:normal}
  .ro-sub{font-size:10px;letter-spacing:.07em}
  .ro-perguntas{padding-left:44px;margin-top:28px}
  .ro-perguntas::before{top:-30px;bottom:-24px}
  .ro-perguntas li{padding:12px 0;column-gap:10px}
  .ro-perguntas li::before{left:-44px;width:22px}
  .ro-perguntas span{font-size:clamp(22px,6.4vw,27px)}
  .ro-ficha div{grid-template-columns:1fr;row-gap:4px}
  .ro-fps li{grid-template-columns:52px 1fr auto}
  .ro-fps-v{font-size:10.5px}
  .ro-selo{width:60px;height:60px}
}