/* ==========================================================================
   Atlas Del Whisky — tokens "papel" de la portada, compartidos con las notas
   Los define la portada (rediseño 2026-09-29); se movieron acá sin cambiar valores
   (2026-10-21) para que artículos, guías y perfiles de autor usen exactamente la misma
   identidad cromática: fondo papel, tinta oscura, dorado legible y filetes.
   ========================================================================== */
.pt,.papel{
  --paper:#f4ede0;
  --paper-2:#ebe1cc;
  --paper-card:#fbf7ef;
  --ink-1:#1c1710;
  --ink-2:#4d4233;
  --ink-3:#766850;
  --gold-ink:#7a5a1d;               /* dorado legible sobre papel (contraste AA) */
  --rule:rgba(122,90,29,.3);
  --rule-soft:rgba(28,23,16,.11);
}

/* ===================== Notas (artículos y guías) y perfiles de autor ===================== */
/* La barra de navegación y el pie siguen oscuros, igual que en la portada; el contenido va sobre papel. */
/* z-index 1, como .app en la portada: el papel va por encima del grano y la viñeta fijos del fondo (motion.css) */
.papel{display:block;position:relative;z-index:1;background:var(--paper);color:var(--ink-1)}
.papel .breadcrumb{background:var(--paper-2);border-bottom:1px solid var(--rule-soft);color:var(--ink-3)}
.papel .breadcrumb a,.papel .breadcrumb svg{color:var(--gold-ink)}
.papel .breadcrumb a:hover{color:var(--ink-1)}
.papel .breadcrumb .sep{color:var(--ink-3)}
.papel .breadcrumb .cur{color:var(--ink-1)}
.papel .content-wrap{padding-bottom:3.6rem}

.papel .nota-back{color:var(--gold-ink)}
.papel .nota-back:hover{color:var(--ink-1)}
.papel .nota-hero{border-color:var(--rule-soft);box-shadow:0 18px 40px rgba(28,23,16,.14)}
.papel .eyebrow{color:var(--gold-ink);font-weight:700}
.papel a.eyebrow:hover{color:var(--ink-1)}
.papel .nota-title{color:var(--ink-1)}
.papel .nota-lead{color:var(--ink-2)}
.papel .cms-empty{color:var(--ink-3);border-color:var(--rule)}

/* firma: autor + fechas */
.nota-byline{display:flex;align-items:center;gap:.85rem;margin:0 0 1.6rem;padding:.9rem 0;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.nota-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--paper-2)}
.nota-byline-txt{display:flex;flex-direction:column;gap:.18rem;min-width:0;font-size:.82rem;line-height:1.4;color:var(--ink-3)}
.nota-autor{font-weight:600;color:var(--ink-1)}
a.nota-autor{color:var(--ink-1);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
a.nota-autor:hover{color:var(--gold-ink);text-decoration-color:currentColor}
.nota-fechas{display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.nota-fechas b{font-weight:600;color:var(--ink-2)}

/* cuerpo (los bloques del editor usan las variables --ab-* de article-blocks.css) */
.papel .article{--ab-gold:#c9a24a;--ab-gold2:var(--gold-ink);--ab-cream:var(--ink-1);--ab-txt:var(--ink-1);--ab-mut:var(--ink-2);
  --ab-line:var(--rule-soft);--ab-panel:var(--paper-card);color:var(--ink-1)}
.papel .nota-body p,.papel .nota-body ul,.papel .nota-body ol,.papel .nota-body h3{color:var(--ink-1)}
.papel .nota-body h2{color:var(--gold-ink)}
.papel .nota-body strong{color:var(--ink-1)}
.papel .nota-body a{color:var(--gold-ink);text-decoration-color:var(--rule)}
.papel .nota-body a:hover{color:var(--ink-1);text-decoration-color:currentColor}
.papel .nota-body blockquote{color:var(--ink-2)}
.papel .nota-body code,.papel .nota-body pre code{color:var(--ink-2)}
.papel .nota-body pre{background:var(--paper-2);border-color:var(--rule-soft)}
.papel .nota-body img{border-color:var(--rule-soft)}
.papel .nota-body th,.papel .nota-body td{border-color:var(--rule-soft)}
.papel .nota-body th{background:rgba(122,90,29,.08);color:var(--gold-ink)}
.papel .nota-body hr{border-top-color:var(--rule)}
.papel .nota-body .nota-callout{background:var(--paper-card);border-color:var(--rule-soft);border-left-color:var(--gold-ink)}
.papel .nota-body .nota-callout::before{color:var(--gold-ink)}
.papel .nota-body .nota-faq .faq-a{color:var(--ink-2)}
.papel .nota-body .nota-toc a{color:var(--ink-2)}
.papel .nota-body .nota-toc a:hover{color:var(--gold-ink)}
.papel .nota-body .nota-toc-h{color:var(--gold-ink)}
.papel .nota-body .nota-embed figcaption{color:var(--ink-3)}

/* artículos relacionados */
.papel .related-wrap{border-top-color:var(--rule)}
.papel .related-h{color:var(--ink-1)}
.papel .rel-card{background:var(--paper-card);border-color:var(--rule-soft)}
.papel .rel-card:hover{background:var(--paper-card);border-color:var(--rule);box-shadow:0 12px 28px rgba(28,23,16,.1)}
.papel .rel-thumb{background-color:var(--paper-2)}
.papel .rel-noimg{background:radial-gradient(120% 90% at 30% 20%,#2c2417,#15110b)}
.papel .rel-t{color:var(--ink-1)}
.papel .rel-card:hover .rel-t{color:#5b4214}
.papel .rel-d{color:var(--ink-3)}
.papel .rel-go{color:var(--gold-ink)}

/* ===================== Perfil de autor (/autor/{slug}) ===================== */
.autor-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:center;max-width:760px;margin:.6rem auto 2.4rem}
.autor-foto{width:120px;height:120px;border-radius:50%;object-fit:cover;background:var(--paper-2);border:1px solid var(--rule)}
.autor-ini{display:grid;place-items:center;font-family:var(--serif-display);font-size:2.2rem;color:var(--gold-ink)}
.autor-nombre{font-family:var(--serif-display);font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1;color:var(--ink-1);margin:.25rem 0 .5rem}
.autor-bio{font-family:var(--serif-body);font-size:1.18rem;line-height:1.55;color:var(--ink-2);margin:0 0 .6rem;white-space:pre-line}
.autor-url{font-size:.82rem;color:var(--gold-ink);text-decoration:underline;text-underline-offset:3px;word-break:break-word}
.autor-url:hover{color:var(--ink-1)}
.autor-h2{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-ink);
  display:flex;align-items:center;gap:.75rem;margin:0 0 1.1rem}
.autor-h2::before{content:"";width:28px;height:1.5px;background:currentColor;flex:none}
.autor-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.autor-item{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:.9rem;align-items:start;padding:.8rem;
  background:var(--paper-card);border:1px solid var(--rule-soft);border-radius:4px;transition:border-color .2s,box-shadow .2s}
.autor-item:hover{border-color:var(--rule);box-shadow:0 12px 28px rgba(28,23,16,.1)}
.autor-item-img{aspect-ratio:4/3;width:100%;height:auto;border-radius:3px;object-fit:cover;background:var(--paper-2);display:block}
.autor-item-t{font-family:var(--serif-body);font-weight:600;font-size:1.08rem;line-height:1.18;color:var(--ink-1);margin:0 0 .3rem}
.autor-item-t a{color:inherit}
.autor-item-t a::after{content:"";position:absolute;inset:0}
.autor-item:hover .autor-item-t{color:#5b4214}
.autor-item time{font-size:.72rem;color:var(--ink-3)}
.autor-pager{display:flex;justify-content:center;gap:1.4rem;margin-top:1.8rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.autor-pager a{color:var(--gold-ink)}
.autor-pager a:hover{color:var(--ink-1)}
@media (max-width:560px){
  .nota-byline{align-items:flex-start}
  .autor-head{grid-template-columns:1fr;text-align:center;justify-items:center}
  .autor-foto{width:96px;height:96px}
  .autor-item{grid-template-columns:96px minmax(0,1fr)}
}
.papel a:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}