/* ============================================================
   Rejuvena — paginas institucionais (US)
   Mesmo sistema visual do index.html: ivory/espresso/copper,
   Cormorant Garamond nos titulos e Inter no corpo.
   ============================================================ */
:root{
  --ivory:#FBF8F4;
  --sand:#F4EDE4;
  --copper:#B4794F;
  --espresso:#2C2521;
  --ink:#352E29;
  --muted:#6F6158;
  --line:rgba(44,37,33,.14);
  --line-soft:rgba(44,37,33,.08);
  --white:#FFFFFF;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
/* algarismos alinhados (prazos, dias, tabelas) */
html{ font-variant-numeric:lining-nums tabular-nums;
      font-feature-settings:"lnum" 1,"tnum" 1; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--sand); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* ---------- topo ---------- */
.topo{ background:var(--white); border-bottom:1px solid var(--line-soft); }
.topo-in{
  max-width:820px; margin:0 auto; padding:16px 22px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.marca{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--serif); font-size:23px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--espresso);
  text-decoration:none;
}
.marca img{ height:26px; width:auto; display:block; }
.voltar{
  font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted); text-decoration:none; white-space:nowrap;
}
.voltar:hover{ color:var(--copper); }

/* ---------- folha ---------- */
.folha{
  max-width:820px; margin:0 auto; background:var(--white);
  padding:38px 30px 52px;
}
h1{
  font-family:var(--serif); font-size:clamp(30px,5vw,40px); font-weight:600;
  line-height:1.15; color:var(--espresso); margin:0 0 8px;
}
.atualizado{
  font-size:13.5px; color:var(--muted); margin:0 0 30px;
  padding-bottom:18px; border-bottom:1px solid var(--line-soft);
}
h2{
  font-family:var(--serif); font-size:clamp(21px,3.4vw,26px); font-weight:600;
  color:var(--espresso); margin:34px 0 10px;
}
h3{ font-size:16px; font-weight:600; color:var(--espresso); margin:22px 0 8px; }
p{ margin:0 0 16px; }
ul,ol{ margin:0 0 16px; padding-left:22px; }
li{ margin-bottom:8px; }
a{ color:var(--copper); }
strong{ color:var(--espresso); font-weight:600; }

/* passos numerados */
.passos{ list-style:none; padding:0; margin:22px 0; counter-reset:p; }
.passos li{
  position:relative; padding-left:52px; margin-bottom:20px; counter-increment:p;
}
.passos li::before{
  content:counter(p,decimal-leading-zero);
  position:absolute; left:0; top:1px;
  font-family:var(--sans); font-size:15px; font-weight:700; letter-spacing:.04em; color:var(--copper);
}
.passos b{ display:block; color:var(--espresso); }

/* caixa de dados / destaque */
.dados{
  background:var(--ivory); border:1px solid var(--line-soft); border-radius:5px;
  padding:20px 22px; margin:24px 0; font-size:15.5px; line-height:1.85;
}
.dados b{ display:inline-block; min-width:170px; color:var(--muted); font-weight:600; }

.aviso{
  border-left:3px solid var(--copper); background:var(--ivory);
  padding:16px 20px; margin:24px 0; font-size:15.5px;
}

/* PENDENTE: marca visual para dado que ainda nao existe */
.pendente{
  background:#FFF3CD; color:#7A5B00; border:1px dashed #C9A227;
  padding:1px 7px; border-radius:3px; font-family:var(--sans);
  font-size:13.5px; font-weight:600; letter-spacing:.02em; white-space:nowrap;
}

table{ width:100%; border-collapse:collapse; margin:22px 0; font-size:15.5px; }
th,td{ text-align:left; padding:11px 12px; border-bottom:1px solid var(--line-soft); }
th{ font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:600; }

/* ---------- rodape ---------- */
.rodape{
  max-width:820px; margin:0 auto; background:var(--espresso); color:#BCAEA3;
  text-align:center; font-size:13px; line-height:1.75; padding:26px 22px 34px;
}
.rodape a{ color:#DCD2C8; }
.rodape .fda{
  border:1px solid rgba(251,248,244,.28); background:rgba(251,248,244,.05);
  border-radius:4px; padding:14px 16px; margin:0 auto 16px; max-width:660px;
  color:#FBF8F4; font-size:12.5px; line-height:1.6;
}
.rodape nav{ margin-top:12px; }

@media (max-width:560px){
  .folha{ padding:28px 20px 42px; }
  .dados b{ display:block; min-width:0; margin-top:10px; }
  .topo-in{ flex-direction:column; align-items:flex-start; gap:8px; }
}