/* ═══════════════════════════════════════════════════════════════
   LIGA DO CAFÉ — sistema visual
   Noite de estádio (escuro + ouro) x Lavoura ao sol (pergaminho)
   ═══════════════════════════════════════════════════════════════ */
:root{
  --breu:#0A0D0B;
  --breu-2:#10150F;
  --breu-3:#161C14;
  --escudo:#10321F;
  --escudo-fundo:#0B2015;
  --ouro:#C9A227;
  --ouro-claro:#F0D68E;
  --ouro-fraco:#7A5F14;
  --grao:#6B4224;
  --creme:#F4EEE2;
  --neblina:#B3C0B6;
  --pergaminho:#EDE4D3;
  --pergaminho-2:#E0D4BC;
  --tinta:#241A11;
  --tinta-fraca:#4A3B2B;
  --ouro-tinta:#7F5E0C;   /* dourado legível sobre o pergaminho (contraste > 4.5:1) */
  --whats:#25D366;

  /* Uma só família serifada, com eixo óptico: nítida do título grande ao texto. */
  --display:'Newsreader', Georgia, 'Times New Roman', serif;
  --titulo:'Newsreader', Georgia, 'Times New Roman', serif;
  --atletica:'Big Shoulders Display', 'Oswald', 'Arial Narrow', 'Haettenschweiler', sans-serif;
  --corpo:'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --nav-h:72px;
  --raio:4px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--corpo);
  background:var(--breu);
  color:var(--creme);
  line-height:1.65;
  font-size:16px;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
  padding-top:env(safe-area-inset-top,0px);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:2px}

.container{width:min(1180px, 100% - 3rem);margin-inline:auto}
.secao{padding:clamp(4.5rem,9vw,8rem) 0;position:relative}
.secao--claro{background:var(--pergaminho);color:var(--tinta);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.secao--claro .eyebrow{color:var(--grao)}
.secao--claro .titulo-secao{color:var(--tinta)}
.secao--claro .titulo-secao em{color:var(--ouro-tinta)}
.secao--claro .lead{color:var(--tinta-fraca)}

/* ── Tipos ────────────────────────────────────────────────── */
.eyebrow{
  font-family:var(--atletica);
  font-size:1.05rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ouro);display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem;
}
.eyebrow::after{content:'';flex:1;height:1px;background:currentColor;opacity:.32;max-width:90px}
.eyebrow--centro{justify-content:center}
.eyebrow--centro::before{content:'';flex:1;height:1px;background:currentColor;opacity:.32;max-width:90px}

.titulo-secao{
  font-family:var(--display);
  font-size:clamp(2.2rem,5vw,3.7rem);
  font-weight:500;line-height:1.12;letter-spacing:-.025em;color:var(--creme);
  padding-bottom:.06em;
}
.titulo-secao em{font-style:italic;font-weight:500;color:var(--ouro)}
.lead{color:var(--neblina);font-size:clamp(1.05rem,1.6vw,1.18rem);max-width:60ch;margin-top:1.2rem}
.centro{text-align:center}
.centro .lead{margin-inline:auto}
.centro .eyebrow{justify-content:center}
.centro .eyebrow::before{content:'';flex:1;height:1px;background:currentColor;opacity:.32;max-width:90px}

/* ── Botões ───────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--atletica);font-size:1rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  padding:.95rem 2rem;border:1px solid transparent;border-radius:var(--raio);
  cursor:pointer;transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
  text-align:center;
}
.btn:hover{transform:translateY(-2px)}
.btn--ouro{background:linear-gradient(135deg,var(--ouro-claro),var(--ouro) 55%,var(--ouro-fraco));color:#1A1405}
.btn--ouro:hover{background:linear-gradient(135deg,#FBE7B4,var(--ouro-claro) 55%,var(--ouro))}
.btn--linha{border-color:rgba(201,162,39,.45);color:var(--ouro-claro);background:transparent}
.btn--linha:hover{border-color:var(--ouro);background:rgba(201,162,39,.09)}
.btn--tinta{border-color:rgba(36,26,17,.3);color:var(--tinta);background:transparent}
.btn--tinta:hover{background:rgba(36,26,17,.06);border-color:var(--tinta)}
.btn--whats{background:var(--whats);color:#04310F}
.btn--whats:hover{background:#3BE57A}
.btn--bloco{width:100%;padding-inline:1rem}
.btn svg{flex-shrink:0}
@media (max-width:420px){.btn{font-size:.92rem;letter-spacing:.1em}}

/* ── Emblema ──────────────────────────────────────────────── */
.emblema{display:block;height:auto}

/* ── Aviso administrável ──────────────────────────────────── */
.aviso-faixa{
  position:relative;background:linear-gradient(90deg,var(--ouro) 0%,var(--ouro-claro) 50%,var(--ouro) 100%);
  color:#1A1405;text-align:center;padding:.8rem 3rem;font-size:.92rem;font-weight:500;
}
.aviso-faixa strong{font-family:var(--atletica);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:1.02rem}
.aviso-faixa a{text-decoration:underline;font-weight:600}
.aviso-popup-bg{
  position:fixed;inset:0;background:rgba(5,7,5,.86);backdrop-filter:blur(5px);
  display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000;
}
.aviso-popup{
  background:var(--breu-2);border:1px solid rgba(201,162,39,.35);border-radius:6px;
  max-width:420px;width:100%;position:relative;overflow:hidden;
}
.aviso-popup img{width:100%}
.aviso-popup-corpo{padding:2rem 1.9rem}
.aviso-popup-corpo h3{font-family:var(--titulo);font-size:1.6rem;font-weight:500;color:var(--ouro-claro);margin-bottom:.7rem}
.aviso-popup-corpo p{color:var(--neblina);font-size:.96rem;margin-bottom:1.4rem}
.aviso-fechar{
  position:absolute;top:.7rem;right:.8rem;background:rgba(0,0,0,.35);border:none;color:var(--creme);
  width:34px;height:34px;border-radius:50%;font-size:1.4rem;line-height:1;cursor:pointer;
}
.aviso-faixa .aviso-fechar{background:rgba(0,0,0,.14);color:#1A1405;top:50%;transform:translateY(-50%)}

/* ── Navegação ────────────────────────────────────────────── */
.nav{
  position:sticky;top:0;z-index:900;
  background:rgba(10,13,11,.78);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(201,162,39,.16);
  transition:background .3s ease;
}
.nav-int{display:flex;align-items:center;gap:1.5rem;height:var(--nav-h)}
.nav-marca{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.nav-marca .emblema{width:auto;height:50px;filter:drop-shadow(0 0 10px rgba(201,162,39,.3))}
.nav-marca span{
  font-family:var(--atletica);font-weight:700;font-size:1.18rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--creme);line-height:1;
}
.nav-menu{display:flex;gap:2rem;margin-left:auto;list-style:none}
.nav-menu a{
  font-family:var(--atletica);font-size:1rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#C9D3CB;position:relative;padding-block:.4rem;
  transition:color .2s ease;
}
.nav-menu a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ouro);transition:width .25s ease;
}
.nav-menu a:hover{color:var(--creme)}
.nav-menu a:hover::after{width:100%}
.nav-cta{flex-shrink:0;padding:.65rem 1.4rem;font-size:.95rem}
/* No computador o botão dourado já leva ao pedido; o link do menu só aparece no celular. */
@media (min-width:941px){.nav-menu .so-celular{display:none}}
.nav-abrir{display:none;background:none;border:1px solid rgba(201,162,39,.35);border-radius:var(--raio);width:44px;height:44px;cursor:pointer;margin-left:auto}
.nav-abrir span{display:block;width:20px;height:1.5px;background:var(--ouro-claro);margin:4px auto;transition:.25s}
.nav[data-aberto="true"] .nav-abrir span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav[data-aberto="true"] .nav-abrir span:nth-child(2){opacity:0}
.nav[data-aberto="true"] .nav-abrir span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

@media (max-width:940px){
  .nav-abrir{display:block}
  .nav-menu{
    position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;gap:0;
    background:var(--breu-2);border-bottom:1px solid rgba(201,162,39,.2);
    max-height:0;overflow:hidden;transition:max-height .32s ease;margin-left:0;
  }
  .nav[data-aberto="true"] .nav-menu{max-height:420px}
  .nav-menu li{border-top:1px solid rgba(255,255,255,.05)}
  .nav-menu a{display:block;padding:1rem 1.5rem}
  .nav-cta{display:none}
}

/* ── Hero ─────────────────────────────────────────────────── */
.hero{
  position:relative;min-height:min(100svh,880px);display:flex;align-items:center;
  padding:clamp(3rem,7vw,5rem) 0 0;overflow:hidden;
  background:
    radial-gradient(ellipse 70% 55% at 50% 8%, rgba(16,50,31,.85) 0%, transparent 62%),
    radial-gradient(ellipse 90% 60% at 50% 100%, rgba(107,66,36,.28) 0%, transparent 60%),
    var(--breu);
}
.hero-foto{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.4;filter:saturate(.85)}
.hero-veu{position:absolute;inset:0;background:
  radial-gradient(circle min(340px,45vw) at 50% 24%, rgba(201,162,39,.2) 0%, rgba(201,162,39,.06) 45%, transparent 72%),
  linear-gradient(180deg,rgba(10,13,11,.55) 0%,rgba(10,13,11,.2) 40%,var(--breu) 100%)}
.hero-grao{
  position:absolute;inset:0;opacity:.055;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}
.hero-int{position:relative;z-index:2;text-align:center;padding-bottom:4rem}
.hero-emblema{
  width:auto;height:clamp(170px,22vw,240px);margin:0 auto 2.2rem;
  /* Contorno dourado nítido + sombra que descola do fundo + halo de "holofote". */
  filter:drop-shadow(0 0 1px rgba(240,214,142,.7)) drop-shadow(0 14px 30px rgba(0,0,0,.65)) drop-shadow(0 0 42px rgba(201,162,39,.38));
}
.hero-eyebrow{
  font-family:var(--atletica);font-size:clamp(.95rem,1.6vw,1.08rem);font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:var(--ouro);margin-bottom:1.6rem;
}
.hero h1{
  font-family:var(--display);font-weight:500;
  font-size:clamp(2.7rem,9vw,6.2rem);line-height:1.04;letter-spacing:-.03em;
  color:var(--creme);margin-bottom:1.6rem;
}
/* O itálico tem descendentes longos (o "f" de "café"):
   a caixa precisa de folga para não cortar o glifo. */
.hero h1 .realce{
  display:block;font-style:italic;font-weight:600;letter-spacing:-.02em;
  line-height:1.18;padding-bottom:.1em;
  background:linear-gradient(100deg,var(--ouro-fraco) 0%,var(--ouro-claro) 32%,#FFF3D0 50%,var(--ouro-claro) 68%,var(--ouro-fraco) 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:lustro 7s ease-in-out infinite;
}
@keyframes lustro{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero p.hero-sub{
  color:var(--neblina);font-size:clamp(1rem,1.9vw,1.2rem);max-width:56ch;margin:0 auto 2.6rem;
}
.hero-acoes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
@media (max-width:560px){
  .hero-eyebrow{letter-spacing:.18em}
  .hero-acoes .btn{width:100%}
}

/* ── Faixa de selos (esteira) ─────────────────────────────── */
.esteira{
  background:var(--escudo-fundo);border-block:1px solid rgba(201,162,39,.22);
  overflow:hidden;padding:.95rem 0;
}
.esteira-trilho{display:flex;width:max-content;animation:correr 38s linear infinite}
.esteira:hover .esteira-trilho{animation-play-state:paused}
@keyframes correr{to{transform:translateX(-50%)}}
.esteira-item{
  display:flex;align-items:center;gap:1.4rem;padding-inline:1.4rem;
  font-family:var(--atletica);font-size:1rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ouro-claro);white-space:nowrap;
}
.esteira-item::after{content:'';width:5px;height:5px;background:var(--ouro);transform:rotate(45deg);flex-shrink:0}

/* ── A escalação (cafés) ──────────────────────────────────── */
.campo{position:relative;background:var(--breu)}
.campo::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.055;
  background-image:
    linear-gradient(to right, var(--ouro) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, transparent 118px, var(--ouro) 118px, var(--ouro) 119px, transparent 119px);
  background-size:100% 100%, 100% 100%;
  background-position:center, center;
  background-repeat:no-repeat;
}
.escalacao{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:1.5rem;margin-top:3.5rem}
/* Com um único café, a ficha vira um painel de destaque centralizado. */
.escalacao[data-unico="true"]{max-width:760px;margin-inline:auto}

.ficha{
  display:flex;flex-direction:column;
  background:linear-gradient(170deg,var(--breu-3) 0%,var(--breu-2) 100%);
  border:1px solid rgba(255,255,255,.07);border-radius:6px;overflow:hidden;
  transition:border-color .3s ease, transform .3s ease;
}
.ficha:hover{border-color:rgba(201,162,39,.4);transform:translateY(-4px)}
.ficha[data-capitao="true"]{border-color:rgba(201,162,39,.45)}
.ficha[data-esgotado="true"]{opacity:.58}

.ficha-topo{display:flex;min-height:150px}
.camisa{
  position:relative;flex:0 0 42%;min-height:150px;
  background:linear-gradient(145deg,var(--escudo) 0%,var(--escudo-fundo) 100%);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  border-right:1px solid rgba(201,162,39,.18);
}
.camisa[data-torra="Clara"]{background:linear-gradient(145deg,#8A6A3F 0%,#4B3520 100%)}
.camisa[data-torra="Média"]{background:linear-gradient(145deg,#6B4224 0%,#33200F 100%)}
.camisa[data-torra="Média-escura"]{background:linear-gradient(145deg,#4E2E18 0%,#241305 100%)}
.camisa[data-torra="Escura"]{background:linear-gradient(145deg,#2E1B0E 0%,#120A04 100%)}
.camisa-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.camisa[data-foto="true"]{background:#1A120B}
.camisa[data-foto="true"] .camisa-foto{opacity:1}
.camisa[data-foto="true"] .camisa-num{display:none}
.camisa[data-foto="true"]::after{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 62%,rgba(10,13,11,.8) 100%);
}
.escalacao[data-unico="true"] .ficha-topo{min-height:300px}
.escalacao[data-unico="true"] .camisa{flex-basis:46%}
@media (max-width:520px){
  .ficha-topo{flex-direction:column}
  .camisa{flex-basis:auto;min-height:260px;border-right:none;border-bottom:1px solid rgba(201,162,39,.18)}
}
.camisa-num{
  font-family:var(--atletica);font-size:clamp(4.2rem,9vw,5.8rem);font-weight:800;line-height:.8;
  color:transparent;-webkit-text-stroke:1.5px rgba(240,214,142,.62);
  position:relative;z-index:2;user-select:none;
}
.camisa-pos{
  position:absolute;bottom:.7rem;left:0;right:0;text-align:center;z-index:2;
  font-family:var(--corpo);font-size:.72rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ouro-claro);
}
.fita{
  position:absolute;top:.7rem;left:0;z-index:3;
  background:var(--ouro);color:#1A1405;
  font-family:var(--corpo);font-size:.68rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:.25rem .75rem .25rem .6rem;
}
.fita--esgotado{background:#5C1E1E;color:#F6D9D9}

.ficha-cabeca{flex:1;padding:1.5rem 1.5rem 1.2rem;display:flex;flex-direction:column;justify-content:center}
.ficha-apelido{
  font-family:var(--atletica);font-size:1rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ouro);margin-bottom:.35rem;
}
.ficha-nome{font-family:var(--titulo);font-size:1.9rem;font-weight:600;line-height:1.1;color:var(--creme)}
.ficha-nota{
  margin-top:.7rem;display:inline-flex;align-items:baseline;gap:.4rem;
  font-family:var(--corpo);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--neblina);
}
.ficha-nota b{font-family:var(--atletica);font-weight:800;font-size:1.25rem;color:var(--ouro-claro);letter-spacing:0}

.ficha-corpo{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1}
.ficha-resumo{color:var(--neblina);font-size:.95rem;margin-bottom:1.25rem}

.notas{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.35rem}
.nota-chip{
  font-size:.82rem;font-weight:500;letter-spacing:.04em;padding:.28rem .7rem;border-radius:999px;
  border:1px solid rgba(201,162,39,.32);color:var(--ouro-claro);background:rgba(201,162,39,.06);
}

.atributos{display:grid;gap:.55rem;margin-bottom:1.35rem}
.atributo{display:grid;grid-template-columns:5.4rem 1fr 2rem;align-items:center;gap:.7rem}
.atributo-rot{
  font-family:var(--corpo);font-size:.74rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--neblina);
}
.atributo-barra{height:4px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.atributo-preenche{
  display:block;height:100%;width:0;border-radius:999px;
  background:linear-gradient(90deg,var(--ouro-fraco),var(--ouro-claro));
  transition:width 1.1s cubic-bezier(.2,.7,.3,1);
}
.atributo-val{font-family:var(--atletica);font-size:1rem;font-weight:800;color:var(--creme);text-align:right}

.ficha-tec{
  display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;padding-top:1rem;margin-bottom:1.2rem;
  border-top:1px solid rgba(255,255,255,.07);
  font-size:.78rem;color:var(--neblina);
}
.ficha-tec span b{color:var(--creme);font-weight:500}

.embalagens{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;margin-top:auto;align-items:center}
.embalagens-rot{
  font-family:var(--corpo);font-size:.72rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--neblina);width:100%;margin-bottom:.1rem;
}
.embalagem{
  padding:.5rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--raio);
  background:rgba(0,0,0,.22);font-family:var(--atletica);font-size:1.05rem;font-weight:700;
  letter-spacing:.08em;color:var(--ouro-claro);
}

/* ── Súmula do pedido ─────────────────────────────────────── */
.pedido{background:var(--escudo-fundo);border-block:1px solid rgba(201,162,39,.2)}
.pedido-grade{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem;align-items:start}
@media (max-width:900px){.pedido-grade{grid-template-columns:1fr;gap:2rem}}

.form-campo{margin-bottom:1.1rem}
.form-campo label{
  display:block;font-family:var(--corpo);font-size:.74rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin-bottom:.45rem;
}
.form-campo select,.form-campo input,.form-campo textarea{
  width:100%;padding:.8rem .9rem;background:rgba(0,0,0,.34);
  border:1px solid rgba(255,255,255,.12);border-radius:var(--raio);
  color:var(--creme);font-size:.96rem;transition:border-color .2s ease;
}
.form-campo select:focus,.form-campo input:focus,.form-campo textarea:focus{border-color:var(--ouro);outline:none}
.form-campo select option{background:var(--breu-2);color:var(--creme)}
.form-campo textarea{resize:vertical;min-height:72px}
.form-linha{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.form-nota{font-size:.78rem;color:var(--neblina);margin-top:.9rem;line-height:1.55}

.sumula{
  background:rgba(0,0,0,.3);border:1px solid rgba(201,162,39,.24);border-radius:6px;
  padding:1.6rem;position:sticky;top:calc(var(--nav-h) + 1.5rem);
}
.sumula h3{
  font-family:var(--atletica);font-size:1rem;font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ouro);margin-bottom:1.2rem;
  padding-bottom:.8rem;border-bottom:1px solid rgba(201,162,39,.22);
}
.sumula-vazia{color:var(--neblina);font-size:.92rem;padding:1.4rem 0;text-align:center}
.sumula-lista{list-style:none;margin-bottom:1.2rem}
.sumula-item{
  display:flex;gap:.9rem;align-items:flex-start;
  padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.07);
}
.sumula-num{
  font-family:var(--atletica);font-size:1.1rem;font-weight:800;color:var(--ouro);
  min-width:1.8rem;line-height:1.3;
}
.sumula-txt{flex:1;min-width:0}
.sumula-txt strong{display:block;font-weight:500;font-size:.98rem}
.sumula-txt small{color:var(--neblina);font-size:.82rem}
.sumula-val{font-family:var(--titulo);font-size:1rem;color:var(--ouro-claro);white-space:nowrap}
.sumula-tirar{
  background:none;border:none;color:var(--neblina);cursor:pointer;font-size:1.25rem;
  line-height:1;padding:0 .2rem;transition:color .2s ease;
}
.sumula-tirar:hover{color:#E4736A}
.sumula-preco{
  padding:1.1rem 0 1.3rem;border-top:1px solid rgba(201,162,39,.22);margin-top:.4rem;
}
.sumula-preco p{font-size:.88rem;color:var(--neblina);line-height:1.6}
.sumula-preco strong{color:var(--ouro-claro);font-weight:600}

/* ── Safra (claro) ────────────────────────────────────────── */
.safra-trilha{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3.2rem;
  border-top:2px solid rgba(36,26,17,.16);
}
@media (max-width:860px){.safra-trilha{grid-template-columns:1fr;border-top:none}}
.safra-etapa{
  padding:1.9rem 1.2rem 1.6rem;position:relative;
  border-right:1px solid rgba(36,26,17,.11);
}
.safra-etapa:last-child{border-right:none}
@media (max-width:860px){
  .safra-etapa{border-right:none;border-top:1px solid rgba(36,26,17,.14);padding-left:2.4rem}
}
.safra-etapa::before{
  content:'';position:absolute;top:-6px;left:1.2rem;width:10px;height:10px;
  background:var(--pergaminho);border:2px solid var(--grao);transform:rotate(45deg);
}
@media (max-width:860px){.safra-etapa::before{top:-6px;left:1.1rem}}
.safra-etapa[data-atual="true"]::before{background:var(--ouro);border-color:var(--grao)}
.safra-etapa[data-atual="true"]{background:rgba(201,162,39,.12)}
.safra-periodo{
  font-family:var(--corpo);font-size:.74rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--grao);margin-bottom:.5rem;
}
.safra-nome{font-family:var(--titulo);font-size:1.45rem;font-weight:600;color:var(--tinta);margin-bottom:.55rem}
.safra-desc{font-size:.92rem;color:var(--tinta-fraca);line-height:1.6}
.safra-agora{
  display:inline-block;margin-top:.7rem;font-family:var(--corpo);font-size:.68rem;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:var(--grao);color:var(--pergaminho);padding:.18rem .6rem;
}

/* ── Sobre (claro) ────────────────────────────────────────── */
.sobre-grade{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:860px){.sobre-grade{grid-template-columns:1fr}}
.sobre-visual{
  position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;
  background:linear-gradient(160deg,var(--escudo) 0%,var(--breu) 55%,var(--grao) 130%);
  display:flex;align-items:center;justify-content:center;
}
.sobre-visual img{width:100%;height:100%;object-fit:cover}
.sobre-visual .emblema{width:auto;height:66%;max-width:80%;object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(201,162,39,.3))}
.sobre-texto p{color:var(--tinta-fraca);margin-bottom:1.1rem;font-size:1.03rem}
.sobre-assinatura{
  font-family:var(--titulo);font-style:italic;font-size:1.15rem;color:var(--grao);
  padding-top:1.2rem;margin-top:.6rem;border-top:1px solid rgba(36,26,17,.16);display:inline-block;
}

/* ── Missão ───────────────────────────────────────────────── */
.missao{
  background:
    radial-gradient(ellipse 70% 90% at 50% 0%, rgba(23,72,45,.9) 0%, transparent 70%),
    var(--escudo-fundo);
  border-block:1px solid rgba(201,162,39,.2);text-align:center;
}
.missao-texto{
  font-family:var(--display);font-weight:500;font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.32;letter-spacing:-.015em;
  color:var(--creme);max-width:32ch;margin:0 auto;text-wrap:balance;
}
.missao-frase{
  display:inline-flex;align-items:center;gap:.8rem;margin-top:2.2rem;
  font-family:var(--display);font-style:italic;font-weight:600;font-size:clamp(1.5rem,3.4vw,2.4rem);
  color:var(--ouro-claro);line-height:1.2;
}
.missao-frase svg{width:1.1em;height:1.1em;flex-shrink:0;color:var(--ouro)}

/* ── Reportagens (claro) ──────────────────────────────────── */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.6rem;margin-top:3.2rem}
.post{
  display:flex;flex-direction:column;text-align:left;cursor:pointer;
  background:#F7F2E8;border:1px solid rgba(36,26,17,.12);border-radius:8px;
  overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow:0 1px 2px rgba(36,26,17,.05);
}
.post:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(36,26,17,.14);border-color:rgba(36,26,17,.24)}
.post-capa{
  aspect-ratio:16/10;background:linear-gradient(140deg,var(--escudo),var(--breu));
  position:relative;display:flex;align-items:flex-end;padding:1.1rem;overflow:hidden;
}
.post-capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.post:hover .post-capa img{transform:scale(1.04)}
/* Degradê na base da capa: garante leitura da etiqueta sobre qualquer foto. */
.post-capa::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(10,13,11,.55) 100%);
}
.post-arte{position:absolute;inset:0;width:100%;height:100%}
.post-cat{
  position:relative;z-index:2;font-family:var(--corpo);font-size:.7rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;background:var(--ouro);color:#1A1405;
  padding:.3rem .7rem;border-radius:2px;
}
.post-corpo{padding:1.5rem 1.5rem 1.4rem;display:flex;flex-direction:column;flex:1}
.post-data{
  font-family:var(--corpo);font-size:.76rem;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--grao);margin-bottom:.65rem;
  display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;
}
.post-data i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.post-titulo{font-family:var(--titulo);font-size:1.42rem;font-weight:600;line-height:1.22;color:var(--tinta);margin-bottom:.7rem;letter-spacing:-.01em}
.post-resumo{font-size:.98rem;line-height:1.6;color:var(--tinta-fraca);flex:1}
.post-ler{
  margin-top:1.2rem;font-family:var(--corpo);font-size:.86rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ouro-tinta);display:inline-flex;gap:.5rem;align-items:center;
  transition:gap .25s ease;
}
.post:hover .post-ler{gap:.9rem}

.posts-filtros{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2.4rem}
.posts-filtros button{
  font-family:var(--corpo);font-size:.86rem;font-weight:600;padding:.5rem 1.05rem;border-radius:999px;cursor:pointer;
  border:1px solid rgba(36,26,17,.22);background:transparent;color:var(--tinta);transition:background .2s ease,border-color .2s ease;
}
.posts-filtros button:hover{border-color:var(--tinta)}
.posts-filtros button[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--pergaminho)}
.posts-filtros + .posts{margin-top:1.8rem}
.posts-mais{display:flex;justify-content:center;margin-top:2.4rem}

/* Matéria em destaque: ocupa a linha inteira, capa ao lado do texto. */
.post--destaque{grid-column:1 / -1}
/* Abaixo do destaque, a grade usa 2 ou 3 colunas para não sobrar buraco. */
@media (min-width:700px){.posts[data-colunas="2"]{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.posts[data-colunas="3"]{grid-template-columns:repeat(3,1fr)}}
@media (min-width:860px){
  .post--destaque{flex-direction:row;min-height:360px}
  .post--destaque .post-capa{flex:0 0 58%;aspect-ratio:auto}
  .post--destaque .post-corpo{padding:2.4rem 2.4rem 2.2rem;justify-content:center}
  .post--destaque .post-titulo{font-size:clamp(1.8rem,2.6vw,2.3rem);line-height:1.14}
  .post--destaque .post-resumo{font-size:1.06rem;flex:0}
}

/* Leitor de reportagem */
.leitor-bg{
  position:fixed;inset:0;z-index:2100;background:rgba(5,7,5,.88);backdrop-filter:blur(6px);
  display:flex;align-items:flex-start;justify-content:center;padding:clamp(1rem,4vw,3rem);overflow-y:auto;
}
.leitor{
  background:var(--pergaminho);color:var(--tinta);max-width:760px;width:100%;
  border-radius:8px;position:relative;overflow:hidden;margin-block:auto;
  -webkit-font-smoothing:auto;
}
.leitor-capa{aspect-ratio:21/9;background:linear-gradient(140deg,var(--escudo),var(--breu));position:relative;overflow:hidden}
.leitor-capa img,.leitor-capa .post-arte{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.leitor-legenda{font-size:.8rem;color:var(--tinta-fraca);padding:.6rem clamp(1.6rem,4vw,3rem) 0;font-style:italic}
.leitor-corpo{padding:clamp(1.6rem,4vw,3rem)}
.leitor-corpo h2{font-family:var(--titulo);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;line-height:1.14;letter-spacing:-.015em;margin-bottom:1rem}
.leitor-meta{
  font-family:var(--corpo);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--grao);margin-bottom:1.4rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;
}
.leitor-meta i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.leitor-linha{font-size:1.18rem;line-height:1.6;color:var(--tinta);font-weight:500;margin-bottom:1.8rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(36,26,17,.15)}
.leitor-texto p{margin-bottom:1.25rem;color:#2E241A;font-family:var(--titulo);font-size:1.22rem;line-height:1.7;max-width:62ch}
.leitor-texto h3{font-family:var(--corpo);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-tinta);margin:2rem 0 .7rem}
.leitor-texto ul{margin:0 0 1.25rem 1.2rem;font-family:var(--titulo);font-size:1.18rem;line-height:1.65;color:#2E241A}
.leitor-texto li{margin-bottom:.45rem}
.leitor-texto li::marker{color:var(--ouro-tinta)}
.leitor-texto p:first-child::first-letter{
  font-family:var(--titulo);font-weight:600;float:left;font-size:3.4em;line-height:.9;
  margin:.08em .12em 0 0;color:var(--ouro-tinta);
}
.leitor-acoes{
  display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:2rem;padding-top:1.5rem;
  border-top:1px solid rgba(36,26,17,.15);
}
.leitor-acoes > span{font-family:var(--corpo);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-fraca);margin-right:.3rem}
.leitor-acoes .btn{padding:.7rem 1.2rem;font-size:.9rem}
.leitor-proxima{
  display:block;width:100%;text-align:left;cursor:pointer;margin-top:2rem;padding:1.3rem 1.4rem;
  background:#F7F2E8;border:1px solid rgba(36,26,17,.14);border-radius:6px;transition:border-color .2s ease;
}
.leitor-proxima:hover{border-color:var(--ouro-tinta)}
.leitor-proxima small{display:block;font-family:var(--corpo);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--grao);margin-bottom:.35rem}
.leitor-proxima strong{font-family:var(--titulo);font-size:1.25rem;font-weight:600;color:var(--tinta);line-height:1.25}
.leitor-fechar{
  position:absolute;top:.9rem;right:.9rem;z-index:3;width:40px;height:40px;border-radius:50%;
  background:rgba(10,13,11,.72);color:var(--creme);border:none;font-size:1.5rem;line-height:1;cursor:pointer;
}
.leitor-copiado{font-size:.85rem;color:var(--ouro-tinta);font-weight:600}

/* ── Depoimentos ──────────────────────────────────────────── */
.torcida{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1.5rem;margin-top:3.2rem}
.depo{
  background:var(--breu-2);border:1px solid rgba(255,255,255,.07);border-radius:6px;
  padding:1.8rem 1.6rem;position:relative;
}
.depo::before{
  content:'”';position:absolute;top:.3rem;right:1.1rem;font-family:var(--display);
  font-size:4.5rem;line-height:1;color:rgba(201,162,39,.2);
}
.depo blockquote p{font-family:var(--titulo);font-size:1.2rem;line-height:1.5;color:var(--creme);margin-bottom:1.3rem;position:relative;z-index:2}
.depo{display:flex;flex-direction:column;justify-content:space-between}
.torcida-cta{margin-top:2.6rem;text-align:center;color:var(--neblina)}
.torcida-cta a{color:var(--ouro-claro);font-weight:600;border-bottom:1px solid rgba(240,214,142,.4)}
.torcida-cta a:hover{border-color:var(--ouro-claro)}
.depo-quem{font-family:var(--atletica);font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro)}
.depo-onde{font-size:.8rem;color:var(--neblina);margin-top:.15rem}

/* ── Instagram ────────────────────────────────────────────── */
.mural{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}
.mural[data-colunas="4"]{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.mural,.mural[data-colunas="4"]{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.tile{
  aspect-ratio:1;position:relative;border-radius:6px;overflow:hidden;display:flex;
  align-items:flex-end;padding:1.3rem;
  border:1px solid rgba(255,255,255,.08);isolation:isolate;
}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .6s ease}
.tile:hover img{transform:scale(1.05)}
.tile[data-tema="gramado"]{background:linear-gradient(155deg,#17482D 0%,var(--escudo-fundo) 100%)}
.tile[data-tema="terra"]{background:linear-gradient(155deg,#7A4B28 0%,#2A1709 100%)}
.tile[data-tema="ouro"]{background:linear-gradient(155deg,#8C6D17 0%,#33260A 100%)}
.tile[data-tema="breu"]{background:linear-gradient(155deg,#1E261B 0%,#050705 100%)}
/* Textura só nos quadros de frase — nas fotos ela sujaria a imagem. */
.tile--frase::after{
  content:'';position:absolute;inset:0;opacity:.1;pointer-events:none;z-index:-1;
  background-image:radial-gradient(circle at 25% 25%, var(--ouro-claro) 1px, transparent 1.7px);
  background-size:16px 16px;
}
.tile-frase{
  position:relative;font-family:var(--titulo);font-size:clamp(1.1rem,1.7vw,1.4rem);font-weight:600;line-height:1.25;
  color:var(--creme);text-wrap:balance;
}
.tile-marca{
  position:absolute;top:1.1rem;left:1.3rem;font-family:var(--corpo);font-weight:700;
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-claro);
}
/* Foto real: legenda aparece no hover (ou sempre, em telas de toque). */
.tile--foto{padding:0}
.tile--foto::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,7,5,0) 40%,rgba(5,7,5,.85) 100%);
  opacity:0;transition:opacity .3s ease;
}
.tile-legenda{
  position:relative;z-index:1;padding:1.1rem 1.2rem;font-size:.88rem;line-height:1.45;color:var(--creme);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  opacity:0;transform:translateY(8px);transition:opacity .3s ease, transform .3s ease;
}
.tile--foto:hover::before,.tile--foto:focus-visible::before{opacity:1}
.tile--foto:hover .tile-legenda,.tile--foto:focus-visible .tile-legenda{opacity:1;transform:none}
@media (hover:none){.tile--foto::before{opacity:.8}.tile-legenda{opacity:1;transform:none;-webkit-line-clamp:2;font-size:.8rem}}
.tile-icone{
  position:absolute;top:.8rem;right:.8rem;z-index:1;width:30px;height:30px;border-radius:50%;
  background:rgba(5,7,5,.55);display:grid;place-items:center;color:#fff;
}
.tile-icone svg{width:15px;height:15px}
.tile{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;background:var(--breu-2)}
.tile-assistir{
  position:relative;display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;
  font-family:var(--corpo);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro);
}
.tile-assistir svg{width:14px;height:14px}
.tile--frase .tile-corpo{position:relative;display:flex;flex-direction:column}

/* Post do Instagram aberto dentro do site (incorporação oficial). */
.insta-bg{
  position:fixed;inset:0;z-index:2100;background:rgba(5,7,5,.9);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:1rem;
}
.insta-caixa{position:relative;width:min(440px,100%);display:flex;flex-direction:column;gap:.8rem}
.insta-caixa iframe{
  width:100%;height:min(760px,calc(100svh - 7rem));border:0;border-radius:8px;background:#fff;
}
.insta-rodape{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.insta-rodape .btn{padding:.7rem 1.2rem;font-size:.9rem}
.insta-fechar{
  width:42px;height:42px;border-radius:50%;border:1px solid rgba(240,214,142,.4);
  background:transparent;color:var(--creme);font-size:1.5rem;line-height:1;cursor:pointer;
}

/* ── Dúvidas ──────────────────────────────────────────────── */
.duvidas{max-width:760px;margin:3rem auto 0}
.duvida{border-bottom:1px solid rgba(255,255,255,.09)}
.duvida summary{
  cursor:pointer;list-style:none;padding:1.3rem 2.5rem 1.3rem 0;position:relative;
  font-family:var(--titulo);font-size:1.22rem;font-weight:600;color:var(--creme);
  transition:color .2s ease;
}
.duvida summary::-webkit-details-marker{display:none}
.duvida summary:hover{color:var(--ouro-claro)}
.duvida summary::after{
  content:'+';position:absolute;right:.3rem;top:50%;transform:translateY(-50%);
  font-family:var(--atletica);font-size:1.6rem;color:var(--ouro);transition:transform .25s ease;
}
.duvida[open] summary::after{content:'–'}
.duvida-corpo{padding:0 2.5rem 1.5rem 0;color:var(--neblina);font-size:.97rem}

/* ── Entrega + CTA final ──────────────────────────────────── */
.entrega-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1.5rem;margin-top:2.8rem}
.entrega-item{border-top:1px solid rgba(201,162,39,.3);padding-top:1.1rem}
.entrega-rot{font-family:var(--corpo);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin-bottom:.4rem}
.entrega-val{color:var(--neblina);font-size:.95rem}

.fechamento{
  background:
    radial-gradient(ellipse 80% 70% at 50% 0%, rgba(16,50,31,.85) 0%, transparent 65%),
    var(--breu-2);
  text-align:center;border-top:1px solid rgba(201,162,39,.2);
}
.fechamento .emblema{width:auto;height:130px;margin:0 auto 1.8rem;filter:drop-shadow(0 0 32px rgba(201,162,39,.32))}
.fechamento h2{font-family:var(--display);font-size:clamp(2.1rem,5vw,3.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.08;margin-bottom:1.2rem}
.fechamento h2 em{font-style:italic;color:var(--ouro-claro)}
.fechamento p{color:var(--neblina);max-width:52ch;margin:0 auto 2.4rem}

/* ── Rodapé ───────────────────────────────────────────────── */
.rodape{background:#050705;border-top:1px solid rgba(255,255,255,.07);padding:3.5rem 0 2rem}
.rodape-grade{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}
@media (max-width:760px){.rodape-grade{grid-template-columns:1fr;gap:2rem}}
.rodape-marca{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.rodape-marca .emblema{width:auto;height:56px}
.rodape-marca span{font-family:var(--atletica);font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.rodape p{color:var(--neblina);font-size:.9rem;max-width:38ch}
.rodape h4{font-family:var(--atletica);font-size:1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);margin-bottom:1rem}
.rodape ul{list-style:none;display:grid;gap:.6rem}
.rodape ul a{color:var(--neblina);font-size:.92rem;transition:color .2s ease}
.rodape ul a:hover{color:var(--creme)}
.rodape-base a{text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}
.rodape-base a:hover{color:var(--creme)}
.rodape-base{
  border-top:1px solid rgba(255,255,255,.07);padding-top:1.5rem;
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.82rem;color:#7F8C82;
}

/* ── WhatsApp flutuante ───────────────────────────────────── */
.zap{
  position:fixed;right:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));z-index:1000;
  width:58px;height:58px;border-radius:50%;background:var(--whats);
  display:grid;place-items:center;box-shadow:0 8px 26px rgba(37,211,102,.34);
  transition:transform .25s ease, opacity .25s ease;
}
.zap:hover{transform:scale(1.08)}
/* Fica fora do caminho enquanto o visitante está na abertura. */
.js .zap[data-mostrar="false"]{opacity:0;transform:scale(.7);pointer-events:none}
.js .zap[data-mostrar="false"]::before{display:none}
.zap svg{width:30px;height:30px;fill:#04310F}
.zap::before{
  content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--whats);
  animation:pulso 2.6s ease-out infinite;
}
@keyframes pulso{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}

/* ── Revelação no scroll ──────────────────────────────────────
   Só esconde quando há JavaScript para revelar de volta. */
.js .revela{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}
.js .revela.visivel{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .js .revela{opacity:1;transform:none}
}

/* ── Páginas internas (geradas pelo build) ──────────────── */
.pagina{padding-block:clamp(2rem,5vw,3.5rem) clamp(4rem,8vw,6rem)}
.migalhas{font-size:.85rem;color:var(--neblina);margin:0 auto 1.4rem;max-width:760px;display:flex;flex-wrap:wrap;gap:.45rem}
.migalhas a{text-decoration:underline;text-underline-offset:3px}
.migalhas a:hover{color:var(--creme)}
.leitor--pagina{margin:0 auto;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.leitor-corpo h1{font-family:var(--titulo);font-size:clamp(2rem,4.6vw,2.9rem);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin-bottom:1rem}
.leitor-autor{margin-top:2rem;font-size:.92rem;color:var(--tinta-fraca)}
.leitor-autor strong{color:var(--tinta)}
a.leitor-proxima{text-decoration:none}
.pagina-cta{max-width:760px;margin:2.5rem auto 0;text-align:center;padding:2.2rem 1.5rem;border:1px solid rgba(201,162,39,.25);border-radius:8px;background:var(--breu-2)}
.pagina-cta h2{font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:500;margin-bottom:.6rem}
.pagina-cta p{color:var(--neblina);max-width:48ch;margin:0 auto 1.5rem}
.pagina-cta .btn + .btn{margin-left:.6rem}
@media (max-width:520px){.pagina-cta .btn{width:100%}.pagina-cta .btn + .btn{margin:.7rem 0 0}}
.mais-leituras{max-width:1180px;margin:4rem auto 0}
.mais-leituras .posts{margin-top:1.5rem}
.secao--claro .migalhas{color:var(--tinta-fraca)}
.secao--claro .migalhas a:hover{color:var(--tinta)}
.texto-legal{max-width:70ch;margin:2.4rem auto 0}
.texto-legal h2{font-family:var(--titulo);font-size:1.5rem;font-weight:600;line-height:1.25;margin:2.2rem 0 .7rem;color:var(--tinta)}
.texto-legal p,.texto-legal li{color:var(--tinta-fraca);font-size:1.03rem;margin-bottom:.9rem}
.texto-legal ul{margin:0 0 1rem 1.2rem}
.texto-legal a{text-decoration:underline;text-underline-offset:3px;color:var(--tinta)}
.cabeca-pagina{max-width:760px;margin:0 auto;text-align:center}
.cabeca-pagina .migalhas{justify-content:center}
.erro-404{min-height:60vh;display:grid;place-items:center;text-align:center}
.erro-404 h1{font-family:var(--display);font-size:clamp(2.2rem,6vw,3.6rem);font-weight:500;margin-bottom:1rem}
.erro-404 p{color:var(--neblina);margin-bottom:2rem}