:root{--paper:#f3efe5;--paper-2:#ebe5d8;--ink:#1f211d;--line:#c8c0ad;--muted:#6f6a5f;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{max-width:var(--max);margin:0 auto;padding:18px 28px 0}
.brand{text-align:center;font-size:32px;letter-spacing:.13em;margin:0 0 16px}
.nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:28px;padding:11px 8px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nav a:hover{opacity:.6}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.hero{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;padding:56px 0 58px;border-bottom:1px solid var(--line);align-items:start}
.kicker,.eyebrow{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.hero h1{font-size:clamp(58px,6.4vw,108px);line-height:.93;font-weight:400;letter-spacing:-.045em;margin:25px 0 30px;max-width:740px}
.deck{font-size:24px;line-height:1.45;max-width:760px;margin:0 0 36px}
.button{display:inline-block;border:1px solid var(--ink);padding:18px 24px;min-width:250px;font:700 12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.hero-media{position:relative;background:#d4cebf;aspect-ratio:1.05/1;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:cover}
.caption{position:absolute;left:18px;right:18px;bottom:16px;border-top:1px solid rgba(30,30,25,.55);padding-top:10px;font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.sections{padding:28px 0 70px}.main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:36px}
.card{border-top:1px solid var(--ink);padding-top:15px}.card .n{font:10px Arial,sans-serif;color:var(--muted)}
.card h2{font-size:29px;font-weight:400;margin:24px 0 9px}.card p{font:14px/1.5 Arial,sans-serif;color:#514e47;max-width:90%}
.card .more,.secondary .more{display:inline-block;margin-top:16px;font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.secondary{background:var(--paper-2);padding:28px 30px 30px;min-height:190px}
.secondary h2{font-size:29px;font-weight:400;margin:14px 0 9px}.secondary p{font:14px/1.5 Arial,sans-serif;color:#514e47}
.article{max-width:860px;margin:0 auto;padding:70px 0 100px}.article .back{font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.article h1{font-size:clamp(50px,6vw,84px);font-weight:400;line-height:.98;margin:28px 0}.article .lead{font-size:23px;line-height:1.45;color:#48453f;margin-bottom:38px}
.article p{font-size:21px;line-height:1.72;margin:0 0 1.4em}.article figure{margin:38px 0}.article figcaption{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin-top:10px}
.footer{border-top:1px solid var(--line);max-width:var(--max);margin:0 auto;padding:24px 28px 40px;font:11px Arial,sans-serif;color:var(--muted)}
.placeholder{border:1px dashed var(--line);padding:40px;text-align:center;color:var(--muted);font:14px Arial,sans-serif;margin-top:28px}
@media (max-width:900px){
.nav{gap:14px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:34px;padding-top:38px}.hero h1{font-size:clamp(50px,15vw,80px)}
.deck{font-size:21px}.hero-media{aspect-ratio:4/3}.main-grid,.secondary-grid{grid-template-columns:1fr}.article{padding-left:4px;padding-right:4px}.article p{font-size:19px}}


.article h2{
  font-size:34px;
  line-height:1.12;
  font-weight:400;
  margin:2.2em 0 .7em;
}
.track-list{
  margin:1.2em 0 1.7em;
  padding-left:1.3em;
  font-size:20px;
  line-height:1.7;
}
@media (max-width:900px){
  .article h2{font-size:29px}
  .track-list{font-size:18px}
}


.article-wide{max-width:1120px}
.certainty-legend{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 56px}
.badge{display:inline-block;padding:7px 10px;border:1px solid var(--line);font:700 10px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.badge.documented{background:#ded8c8}
.badge.testimony{background:#ece6d8}
.badge.referred{background:#f2ead9}
.badge.pending{background:transparent;border-style:dashed}
.claves-block{margin:72px 0}
.claves-block>h2{margin-top:10px}
.timeline-v{margin-top:34px;border-top:1px solid var(--line)}
.timeline-row{display:grid;grid-template-columns:180px 1fr;gap:34px;padding:28px 0;border-bottom:1px solid var(--line)}
.timeline-date{font:700 14px Arial,sans-serif;letter-spacing:.05em}
.timeline-copy h3{font-size:27px;font-weight:400;margin:12px 0 8px}
.timeline-copy p{font-size:17px;line-height:1.6;margin:0;max-width:760px}
.formations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.formation-card{background:var(--paper-2);padding:26px;min-height:220px}
.formation-year{font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.formation-card h3{font-size:25px;font-weight:400;margin:28px 0 12px}
.formation-card p{font-size:17px;line-height:1.7;margin:0}
.disc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.disc-grid figure{margin:0}
.disc-grid img{width:100%;height:auto}
.track-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;font-size:17px;line-height:1.75}
.certainty-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.certainty-card{border-top:1px solid var(--ink);padding-top:18px}
.certainty-card h3{font-size:26px;font-weight:400;margin:0 0 12px}
.certainty-card p{font-size:17px;line-height:1.65;margin:0}
.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}
.archive-item{margin:0}
.archive-wide{grid-column:1/-1}
.archive-item img{width:100%;height:auto;background:#ddd5c5}
.archive-item figcaption{font:13px/1.6 Arial,sans-serif;color:#565147;margin-top:10px}
.archive-note{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:18px!important;line-height:1.65!important}
.listen-intro{display:grid;grid-template-columns:320px 1fr;gap:34px;align-items:center;margin:40px 0 55px}
.listen-intro img{width:100%;height:auto}
.listen-intro p{font-size:18px;line-height:1.65;margin:0}
.audio-card{border-top:1px solid var(--ink);padding:24px 0 34px}
.audio-card h2{font-size:34px;font-weight:400;margin:12px 0 18px}
.audio-card audio{width:100%}
@media (max-width:900px){
  .timeline-row{grid-template-columns:1fr;gap:10px}
  .formations-grid,.disc-grid,.track-columns,.certainty-grid,.archive-grid,.listen-intro{grid-template-columns:1fr}
  .archive-wide{grid-column:auto}
}


.source-note{
  margin-top:72px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.source-note h2{
  margin:10px 0 18px;
}
.source-note p{
  font-size:17px!important;
  line-height:1.65!important;
}
.source-note a{
  text-decoration:underline;
  text-underline-offset:3px;
}


.document-quote{
  margin:34px 0 10px;
  padding:26px 30px;
  border-left:3px solid var(--ink);
  background:var(--paper-2);
  font-size:24px;
  line-height:1.45;
  text-align:left;
}
.quote-source{
  margin-top:10px!important;
  font:12px/1.5 Arial,sans-serif!important;
  color:var(--muted);
}
.archive-fact{
  margin-top:58px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.archive-fact h2{margin:10px 0 18px}
.archive-fact p{
  font-size:17px!important;
  line-height:1.65!important;
}
.article a[href*="cancioneros.com"]{
  text-decoration:underline;
  text-underline-offset:3px;
}
@media (max-width:900px){
  .document-quote{font-size:20px;padding:20px 22px}
}


.track-credit{
  margin:-6px 0 18px!important;
  font:13px/1.55 Arial,sans-serif!important;
  color:var(--muted);
}
.audio-credits{
  margin-top:52px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.audio-credits h2{
  margin:10px 0 18px;
}
.audio-credits p{
  font-size:16px!important;
  line-height:1.65!important;
  margin-bottom:10px!important;
}

.badge.contemporary{background:#e6dfcf;border-color:#9b8f78}.disputed-credit{margin-top:18px;padding:20px 22px;background:var(--paper-2);border-left:3px solid var(--ink);font:14px/1.6 Arial,sans-serif}.disputed-credit p{font:14px/1.6 Arial,sans-serif!important;margin:8px 0 0!important}.full-album{background:var(--paper-2);padding:24px!important;margin-top:26px}.sadaic-proof{margin-top:54px;padding-top:24px;border-top:1px solid var(--line)}.sadaic-proof h2{margin:10px 0 18px}.sadaic-proof img{width:100%;height:auto;margin:20px 0}.sadaic-proof p{font-size:16px!important;line-height:1.65!important}.archive-grid-compact{gap:20px}.open-questions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.question-card{border-top:1px solid var(--ink);padding-top:18px}.question-card h2{font-size:27px;font-weight:400;margin:12px 0 10px}.question-card p{font-size:17px!important;line-height:1.65!important;margin:0!important}.contribute-box{margin-top:64px;padding:28px;background:var(--paper-2)}.contribute-box h2{margin:10px 0 12px}.contribute-box p{font-size:18px!important;line-height:1.65!important;margin:0!important}@media(max-width:900px){.open-questions{grid-template-columns:1fr}}


/* =========================================================
   LA HEBRA · capa visual editorial v0.8
   Más clima, menos adorno.
   ========================================================= */

/* 1. Textura general de papel enriquecida */
body{
  position:relative;
  background-color:var(--paper);
  background-image:
    linear-gradient(rgba(243,239,229,.88), rgba(243,239,229,.88)),
    url("assets/papel-viejo.png");
  background-size:auto, 1450px auto;
  background-position:0 0, center top;
  background-attachment:scroll, fixed;
}

/* una ligera veladura para conservar exactamente la gama crema */
.site-header,.wrap,.footer{
  position:relative;
  z-index:1;
}

/* 2. Bordes orgánicos y papeles apenas desplazados */
.hero{
  position:relative;
  isolation:isolate;
  margin-top:16px;
  padding-left:18px;
  padding-right:18px;
  background:rgba(248,245,237,.48);
  box-shadow:0 12px 28px rgba(59,52,41,.045);
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  height:18px;
  background:rgba(248,245,237,.72);
  z-index:-1;
}
.hero::before{
  top:-8px;
  clip-path:polygon(0 48%,5% 30%,10% 55%,17% 34%,24% 51%,32% 33%,40% 58%,49% 35%,58% 52%,67% 29%,75% 54%,84% 35%,92% 50%,100% 31%,100% 100%,0 100%);
}
.hero::after{
  bottom:-8px;
  clip-path:polygon(0 0,100% 0,100% 46%,94% 64%,87% 43%,79% 67%,70% 45%,61% 62%,52% 42%,43% 66%,34% 45%,25% 61%,16% 44%,8% 66%,0 48%);
}

.hero-media{
  box-shadow:0 14px 30px rgba(54,47,36,.12);
  clip-path:polygon(.6% .5%,99.4% 0,99.7% 99.1%,.4% 99.6%);
}

/* 3. Motivos botánicos discretos: solo dos apariciones */
.site-header::before{
  content:"";
  position:absolute;
  left:-74px;
  top:8px;
  width:168px;
  height:238px;
  background:url("assets/botanical-left.svg") center/contain no-repeat;
  opacity:.48;
  pointer-events:none;
  z-index:-1;
}
.footer::after{
  content:"";
  position:absolute;
  right:-74px;
  bottom:-12px;
  width:165px;
  height:232px;
  background:url("assets/botanical-right.svg") center/contain no-repeat;
  opacity:.44;
  pointer-events:none;
  z-index:-1;
}

/* 4. Franja de paisaje lavado */
.landscape-strip{
  height:118px;
  max-width:var(--max);
  margin:18px auto 0;
  background:
    linear-gradient(rgba(243,239,229,.34),rgba(243,239,229,.34)),
    url("assets/landscape-strip.svg") center/100% 100% no-repeat;
  opacity:.9;
  position:relative;
}
.landscape-strip::before{
  content:"";
  position:absolute;
  inset:-8px 0 auto;
  height:16px;
  background:var(--paper);
  clip-path:polygon(0 62%,7% 32%,14% 55%,23% 37%,32% 59%,41% 34%,50% 52%,59% 31%,68% 58%,78% 37%,88% 56%,100% 33%,100% 0,0 0);
  opacity:.72;
}

/* 5. Nota manuscrita: una sola intervención en la portada */
.hero-note{
  position:absolute;
  z-index:3;
  right:16px;
  top:18px;
  width:178px;
  padding:15px 16px 13px;
  background:rgba(237,229,211,.92);
  color:#555347;
  box-shadow:0 7px 18px rgba(59,52,41,.10);
  transform:rotate(-2.1deg);
  font:italic 16px/1.32 Georgia,"Times New Roman",serif;
  letter-spacing:.01em;
  text-align:center;
}
.hero-note::before{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  top:-5px;
  height:9px;
  background:rgba(198,183,151,.42);
  transform:rotate(.8deg);
}

/* 6. Huellas de archivo: sombra, papel y cinta solo en Archivo */
.archive-item{
  position:relative;
  padding:10px;
  background:rgba(248,245,237,.52);
  box-shadow:0 9px 20px rgba(58,51,39,.055);
}
.archive-item:nth-child(3n+1)::before{
  content:"";
  position:absolute;
  top:-7px;
  left:22%;
  width:72px;
  height:17px;
  background:rgba(196,181,151,.34);
  transform:rotate(-2deg);
  z-index:2;
}
.archive-item:nth-child(3n+2)::before{
  content:"";
  position:absolute;
  top:-6px;
  right:18%;
  width:64px;
  height:16px;
  background:rgba(196,181,151,.28);
  transform:rotate(1.6deg);
  z-index:2;
}

/* Profundidad muy leve en módulos secundarios, sin convertirlos en collage */
.secondary,
.formation-card,
.contribute-box,
.full-album{
  box-shadow:0 8px 20px rgba(57,50,39,.035);
}

/* Separadores un poco menos geométricos */
.nav,
.footer{
  border-color:rgba(123,113,93,.36);
}
.card{
  border-top-color:rgba(45,45,40,.72);
}

/* Mantener legibilidad de fondos con textura */
.article,
.sections{
  position:relative;
}
.article::before{
  content:"";
  position:absolute;
  inset:-28px -34px -40px;
  background:rgba(243,239,229,.36);
  z-index:-1;
  pointer-events:none;
}

/* Móvil: conservar clima sin invadir el contenido */
@media (max-width:900px){
  body{
    background-size:auto, 1100px auto;
    background-attachment:scroll;
  }
  .site-header::before,
  .footer::after{
    opacity:.24;
    width:120px;
  }
  .hero{
    margin-top:8px;
    padding-left:10px;
    padding-right:10px;
  }
  .hero-note{
    right:10px;
    top:10px;
    width:145px;
    font-size:13px;
    padding:11px 12px;
  }
  .landscape-strip{height:88px}
  .article::before{inset:-18px -12px -24px}
}
@media (max-width:620px){
  .hero-note{display:none}
  .site-header::before{left:-92px}
  .footer::after{right:-90px}
}


/* =========================================================
   LA HEBRA · ajuste visual v0.9
   Más atmósfera sin alterar la arquitectura.
   ========================================================= */

/* Titular de portada: idéntico al de la historia, con escala propia */
.hero h1.hero-title-story{
  font-size:clamp(48px,5.15vw,82px);
  line-height:.97;
  letter-spacing:-.038em;
  max-width:720px;
  margin-top:22px;
  margin-bottom:28px;
}

/* Pequeño gesto editorial bajo la marca */
.brand{
  position:relative;
}
.brand::after{
  content:"";
  display:block;
  width:128px;
  height:8px;
  margin:5px auto -2px;
  border-top:1.5px solid rgba(112,88,59,.60);
  border-radius:50%;
  transform:rotate(.8deg);
}

/* El kicker gana una línea breve como en una tapa impresa */
.kicker{
  display:flex;
  align-items:center;
  gap:12px;
}
.kicker::after{
  content:"";
  width:44px;
  height:1px;
  background:rgba(75,70,59,.48);
}

/* La zona de contenidos respira sobre una hoja algo más visible */
.sections{
  position:relative;
  isolation:isolate;
  margin-top:18px;
  padding-left:14px;
  padding-right:14px;
  background:rgba(248,245,237,.20);
}

/* Dos huellas documentales reales, muy lavadas, en los márgenes */
.sections::before,
.sections::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:contain;
  filter:grayscale(100%) sepia(18%);
  opacity:.055;
  mix-blend-mode:multiply;
}
.sections::before{
  width:310px;
  height:430px;
  left:-190px;
  top:78px;
  background-image:url("assets/folklore4.jpg");
  transform:rotate(-5deg);
  background-position:left top;
}
.sections::after{
  width:280px;
  height:280px;
  right:-150px;
  bottom:22px;
  background-image:url("assets/zona-centro-portada.jpg");
  transform:rotate(6deg);
  background-position:right bottom;
}

/* Segunda presencia vegetal, mínima y lateral */
.main-grid{
  position:relative;
}
.main-grid::after{
  content:"";
  position:absolute;
  right:-78px;
  top:30px;
  width:100px;
  height:150px;
  background:url("assets/botanical-right.svg") center/contain no-repeat;
  opacity:.18;
  pointer-events:none;
  transform:rotate(5deg);
}

/* Los módulos inferiores reciben una materialidad de papel apenas más marcada */
.secondary-grid{
  position:relative;
}
.secondary{
  position:relative;
  background:
    linear-gradient(rgba(235,229,216,.93),rgba(235,229,216,.93)),
    url("assets/papel-viejo.png");
  background-size:auto, 900px auto;
  border:1px solid rgba(131,120,99,.10);
}
.secondary:first-child{
  transform:rotate(-.12deg);
}
.secondary:last-child{
  transform:rotate(.10deg);
}

/* Un borde de papel irregular muy tenue antes de los módulos secundarios */
.secondary-grid::before{
  content:"";
  position:absolute;
  left:-7px;
  right:-7px;
  top:-13px;
  height:18px;
  background:rgba(239,233,220,.66);
  clip-path:polygon(
    0 58%,7% 34%,14% 56%,21% 38%,29% 62%,37% 35%,45% 57%,
    53% 36%,61% 60%,69% 39%,77% 58%,85% 35%,93% 59%,100% 40%,
    100% 100%,0 100%
  );
  pointer-events:none;
}

/* La franja final gana un poco de profundidad, sin hacerse protagonista */
.landscape-strip{
  opacity:.98;
  box-shadow:inset 0 18px 28px rgba(243,239,229,.40);
}

/* Huella de papel ligeramente más visible en las páginas interiores */
.article::before{
  background:
    linear-gradient(rgba(243,239,229,.46),rgba(243,239,229,.46)),
    url("assets/papel-viejo.png");
  background-size:auto, 1200px auto;
  opacity:.72;
}

/* Responsive: retirar elementos marginales antes de que invadan el contenido */
@media (max-width:1100px){
  .sections::before{left:-235px;opacity:.04}
  .sections::after{right:-205px;opacity:.04}
  .main-grid::after{display:none}
}
@media (max-width:900px){
  .hero h1.hero-title-story{
    font-size:clamp(45px,12vw,68px);
    line-height:.99;
  }
  .sections::before,
  .sections::after{
    display:none;
  }
  .kicker::after{
    width:28px;
  }
}
@media (max-width:620px){
  .hero h1.hero-title-story{
    font-size:clamp(40px,12.8vw,58px);
  }
  .brand::after{
    width:96px;
  }
}


.edition-sources{
  max-width:var(--max);
  margin:28px auto 10px;
  padding:34px 28px 40px;
  border-top:1px solid var(--line);
  border-bottom:1px solid rgba(120,110,90,.22);
  background:rgba(248,245,237,.34);
}
.edition-sources h2{
  font-size:32px;
  font-weight:400;
  margin:10px 0 24px;
}
.edition-sources-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
}
.edition-sources h3{
  font-size:22px;
  font-weight:400;
  margin:0 0 14px;
}
.edition-sources p{
  font:14px/1.65 Arial,sans-serif;
  color:#504c44;
  margin:0 0 13px;
}
.edition-sources .rights-note{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(120,110,90,.24);
  font-style:italic;
}
@media (max-width:900px){
  .edition-sources-grid{grid-template-columns:1fr}
}


/* =========================================================
   Cierre editorial v1.1 · Historia, créditos y derechos
   ========================================================= */

.portrait-block{
  margin:42px 0 48px;
  padding:28px 0 24px;
  border-top:1px solid rgba(72,66,55,.48);
  border-bottom:1px solid rgba(72,66,55,.24);
}
.portrait-intro{
  max-width:720px;
  margin-bottom:22px;
}
.portrait-intro h3{
  font-size:34px;
  font-weight:400;
  margin:7px 0 10px;
}
.portrait-intro p{
  margin:0;
  color:#5d584f;
}
.portrait-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  align-items:start;
}
.portrait-card{
  margin:0;
  padding:9px 9px 12px;
  background:rgba(240,233,219,.72);
  box-shadow:0 9px 20px rgba(58,51,39,.07);
}
.portrait-card:nth-child(1){transform:rotate(-.35deg)}
.portrait-card:nth-child(2){transform:rotate(.25deg)}
.portrait-card:nth-child(3){transform:rotate(-.18deg)}
.portrait-card img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  filter:grayscale(88%) sepia(8%) contrast(1.02);
}
.portrait-card figcaption{
  padding:10px 4px 2px;
  font-size:13px;
  line-height:1.35;
  color:#514c43;
}
.portrait-card figcaption strong{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  font-weight:400;
  line-height:1.15;
  color:#24231f;
  margin-bottom:5px;
}
.portrait-card figcaption span{
  display:block;
  font-size:11px;
  line-height:1.4;
  color:#777064;
}

.document-feature{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:30px;
  align-items:start;
  margin:46px 0 50px;
  padding:24px;
  background:rgba(238,231,216,.58);
  border-top:1px solid rgba(91,80,62,.38);
  border-bottom:1px solid rgba(91,80,62,.22);
}
.document-feature-image{
  margin:0;
}
.document-feature-image img{
  display:block;
  width:100%;
  box-shadow:0 10px 24px rgba(47,41,32,.10);
}
.document-feature-image figcaption{
  margin-top:8px;
}
.document-feature-text h3{
  font-size:31px;
  font-weight:400;
  line-height:1.08;
  margin:8px 0 16px;
}
.document-feature-text p{
  margin:0 0 14px;
}

.story-signature,
.edition-signature,
.rights-signature{
  margin-top:28px;
  padding-top:14px;
  border-top:1px solid rgba(114,103,83,.30);
  font-size:13px;
  letter-spacing:.01em;
  color:#5f594f;
}

.rights-disclaimer{
  margin:44px 0 12px;
  padding:30px 28px 26px;
  background:rgba(235,229,216,.68);
  border-top:1px solid rgba(91,80,62,.42);
  border-bottom:1px solid rgba(91,80,62,.22);
}
.rights-disclaimer h2{
  margin:7px 0 18px;
  font-size:30px;
  font-weight:400;
}
.rights-disclaimer p{
  margin:0 0 14px;
}
.rights-disclaimer .rights-signature{
  margin-bottom:0;
}

@media(max-width:820px){
  .portrait-grid{grid-template-columns:1fr}
  .portrait-card{transform:none!important}
  .portrait-card img{
    aspect-ratio:4/3;
    object-position:center;
  }
  .document-feature{
    grid-template-columns:1fr;
    padding:18px;
  }
}


/* =========================================================
   Revisión editorial v1.2 · lectura, jerarquía y continuidad
   ========================================================= */

/* Cuerpo de lectura: una sola lógica tipográfica */
.article p{
  text-align:justify;
  text-align-last:left;
  text-justify:inter-word;
  hyphens:auto;
}
.article .lead{
  text-align:left;
  color:#4b473f;
}
.quote-source,
.track-credit,
.story-signature,
.edition-signature,
.rights-signature,
.archive-item figcaption,
.portrait-card figcaption{
  text-align:left!important;
  hyphens:none;
}

/* Los cambios de escala ocurren dentro de módulos con señal visual */
.timeline-copy p,
.formation-card p,
.certainty-card p,
.archive-fact p,
.source-note p,
.listen-intro p,
.audio-credits p,
.sadaic-proof p,
.question-card p,
.contribute-box p,
.rights-disclaimer p,
.document-feature-text p,
.portrait-intro p,
.editorial-note p,
.story-summary-panel p,
.document-contrast-card p{
  font-size:18px!important;
  line-height:1.68!important;
}

/* Apertura: el cierre deja de ser una frase suelta */
.editorial-note{
  margin:46px 0 0;
  padding:24px 26px;
  background:var(--paper-2);
  border-left:3px solid var(--ink);
}
.editorial-note p{
  margin:10px 0 0!important;
  font-size:22px!important;
}

/* Cita clave: tamaño mayor + fondo, para que la jerarquía sea explícita */
.document-quote-key{
  background:#e7dfcf;
  border-left:4px solid var(--ink);
  font-size:28px;
  line-height:1.42;
  padding:30px 34px;
}

/* Historia: resumen final en un módulo, no en una cadena de frases cortas */
.story-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin:30px 0 34px;
}
.story-summary-panel{
  padding:24px 26px;
  background:var(--paper-2);
  border-top:1px solid rgba(80,72,58,.42);
}
.story-summary-panel p{
  margin:12px 0 0!important;
}

/* Claves: fechas siempre con la misma presencia */
.timeline-date{
  font:700 13px/1.35 Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase;
  color:#5d574c;
  padding-top:3px;
}

/* Archivo: contraste sin repetir la misma imagen */
.contrast-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:24px;
  align-items:start;
  margin-top:28px;
}
.document-contrast-card{
  background:var(--paper-2);
  border-left:3px solid var(--ink);
  padding:24px 26px;
}
.document-contrast-card p{
  margin:12px 0 0!important;
}

/* En tarjetas y módulos, el fondo/borde explica la jerarquía */
.audio-credits,
.source-note,
.archive-fact{
  position:relative;
}
.audio-credits{
  padding:26px 28px;
  background:rgba(235,229,216,.55);
  border-top:1px solid rgba(90,80,62,.42);
}
.source-note{
  padding:24px 26px;
  background:rgba(235,229,216,.42);
}
.archive-fact{
  padding:24px 0 0;
}

/* Una lectura un poco más estable en escritorio */
.article{
  max-width:900px;
}
.article-wide{
  max-width:1120px;
}

/* Las listas mantienen alineación natural */
.track-list,
.track-columns{
  text-align:left;
}

@media(max-width:820px){
  .story-summary,
  .contrast-grid{
    grid-template-columns:1fr;
  }
  .document-quote-key{
    font-size:22px;
    padding:22px 24px;
  }
}