.ro-rodape{background:
  radial-gradient(60% 80% at 85% 0% in oklab, #13214a 0%, transparent 70%),
  radial-gradient(50% 70% at 0% 100% in oklab, #16264f 0%, transparent 70%),
  var(--e-noite);color:var(--e-papel);position:relative;overflow:hidden;isolation:isolate;padding:clamp(56px,7vw,96px) var(--e-margem) 28px}
.ro-dentro{max-width:1240px;margin:0 auto}
.ro-termo{font-family:var(--e-serifa);font-size:clamp(30px,4.6vw,68px);line-height:1.08;letter-spacing:-.02em;margin:26px 0 clamp(28px,4vw,56px)}
.ro-termo span{display:block;color:var(--e-ouro-claro);font-style:italic}
.ro-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:34px 0;border-top:1px solid rgba(246,241,231,.18)}
.ro-marca{display:inline-grid;justify-items:center;gap:7px;justify-self:start;align-self:start}
.ro-logo-nome{font-family:var(--e-serifa);letter-spacing:.34em;font-size:19px;margin-right:-.34em}
.ro-logo-fio{width:100%;height:1px;background:var(--e-ouro);position:relative}
.ro-logo-fio i{position:absolute;left:50%;top:50%;width:6px;height:6px;background:var(--e-ouro);transform:translate(-50%,-50%) rotate(45deg)}
.ro-logo-sub{font-size:10px;letter-spacing:.52em;margin-right:-.52em;font-weight:500}
.ro-bloco{font-style:normal;font-size:14.5px;line-height:1.9;color:rgba(246,241,231,.82)}
.ro-rot{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--e-ouro-claro);font-weight:600;margin-bottom:8px}
.ro-bloco a{text-decoration:none;border-bottom:1px solid rgba(227,200,148,.35);transition:border-color .3s,color .3s}
.ro-bloco a:hover{color:#fff;border-color:var(--e-ouro-claro)}
.ro-rodape :focus-visible{outline-color:var(--e-ouro-claro)}
.ro-assinam{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px clamp(32px,6vw,96px);padding:0 0 clamp(44px,6vw,80px)}
.ro-assinam p{display:grid;gap:6px}
.ro-ass{font-family:var(--e-mao);font-size:clamp(28px,3.25vw,52px);line-height:1;white-space:nowrap;display:block;text-decoration:none;color:var(--e-papel);border-bottom:1px solid rgba(246,241,231,.5);padding:0 6px 4px 22px;position:relative;justify-self:stretch}
.ro-ass::before{content:"×";position:absolute;left:0;bottom:4px;font:300 14px var(--e-sem);color:var(--e-ouro-claro)}
.ro-assinam small{font-size:11.5px;letter-spacing:.08em;color:rgba(246,241,231,.72)}
.ro-pe{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid rgba(246,241,231,.18)}
.ro-fim{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 28px;font-size:12px;color:rgba(246,241,231,.66)}
.ro-fim a{color:var(--e-ouro-claro);text-underline-offset:3px}
.ro-a{position:absolute;z-index:-1;right:-.06em;bottom:-.32em;font-family:var(--e-serifa);font-size:clamp(300px,46vw,720px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(227,200,148,.13);pointer-events:none;user-select:none}
.ro-ass--voce{color:var(--e-ouro-claro);border-bottom-style:dashed;border-bottom-color:rgba(227,200,148,.7);transition:color .3s}
.ro-ass--voce:hover{color:#fff}
.ro-voce small a{color:var(--e-ouro-claro);text-underline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .ro-js .ro-ass>span,.ro-js .ro-ass:not(.ro-ass--voce){clip-path:inset(-30% 100% -30% 0);transition:clip-path 1.2s var(--e-curva)}
  .ro-js .ro-ass{border-bottom-color:transparent;transition:clip-path 1.2s var(--e-curva),border-color .8s}
  .ro-js.ro-visto .ro-ass>span,.ro-js.ro-visto .ro-ass:not(.ro-ass--voce){clip-path:inset(-30% -5% -30% -5%)}
  .ro-js.ro-visto .ro-assinam p:nth-child(2) .ro-ass{transition-delay:.5s}
  .ro-js.ro-visto .ro-assinam p:nth-child(3) .ro-ass>span{transition-delay:1.1s}
  .ro-js.ro-visto .ro-ass{border-bottom-color:rgba(246,241,231,.5)}
  .ro-js.ro-visto .ro-ass--voce{border-bottom-color:rgba(227,200,148,.7)}
}
@media (max-width:860px){
  .ro-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px}
  .ro-fim{justify-content:flex-start}
  .ro-assinam{grid-template-columns:minmax(0,1fr);gap:30px}
  .ro-ass{font-size:clamp(30px,9.4vw,44px)}
  .ro-rodape{padding-bottom:84px}
}
@media (max-width:420px){.ro-grade{grid-template-columns:minmax(0,1fr)}}

/* depois da página montada: as assinaturas dos dois já aparecem nas folhas 03 e 06; aqui ficam os nomes em serifada e só a linha do visitante é manuscrita */
.ro-quem strong{font-family:var(--e-serifa);font-weight:400;font-size:clamp(19px,1.7vw,24px);letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid rgba(246,241,231,.3)}
