/* ================= GRUPO ÁUREA · A Edição Fundadora ================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* registro amostrado dos comps */
  --pano:#16202E; --pano-luz:#2C3640; --pano-sombra:#060E1F;
  --palco:#0C111B;
  --papel:#ECE8DE; --papel-2:#EFEAE0; --papel-3:#EAE5D8; --papel-4:#EDE7DC;
  --tinta:#0B1D33; --tinta-corrida:#242221; --tinta-suave:#5A5750;
  --ouro:#C9A24B; --ouro-escuro:#7A5F27; --ouro-claro:#E8D9A8; --ouro-guarda:#AF8F5C;
  --fita:#BC953F;
  /* relógio único: todo movimento partilha estes dois valores */
  --tempo:.9s; --curva:cubic-bezier(.22,.8,.24,1);
  /* grade absoluta */
  --u:8px;
  --serif:"Cinzel",Georgia,serif;
  --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--papel);color:var(--tinta-corrida);font-family:var(--sans);
  font-weight:400;font-size:17px;line-height:calc(var(--u)*3.5);
  -webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--ouro);color:var(--tinta)}
html{scrollbar-color:var(--ouro-guarda) var(--pano-sombra);caret-color:var(--ouro)}
::-webkit-scrollbar{width:12px;background:var(--pano-sombra)}
::-webkit-scrollbar-thumb{background:var(--ouro-guarda);border:3px solid var(--pano-sombra);border-radius:6px}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.pular{position:absolute;left:-999px;top:0;background:var(--tinta);color:var(--papel);
  padding:calc(var(--u)*1.5) calc(var(--u)*3);z-index:99}
.pular:focus{left:var(--u)}

/* ================= CENA · o livro ================= */
.cena{height:300vh;background:var(--palco)}
.palco{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  padding-top:calc(var(--u)*7);
  background:
    radial-gradient(120% 90% at 50% 38%, #141B28 0%, var(--palco) 55%, #05080E 100%);
  perspective:2200px}

.topo{position:absolute;top:0;left:0;right:0;z-index:30;
  display:flex;align-items:center;justify-content:space-between;
  padding:calc(var(--u)*3) calc(var(--u)*5)}
.topo-marca{display:flex;align-items:center;gap:calc(var(--u)*1.5);
  text-decoration:none;color:var(--ouro-claro);white-space:nowrap;
  font-family:var(--serif);font-weight:600;font-size:15px;letter-spacing:.18em}
.topo-nav{display:flex;align-items:center;gap:calc(var(--u)*4)}
.topo-nav a{color:#C9BE9F;text-decoration:none;font-size:13px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;
  border-bottom:1px solid transparent;padding-bottom:2px;
  transition:color var(--tempo) var(--curva),border-color var(--tempo) var(--curva)}
.topo-nav a:hover{color:var(--ouro-claro);border-color:var(--ouro)}
.topo-cta{color:var(--ouro) !important;border:1px solid var(--ouro) !important;
  padding:calc(var(--u)*1.25) calc(var(--u)*2.5) !important}
.topo-cta:hover{background:var(--ouro);color:var(--tinta) !important}

/* ---- o livro ---- */
.livro{position:relative;
  width:min(1180px,90vw,calc((100dvh - 170px)*1180/700));
  aspect-ratio:1180/700;
  transform-style:preserve-3d}
.spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;
  background:
    linear-gradient(90deg, rgba(5,8,14,.28) 0%, rgba(5,8,14,0) 3.5%,
      rgba(5,8,14,0) 46.5%, rgba(5,8,14,.30) 50%, rgba(5,8,14,0) 53.5%,
      rgba(5,8,14,0) 96.5%, rgba(5,8,14,.28) 100%),
    var(--papel);
  border:10px solid transparent;
  border-image:url("../assets/pano-navy.webp") 24 / 10px / 0 round;
  outline:1px solid rgba(5,8,14,.55)}
/* guardas visíveis nas bordas internas do pano */
.spread::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    url("../assets/guardas.webp") left center / auto 105% no-repeat,
    url("../assets/guardas.webp") right center / auto 105% no-repeat;
  -webkit-mask:linear-gradient(90deg,#000 0 14px,transparent 14px calc(100% - 14px),#000 calc(100% - 14px));
          mask:linear-gradient(90deg,#000 0 14px,transparent 14px calc(100% - 14px),#000 calc(100% - 14px))}
/* grão do papel */
.spread::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .36 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)'/%3E%3C/svg%3E")}

.pagina{position:relative;padding:clamp(28px,5.2vw,72px);display:flex;
  flex-direction:column;justify-content:center;min-width:0}
.pagina-folio{margin-top:calc(var(--u)*5);
  font-size:10.5px;letter-spacing:.34em;color:var(--ouro-escuro);font-weight:500}
.tese{font-family:var(--serif);font-weight:600;color:var(--tinta);
  font-size:clamp(26px,3.1vw,44px);line-height:1.22;letter-spacing:.015em;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.55)}
.filete{border:0;height:1px;background:var(--ouro-guarda);width:38%;
  margin:calc(var(--u)*4) 0}
.tese-sub{font-size:15px;line-height:calc(var(--u)*3.25);color:var(--tinta-suave);
  letter-spacing:.04em}
.pagina-emblema{margin-top:calc(var(--u)*6);opacity:.9}

.pagina-indice{border-left:1px solid rgba(11,29,51,.10)}
.indice-titulo{font-family:var(--serif);font-weight:600;font-size:19px;
  letter-spacing:.28em;color:var(--tinta);margin-bottom:calc(var(--u)*5)}
.indice{list-style:none}
.indice li+li{margin-top:calc(var(--u)*3)}
.indice a{display:flex;align-items:baseline;gap:calc(var(--u)*1.5);
  text-decoration:none;font-size:16px;color:var(--tinta-corrida)}
.i-num{font-family:var(--serif);font-weight:600;color:var(--tinta);
  min-width:2.4em;font-size:15px}
.i-t{font-weight:500;letter-spacing:.05em;border-bottom:1px solid transparent;
  transition:border-color var(--tempo) var(--curva),color var(--tempo) var(--curva)}
.indice a:hover .i-t{color:var(--tinta);border-color:var(--ouro)}
.i-dots{flex:1;border-bottom:2px dotted rgba(138,107,46,.55);
  transform:translateY(-4px);min-width:24px}
.i-pg{font-family:var(--serif);font-weight:700;color:var(--ouro-escuro);font-size:15px}

/* selo */
.selo{position:relative;display:grid;place-items:center;width:126px;height:126px;
  margin-top:calc(var(--u)*6);text-decoration:none;border-radius:50%;
  color:var(--ouro-escuro);
  transition:transform var(--tempo) var(--curva)}
.selo-anel{position:absolute;inset:0;border-radius:50%;
  border:1.5px solid var(--ouro-guarda);
  outline:1px solid rgba(175,143,92,.5);outline-offset:-7px}
.selo-texto{font-family:var(--serif);font-weight:700;font-size:12.5px;line-height:1.4;
  letter-spacing:.09em;text-transform:uppercase;text-align:center;padding:0 10px}
.selo:hover{transform:rotate(-4deg) scale(1.04)}

/* ---- capa (porta 3D) ---- */
.capa{position:absolute;inset:0;transform-origin:left center;
  transform-style:preserve-3d;
  transform:rotateY(calc(var(--abre,0) * -160deg));
  will-change:transform;z-index:10}
.capa-frente,.capa-verso{position:absolute;inset:0;backface-visibility:hidden}
.capa-frente{background:url("../assets/pano-navy.webp") center/cover;
  outline:1px solid rgba(5,8,14,.6);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:clamp(24px,6vw,80px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),
             inset 14px 0 26px -18px rgba(255,255,255,.10),
             inset -20px 0 40px -22px rgba(0,0,0,.65)}
.capa-alto{font-family:var(--serif);font-weight:500;font-size:14px;
  letter-spacing:.5em;margin-bottom:calc(var(--u)*5);
  background:linear-gradient(178deg,#F0E3B4 10%,var(--ouro-claro) 55%,var(--ouro) 95%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.capa-titulo{font-family:var(--serif);font-weight:600;
  font-size:clamp(32px,4.2vw,58px);line-height:1.16;letter-spacing:.02em;
  background:linear-gradient(176deg,#F0E3B4 0%,var(--ouro-claro) 22%,var(--ouro) 55%,#9A7A36 86%,var(--ouro) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}
.capa-sub{margin-top:calc(var(--u)*5);font-size:13px;letter-spacing:.3em;
  text-transform:uppercase;font-weight:500;
  background:linear-gradient(178deg,#EADDB0,var(--ouro));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.capa-emblema{width:96px;height:100px;margin-top:calc(var(--u)*5);
  background:rgba(0,0,0,0);
  -webkit-mask:url("../assets/simbolo.svg") center/contain no-repeat;
          mask:url("../assets/simbolo.svg") center/contain no-repeat;
  background-image:linear-gradient(176deg,#D9C084 0%,#B89444 45%,#8F6F2C 100%);
  background-size:cover;opacity:.92;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.capa-verso{transform:rotateY(180deg);
  background:url("../assets/guardas.webp") center/cover;
  outline:1px solid rgba(5,8,14,.6)}

/* dica de rolagem */
.dica{position:absolute;bottom:calc(var(--u)*3);left:50%;translate:-50% 0;
  color:#8E9AAB;font-size:12px;letter-spacing:.3em;text-transform:uppercase;
  display:flex;align-items:center;gap:var(--u);
  opacity:calc(1 - var(--abre,0)*2.4)}
.dica-seta{width:12px;height:12px;border-right:1.5px solid var(--ouro);
  border-bottom:1.5px solid var(--ouro);transform:rotate(45deg) translateY(-2px)}

/* fita marcadora = progresso de leitura */
.fita{position:fixed;top:0;right:206px;z-index:25;height:100%;
  pointer-events:none}
.fita span{display:block;width:14px;height:calc(var(--lido,0)*100%);
  background:linear-gradient(90deg,#8F6F2C 0%,var(--fita) 22%,#E3C87F 50%,var(--fita) 78%,#8F6F2C 100%);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),50% 100%,0 calc(100% - 9px));
  box-shadow:0 2px 6px rgba(5,8,14,.35)}

/* ================= CAPÍTULOS ================= */
.cap{padding:calc(var(--u)*15) calc(var(--u)*4)}
.cap-1{background:var(--papel)}
.cap-2{background:var(--papel-3)}
.cap-3{background:var(--papel-2)}
.cap-4{background:var(--papel-4)}
.cap-miolo{max-width:880px;margin:0 auto}
.cap-titulo{font-family:var(--serif);font-weight:600;color:var(--tinta);
  font-size:clamp(24px,3vw,36px);line-height:1.25;letter-spacing:.01em;
  text-wrap:balance;margin-bottom:calc(var(--u)*6)}
.cap-num{color:var(--ouro-escuro);font-weight:700}
.cap-corpo{max-width:62ch;color:var(--tinta-corrida)}
.cap-corpo em{font-style:italic}
.cap-larga{margin-bottom:calc(var(--u)*7)}

/* estados cravados: fantasmas vs. pergunta */
.fantasmas{list-style:none;font-family:var(--serif);
  font-size:clamp(19px,2.2vw,27px);line-height:1.85;color:rgba(36,34,33,.34);
  letter-spacing:.02em;margin-bottom:calc(var(--u)*5)}
.cravada{font-size:clamp(18px,2vw,24px);line-height:1.55;color:var(--tinta-suave);
  margin-bottom:calc(var(--u)*7)}
.cravada strong{font-family:var(--serif);font-weight:700;color:var(--tinta);
  font-size:1.15em;letter-spacing:.01em}

/* volumes — profundidade por camadas chapadas */
.volumes{display:grid;grid-template-columns:repeat(2,minmax(260px,420px));
  gap:calc(var(--u)*6);justify-content:start;align-items:stretch}
.volume{position:relative;text-decoration:none;display:flex;
  transition:translate var(--tempo) var(--curva)}
.volume-borda{position:absolute;inset:10px -10px -10px 10px;
  background:#DDD6C6;outline:1px solid rgba(11,29,51,.18)}
.volume-borda::before{content:"";position:absolute;inset:4px -4px -4px 4px;
  background:#D2CBB9;outline:1px solid rgba(11,29,51,.14)}
.volume-capa{position:relative;display:flex;flex-direction:column;flex:1;
  background:url("../assets/pano-navy.webp") center/cover;
  outline:1px solid rgba(5,8,14,.6);
  padding:calc(var(--u)*5);min-height:340px;
  box-shadow:inset 10px 0 22px -14px rgba(255,255,255,.09)}
.volume-num{font-size:11px;letter-spacing:.4em;font-weight:600;color:var(--ouro-guarda);
  margin-bottom:calc(var(--u)*3)}
.volume-nome{font-family:var(--serif);font-weight:600;font-size:clamp(24px,2.4vw,32px);
  line-height:1.2;
  background:linear-gradient(176deg,#F0E3B4,var(--ouro) 60%,#9A7A36);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.volume-filete{width:44px;height:1px;background:var(--ouro-guarda);
  margin:calc(var(--u)*3) 0}
.volume-desc{font-size:14.5px;line-height:calc(var(--u)*3);color:#C7CBD2;
  flex:1}
.volume-desc em{font-style:italic;color:#E4E0D2}
.volume-chamada{margin-top:calc(var(--u)*4);font-size:12px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.volume:hover{translate:0 -6px}

/* método */
.movimentos{list-style:none;counter-reset:mov;
  display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*6)}
.movimentos li{counter-increment:mov;border-top:1px solid var(--ouro-guarda);
  padding-top:calc(var(--u)*3);position:relative}
.movimentos li::before{content:counter(mov,upper-roman);
  font-family:var(--serif);font-weight:700;font-size:15px;color:var(--ouro-escuro);
  position:absolute;top:calc(var(--u)*-4);left:0}
.movimentos h3{font-family:var(--serif);font-weight:600;font-size:21px;
  color:var(--tinta);margin-bottom:calc(var(--u)*2)}
.movimentos p{font-size:15px;line-height:calc(var(--u)*3.25);color:var(--tinta-corrida)}
.cap-nota{margin-top:calc(var(--u)*8);font-family:var(--serif);font-style:normal;
  font-size:17px;letter-spacing:.06em;color:var(--tinta-suave)}

/* autores — orelhas do livro */
.autores{display:grid;grid-template-columns:repeat(2,minmax(240px,400px));
  gap:calc(var(--u)*7);margin-bottom:calc(var(--u)*8)}
.autor{position:relative;margin:0}
.autor-moldura{position:absolute;inset:12px -12px -12px 12px;
  background:url("../assets/guardas.webp") center/cover;opacity:.9;
  outline:1px solid rgba(11,29,51,.25)}
.autor img{position:relative;outline:1px solid rgba(11,29,51,.35)}
.autor figcaption{position:relative;background:var(--papel);padding-top:calc(var(--u)*2.5)}
.autor strong{display:block;font-family:var(--serif);font-weight:600;font-size:20px;
  color:var(--tinta);margin-bottom:calc(var(--u)*1)}
.autor span{display:block;font-size:14.5px;line-height:calc(var(--u)*3);
  color:var(--tinta-suave);max-width:38ch}

/* capítulo final + colofão */
.cap-5{background:url("../assets/pano-navy.webp") center/cover;position:relative}
.cap-5::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;
  background:url("../assets/guardas.webp") center/auto 100% repeat-x}
.cap-miolo-fim{text-align:center;padding:calc(var(--u)*6) 0}
.fim-titulo{font-family:var(--serif);font-weight:600;
  font-size:clamp(28px,3.6vw,46px);line-height:1.2;text-wrap:balance;
  background:linear-gradient(176deg,#F0E3B4,var(--ouro-claro) 30%,var(--ouro) 70%,#9A7A36);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:calc(var(--u)*4)}
.fim-sub{color:#C7CBD2;max-width:56ch;margin:0 auto calc(var(--u)*7)}
.selo-grande{width:160px;height:160px;margin:0 auto;color:var(--ouro)}
.selo-grande .selo-anel{border-color:var(--ouro)}
.selo-grande .selo-texto{font-size:15px;color:var(--ouro-claro)}

.colofao{background:var(--pano-sombra);color:#9AA3B0;
  border-top:1px solid rgba(201,162,75,.35)}
.colofao-miolo{max-width:880px;margin:0 auto;padding:calc(var(--u)*10) calc(var(--u)*4);
  text-align:center}
.colofao-marca{margin:0 auto calc(var(--u)*6);width:min(300px,70vw)}
.colofao-nav{display:flex;flex-wrap:wrap;justify-content:center;
  gap:calc(var(--u)*4);margin-bottom:calc(var(--u)*6)}
.colofao-nav a{color:#B8C0CC;text-decoration:none;font-size:12.5px;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid transparent;
  transition:color var(--tempo) var(--curva),border-color var(--tempo) var(--curva)}
.colofao-nav a:hover{color:var(--ouro-claro);border-color:var(--ouro)}
.colofao-nota{font-size:14px;margin-bottom:calc(var(--u)*2)}
.colofao-nota a{color:var(--ouro)}
.colofao-fim{font-size:12.5px;color:#6E7887}

/* ================= responsivo ================= */
@media (max-width:960px){
  .volumes,.autores{grid-template-columns:1fr;justify-items:stretch}
  .movimentos{grid-template-columns:1fr;gap:calc(var(--u)*8)}
}
@media (max-width:820px){
  .topo{padding:calc(var(--u)*2.5) calc(var(--u)*3)}
  .topo-marca{font-size:12.5px;letter-spacing:.14em}
  .topo-marca img{width:26px;height:auto}
  .topo-cta{font-size:11.5px !important;padding:var(--u) calc(var(--u)*1.75) !important}
  .capa-emblema{width:80px;height:83px;margin-top:calc(var(--u)*4)}
  .capa-frente{padding-bottom:calc(var(--u)*6)}
  .spread{background:var(--papel)}
  .topo-nav a:not(.topo-cta){display:none}
  /* teatro simplificado: capa vertical + páginas empilhadas */
  .cena{height:auto;background:var(--palco)}
  .palco{position:static;height:auto;padding:calc(var(--u)*12) calc(var(--u)*3) calc(var(--u)*8);
    display:block;overflow:visible}
  .livro{width:min(520px,94vw);aspect-ratio:auto;margin:0 auto;
    display:flex;flex-direction:column}
  .capa{position:relative;inset:auto;transform:none !important;
    margin-bottom:calc(var(--u)*4);order:-1}
  .capa-frente{position:relative;aspect-ratio:3/4}
  .capa-verso{display:none}
  .spread{position:relative;grid-template-columns:1fr}
  .pagina-indice{border-left:0;border-top:1px solid rgba(11,29,51,.10)}
  .dica{display:none}
  .fita{display:none}
}
@media (prefers-reduced-motion:reduce){
  .capa{transition:none}
  *{transition-duration:.01ms !important}
}

/* modo captura: congela a cena para screenshot determinístico */
.captura .cena{height:auto}
.captura .palco{position:static;height:820px}
.captura .livro{width:min(1180px,90vw,calc((820px - 170px)*1180/700))}

.captura{scroll-behavior:auto !important}

/* ---------- cadeia do método ---------- */
.cadeia{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*1.5);
  font-family:var(--serif);font-size:clamp(13px,1.35vw,16px);color:var(--tinta);
  letter-spacing:.06em;margin-bottom:calc(var(--u)*7)}
.cadeia i{color:var(--ouro-escuro);font-style:normal}
.dimensoes{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);
  gap:calc(var(--u)*5) calc(var(--u)*6);counter-reset:dim}
.dimensoes li{counter-increment:dim;border-top:1px solid var(--ouro-guarda);
  padding-top:calc(var(--u)*2.5)}
.dim-n{display:block;font-family:var(--serif);font-weight:700;font-size:12px;
  color:var(--ouro-escuro);letter-spacing:.2em;margin-bottom:calc(var(--u)*1.5)}
.dimensoes h3{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--tinta);
  margin-bottom:calc(var(--u)*1)}
.dimensoes p{font-size:14.5px;line-height:calc(var(--u)*3);color:var(--tinta-corrida)}
.dim-q{display:block;margin-top:calc(var(--u)*1.5);font-style:italic;color:var(--tinta-suave)}
/* ---------- encarte (produto) ---------- */
.encarte{display:flex;align-items:center;gap:calc(var(--u)*3);flex-wrap:wrap;
  margin-top:calc(var(--u)*5);padding:calc(var(--u)*3) calc(var(--u)*4);
  background:var(--papel);outline:1px solid var(--ouro-guarda);
  outline-offset:-6px;text-decoration:none;
  transition:background var(--tempo) var(--curva)}
.encarte:hover{background:#F3EFE4}
.encarte-tag{font-size:10.5px;letter-spacing:.3em;color:var(--ouro-escuro);font-weight:600}
.encarte-t{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--tinta)}
.encarte-d{font-size:14.5px;color:var(--tinta-suave);flex:1;min-width:220px}
.encarte-s{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ouro-escuro);white-space:nowrap}
/* ---------- páginas internas ---------- */
.abertura{background:url("../assets/pano-navy.webp") center/cover;position:relative;
  padding:calc(var(--u)*18) calc(var(--u)*4) calc(var(--u)*16);text-align:center}
.abertura::after{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;
  background:url("../assets/guardas.webp") center/auto 100% repeat-x}
.abertura-num{font-family:var(--serif);font-weight:700;font-size:13px;letter-spacing:.4em;
  color:var(--ouro-guarda);margin-bottom:calc(var(--u)*3)}
.abertura-titulo{font-family:var(--serif);font-weight:600;
  font-size:clamp(30px,4vw,52px);line-height:1.18;text-wrap:balance;
  background:linear-gradient(176deg,#F0E3B4,var(--ouro-claro) 32%,var(--ouro) 72%,#9A7A36);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.abertura-sub{margin:calc(var(--u)*4) auto 0;max-width:56ch;color:#C7CBD2}
.folha{background:var(--papel);padding:calc(var(--u)*14) calc(var(--u)*4)}
.folha+.folha{background:var(--papel-3)}
.folha h2{font-family:var(--serif);font-weight:600;color:var(--tinta);
  font-size:clamp(22px,2.6vw,32px);line-height:1.25;margin-bottom:calc(var(--u)*4);
  text-wrap:balance}
.folha h3{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--tinta);
  margin:calc(var(--u)*5) 0 calc(var(--u)*2)}
.folha p{max-width:62ch;margin-bottom:calc(var(--u)*3)}
.lista{list-style:none;max-width:62ch}
.lista li{padding-left:calc(var(--u)*4);position:relative;margin-bottom:calc(var(--u)*2)}
.lista li::before{content:"φ";position:absolute;left:0;top:0;font-family:var(--serif);
  color:var(--ouro-escuro);font-size:15px}
.destaque{font-family:var(--serif);font-size:clamp(19px,2.2vw,26px);line-height:1.45;
  color:var(--tinta);max-width:24ch;margin:calc(var(--u)*7) 0}
.saida{display:inline-flex;align-items:center;gap:var(--u);margin-top:calc(var(--u)*4);
  font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--tinta);text-decoration:none;border-bottom:1px solid var(--ouro);
  padding-bottom:4px;transition:color var(--tempo) var(--curva)}
.saida:hover{color:var(--ouro-escuro)}
/* ---------- formulário ---------- */
.form{max-width:640px}
.campo{margin-bottom:calc(var(--u)*4)}
.campo label{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--tinta-suave);margin-bottom:calc(var(--u)*1.5)}
.campo input,.campo select,.campo textarea{width:100%;font-family:var(--sans);
  font-size:16px;color:var(--tinta);background:#F6F3EA;border:0;
  outline:1px solid rgba(11,29,51,.22);padding:calc(var(--u)*2);
  transition:outline-color var(--tempo) var(--curva)}
.campo textarea{min-height:140px;resize:vertical;line-height:1.6}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--ouro)}
.campo .ajuda{font-size:13px;color:var(--tinta-suave);margin-top:calc(var(--u)*1)}
.enviar{font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--papel);background:var(--tinta);border:0;
  padding:calc(var(--u)*2.5) calc(var(--u)*5);cursor:pointer;
  outline:1px solid var(--ouro);outline-offset:3px;
  transition:background var(--tempo) var(--curva)}
.enviar:hover{background:#132A47}
@media (max-width:960px){.dimensoes{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dimensoes{grid-template-columns:1fr}
  .abertura{padding:calc(var(--u)*12) calc(var(--u)*3) calc(var(--u)*10)}}

.topo-interna{position:relative;background:var(--pano-sombra);border-bottom:1px solid rgba(201,162,75,.3)}

/* sub-entrada do índice: produto sob a sua unidade */
.indice li.i-sub{margin-top:calc(var(--u)*1.5)}
.indice li.i-sub a{padding-left:calc(var(--u)*4);font-size:14.5px;color:var(--tinta-suave)}
.indice li.i-sub .i-num{min-width:1.2em}
.indice li.i-sub .i-t{font-weight:400}
.indice li.i-sub .i-pg{font-size:13px;font-weight:600}
.colofao-sub{opacity:.72;font-size:11.5px !important}
