/* ═══════════════════════════════════════════════════════════════
   PÁGINAS INTERNAS — sistema compartilhado
   Depende de style.css (tokens, véu, meandro, credo)
   ═══════════════════════════════════════════════════════════════ */

body.interna{ background:var(--bg); }

.wrap{
  position:relative; z-index:1;
  width:var(--col);
  margin-inline:auto;
}

/* ── voltar ────────────────────────────────────────────────── */

.back{
  position:fixed;
  top:14px; left:max(14px, calc(50% - var(--col) / 2));
  z-index:20;
  display:inline-flex; align-items:center; gap:5px;
  padding:6px 10px 6px 8px;
  border-radius:var(--r-pill, 999px);
  border:1px solid rgba(200,164,74,.34);
  background:rgba(10,6,3,.7);
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  font-family:var(--f-roman);
  font-size:8px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--gold-txt);
  transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);
}
.back svg{ width:11px; height:11px; }
@media (hover:hover){
  .back:hover{ color:var(--gold-hi); border-color:var(--gold); background:rgba(20,13,6,.8); }
}

/* ── capa ──────────────────────────────────────────────────── */

.capa{
  position:relative;
  z-index:1;               /* precisa vencer o véu fixo do fundo */
  min-height:88svh;
  display:flex; flex-direction:column; justify-content:flex-end;
  padding-bottom:44px;
  overflow:hidden;
}

.capa__art{
  position:absolute; inset:0;
  background-image:var(--art);
  background-size:cover;
  background-position:var(--art-pos, center 30%);
  animation:capaBreathe 46s var(--ease) infinite alternate;
  will-change:transform;
}
@keyframes capaBreathe{
  from{ transform:scale(1.04) }
  to  { transform:scale(1.16) }
}

/* o terço de cima da pintura fica limpo; a fusão com a página é embaixo */
.capa__veu{
  position:absolute; inset:0;
  background:linear-gradient(to bottom,
    rgba(14,11,8,0)   0%,
    rgba(14,11,8,.06) 34%,
    rgba(14,11,8,.34) 58%,
    rgba(14,11,8,.86) 84%,
    var(--bg) 100%);
}

.capa__wrap{ position:relative; z-index:2; }

/* prato escuro só atrás do texto, para a pintura não precisar ser apagada */
.capa__wrap::before{
  content:'';
  position:absolute;
  inset:-26px -24px -18px -24px;
  z-index:-1;
  background:radial-gradient(122% 90% at 32% 58%, rgba(8,5,2,.94) 0%, rgba(8,5,2,.80) 48%, rgba(8,5,2,.34) 72%, transparent 88%);
  pointer-events:none;
}

.eyebrow{
  font-family:var(--f-roman);
  font-size:10px; font-weight:600;
  letter-spacing:.26em; text-transform:uppercase;
  color:var(--terra-txt);
  margin-bottom:14px;
}
.eyebrow--ouro{ color:var(--gold-txt); }

.capa__title{
  font-family:var(--f-serif);
  font-size:clamp(30px,8.4vw,44px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.015em;
  color:#fff;
  margin-bottom:16px;
  text-shadow:0 2px 24px rgba(6,3,0,.9), 0 1px 3px rgba(6,3,0,.7);
}
.capa__title em{ font-style:italic; color:var(--gold); }

.capa__sub{
  font-size:14.5px; line-height:1.72;
  color:rgba(238,231,217,.86);
  margin-bottom:26px;
  max-width:38ch;
  text-shadow:0 1px 16px rgba(6,3,0,.9);
}

/* na capa o sobretítulo cai em cima da pintura — precisa de mais claridade */
.capa .eyebrow{
  color:var(--gold-hi);
  text-shadow:0 1px 10px rgba(6,3,0,1), 0 0 22px rgba(6,3,0,.9);
}

/* lista de promessas na capa */
.pledge{
  margin-top:24px; padding-top:18px;
  border-top:1px solid rgba(200,164,74,.18);
}
.pledge__row{
  display:flex; align-items:baseline; gap:13px;
  padding:10px 0;
  border-bottom:1px solid rgba(200,164,74,.08);
}
.pledge__row:last-child{ border-bottom:none; }
.pledge__num{
  font-family:var(--f-cond);
  font-size:11px; font-weight:700;
  letter-spacing:.14em;
  color:var(--gold-txt); opacity:.8;
  flex:none;
}
.pledge__row p{
  font-size:13px; line-height:1.58;
  color:var(--gold-txt);
  text-shadow:0 1px 12px rgba(6,3,0,.9);
}
.pledge__row em{ font-style:normal; color:#f3ece0; }

/* ── botões ────────────────────────────────────────────────── */

.btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%;
  padding:17px 20px;
  border:none; cursor:pointer;
  border-radius:11px;
  font-family:var(--f-cond);
  font-size:14px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase;
  text-align:center;
  transition:background .25s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn svg{ width:17px; height:17px; flex:none; }

.btn--fogo{
  background:var(--terra-btn); color:#fff;
  box-shadow:0 10px 30px rgba(180,60,25,.42);
}
@media (hover:hover){
  .btn--fogo:hover{ background:#d9522a; transform:translateY(-3px); box-shadow:0 16px 40px rgba(180,60,25,.55); }
}

.btn--ouro{
  margin-top:11px;
  padding:15px 20px;
  background:rgba(200,164,74,.07);
  border:1.4px solid rgba(200,164,74,.5);
  color:var(--gold-hi);
  font-size:13px;
}
@media (hover:hover){
  .btn--ouro:hover{ border-color:var(--gold); background:rgba(200,164,74,.08); }
}

.btn-nota{
  margin-top:11px; text-align:center;
  font-family:var(--f-serif); font-style:italic;
  font-size:12px;
  color:var(--gold-txt);
  text-shadow:0 1px 12px rgba(6,3,0,.9);
}

/* ── seções ────────────────────────────────────────────────── */

.sec{ padding:40px 0 0; }
.sec--fim{ padding-bottom:12px; }

.regua{
  height:1px; margin:38px 0 0;
  background:linear-gradient(90deg, transparent, rgba(200,164,74,.22) 50%, transparent);
}

.sec__title{
  font-family:var(--f-serif);
  font-size:clamp(23px,6vw,30px);
  font-weight:600; line-height:1.16;
  color:var(--marble);
  margin-bottom:14px;
  letter-spacing:-.01em;
}
.sec__title em{ font-style:italic; color:var(--gold); }

.prosa{ font-size:14px; line-height:1.8; color:#cfc6b5; }
.prosa p + p{ margin-top:11px; }
.prosa strong{ color:#f2ebdd; font-weight:600; }
.prosa em{ font-family:var(--f-serif); font-style:italic; color:var(--gold-hi); }

/* citação grande */
.citacao{
  margin:20px 0;
  padding:2px 0 2px 18px;
  border-left:2px solid var(--terra);
}
.citacao p{
  font-family:var(--f-serif);
  font-style:italic;
  font-size:18px; line-height:1.6;
  color:#e6dece;
}

/* ── listas ────────────────────────────────────────────────── */

.marcas{ display:flex; flex-direction:column; gap:8px; margin-top:16px; }
.marcas li{ display:flex; gap:12px; align-items:flex-start; list-style:none; }
.marcas li::before{
  content:''; flex:none;
  width:5px; height:5px; margin-top:8px;
  border-radius:50%; background:var(--gold);
}
.marcas p{ font-size:13.5px; line-height:1.62; color:#d3cabb; }

.fichas{ display:flex; flex-direction:column; gap:7px; margin-top:16px; }
.fichas li{
  list-style:none;
  display:flex; gap:12px; align-items:flex-start;
  padding:13px 15px;
  border:1px solid rgba(200,164,74,.2);
  border-radius:11px;
  background:rgba(16,10,5,.86);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.fichas li::before{
  content:''; flex:none;
  width:5px; height:5px; margin-top:7px;
  border-radius:50%; background:var(--gold);
}
.fichas p{ font-size:13px; line-height:1.58; color:#d3cabb; }
.fichas strong{ color:#f2ebdd; font-weight:600; }

/* grade de etiquetas */
.etiquetas{
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
  margin-top:18px;
}
.etiquetas li{
  list-style:none;
  padding:11px 13px;
  border:1px solid rgba(200,164,74,.2);
  border-radius:9px;
  background:rgba(16,10,5,.86);
  font-size:12px; line-height:1.42;
  color:#d3cabb;
}

/* ── passos numerados ──────────────────────────────────────── */

.passos{ margin-top:18px; }
.passos li{
  list-style:none;
  display:flex; gap:16px; align-items:flex-start;
  padding:14px 0;
  border-bottom:1px solid rgba(200,164,74,.14);
}
.passos li:last-child{ border-bottom:none; }
.passos__n{
  font-family:var(--f-cond);
  font-size:12px; font-weight:700;
  letter-spacing:.1em;
  color:var(--terra-txt);
  flex:none; min-width:26px; padding-top:3px;
}
.passos h3{
  font-family:var(--f-cond);
  font-size:15px; font-weight:600;
  text-transform:uppercase; letter-spacing:.04em;
  color:#f0ead8;
  margin-bottom:5px;
}
.passos p{ font-size:13px; line-height:1.62; color:#cfc6b5; }

/* ── números de prova ──────────────────────────────────────── */

.provas{ display:flex; flex-direction:column; gap:10px; margin-top:18px; }
.provas li{
  list-style:none;
  display:flex; gap:15px; align-items:flex-start;
  padding:18px;
  border:1px solid rgba(200,164,74,.16);
  border-radius:13px;
  background:rgba(16,10,5,.88);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.provas__n{
  font-family:var(--f-cond);
  font-size:27px; font-weight:700; line-height:1;
  color:var(--gold);
  flex:none; min-width:34px;
}
.provas p{ font-size:13px; line-height:1.6; color:#d3cabb; padding-top:4px; }

/* ── esteira de prints ─────────────────────────────────────── */

.esteira{ padding:34px 0 0; overflow:hidden; }
.esteira__título{
  width:var(--col); margin-inline:auto;
  font-family:var(--f-serif);
  font-size:clamp(22px,5.6vw,27px);
  font-weight:600; color:var(--marble);
  margin-bottom:16px;
}
.esteira__janela{ position:relative; overflow:hidden; }
.esteira__fita{
  display:flex; gap:10px;
  width:max-content;
  padding:4px 0 14px;
  will-change:transform;
  animation:desfilar var(--dur,70s) linear infinite;
}
.esteira__janela:hover .esteira__fita{ animation-play-state:paused; }
@keyframes desfilar{ to{ transform:translateX(-50%) } }

.esteira__fita img{
  height:330px; width:auto;
  flex:none;
  border-radius:12px;
  border:1px solid rgba(200,164,74,.14);
  object-fit:cover;
  display:block;
  user-select:none; pointer-events:none;
}

/* ── bloco de chamada ──────────────────────────────────────── */

.chamada{
  margin-top:18px;
  padding:22px 20px;
  border:1px solid rgba(200,164,74,.26);
  border-radius:17px;
  background:linear-gradient(160deg, rgba(38,25,11,.9), rgba(12,7,3,.94));
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.chamada .sec__title{ font-size:clamp(21px,5.2vw,25px); }
.chamada .prosa{ margin-bottom:22px; }

/* selo de preço */
.selo{
  text-align:center;
  padding:22px 18px;
  margin-top:18px;
  border:1px solid rgba(200,164,74,.3);
  border-radius:17px;
  background:linear-gradient(170deg, rgba(200,164,74,.1), rgba(18,12,6,.9));
}
.selo__tag{
  font-family:var(--f-roman);
  font-size:9px; font-weight:600;
  letter-spacing:.24em; text-transform:uppercase;
  color:var(--gold);
}
.selo__valor{
  font-family:var(--f-cond);
  font-size:52px; font-weight:700; line-height:1;
  margin:10px 0 6px;
  background:linear-gradient(178deg, var(--gold-hi), var(--gold));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.selo__nota{ font-size:13px; line-height:1.6; color:#cfc6b5; }

/* ── perguntas ─────────────────────────────────────────────── */

.perguntas{ display:flex; flex-direction:column; gap:7px; margin-top:18px; }
.perguntas details{
  border:1px solid rgba(200,164,74,.2);
  border-radius:11px;
  background:rgba(16,10,5,.88);
  padding:14px 16px;
  transition:border-color .25s var(--ease);
}
.perguntas details[open]{ border-color:rgba(200,164,74,.44); }
.perguntas summary{
  cursor:pointer; list-style:none;
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  font-size:13.5px; font-weight:500;
  color:#f0e9db;
}
.perguntas summary::-webkit-details-marker{ display:none; }
.perguntas summary::after{
  content:'+';
  flex:none;
  font-size:19px; font-weight:300;
  color:var(--gold);
  transition:transform .25s var(--ease);
}
.perguntas details[open] summary::after{ transform:rotate(45deg); }
.perguntas details p{
  margin-top:11px;
  font-size:13px; line-height:1.68;
  color:#cfc6b5;
}

/* ── fecho ─────────────────────────────────────────────────── */

.fecho{ padding:44px 0 8px; text-align:center; }
.fecho .sec__title{ margin-bottom:14px; }
.fecho .prosa{ margin-bottom:24px; }

.rodape{
  padding:26px 0 40px;
  margin-top:34px;
  border-top:1px solid rgba(200,164,74,.12);
  text-align:center;
}
.rodape p{
  max-width:320px; margin-inline:auto;
  font-size:10.5px; line-height:1.7;
  color:#9d9486;
}

/* ── telas maiores ─────────────────────────────────────────── */

@media (min-width:768px){
  .capa{ min-height:80svh; padding-bottom:56px; }
  .prosa{ font-size:14px; }
  .esteira__fita img{ height:400px; }
}