/* ==========================================================
   UNIVERSO B · Libro Rescoldo (solo rescoldo.html)
   Se activa con <body class="universo-rescoldo">.
   Pisa los tokens de marca.css; los componentes son los mismos.
   ========================================================== */
.universo-rescoldo{
  --r-indigo:#241457;
  --r-indigo-suave:#3c2f80;
  --r-oliva:#8b8a44;
  --r-oliva-oscuro:#656931;
  --r-mostaza:#c8bd5c;
  --r-papel:#fbf8f1;
  --r-papel-oscuro:#f3ecdd;
  --r-tinta:#332a24;
  --r-tinta-suave:#5c5049;
  --r-dorado:#96742a;

  --c-fondo:var(--r-papel);
  --c-fondo-alt:var(--r-papel-oscuro);
  --c-fondo-calido:var(--r-papel-oscuro);
  --c-fondo-frio:var(--r-papel-oscuro);
  --c-texto:var(--r-tinta);
  --c-texto-suave:var(--r-tinta-suave);
  --c-titulo:var(--r-indigo);
  --c-acento:var(--r-oliva-oscuro);
  --c-decor:var(--r-dorado);
  --c-linea:rgba(36,20,87,.14);

  --c-btn:var(--r-indigo);
  --c-btn-texto:var(--r-papel);
  --c-btn-hover:var(--r-indigo-suave);

  --c-banda:var(--r-indigo);
  --c-banda-texto:var(--r-papel);
  --c-banda-acento:var(--r-mostaza);

  --f-titulo:'Playfair Display', Georgia, serif;
  --f-texto:'Lora', Georgia, serif;
  --peso-titulo:500;
  --tam-texto:1.1rem;
  --peso-texto:400;
  --titulo-italica:normal;
}

/* Aplicar fuente/colores del universo donde se active la clase */
.universo-rescoldo{
  background:var(--c-fondo);
  color:var(--c-texto);
  font-family:var(--f-texto);
  font-size:var(--tam-texto);
  font-weight:var(--peso-texto);
}

/* ==========================================================
   Secciones de la página del libro (migradas de la landing original)
   ========================================================== */
.universo-rescoldo .manuscrita{color:var(--r-oliva-oscuro);}

/* HERO */
.r-hero{display:grid;min-height:calc(100svh - var(--alto-header));}
.r-hero__arte{position:relative;min-height:44vh;overflow:hidden;}
.r-hero__arte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;}
.r-hero__arte::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(251,248,241,0) 55%,var(--r-papel) 97%);
}
.r-hero__texto{
  display:flex;flex-direction:column;justify-content:center;
  padding:2.2rem var(--gutter) 3.5rem;
}
.r-hero h1{font-size:clamp(3.4rem,13vw,6.2rem);line-height:.94;letter-spacing:-.01em;margin:0;}
.r-hero__sub{font-style:italic;font-size:clamp(1.15rem,2vw,1.4rem);color:var(--r-oliva-oscuro);margin:.9rem 0 0;}
.r-hero__autora{font-family:'Playfair Display',serif;font-style:italic;font-size:1.2rem;color:var(--r-tinta);margin:1.6rem 0 0;}
.r-hero__frase{max-width:34ch;color:var(--r-tinta-suave);font-style:italic;font-size:1.08rem;margin:1rem 0 0;}
@media (min-width:861px){
  .r-hero{grid-template-columns:1.05fr 1fr;}
  .r-hero__arte::after{background:linear-gradient(90deg,rgba(251,248,241,0) 55%,var(--r-papel) 96%);}
  .r-hero__texto{padding:4rem clamp(1.5rem,5vw,4.5rem);}
}

/* SINOPSIS */
.r-libro{display:grid;gap:clamp(2.5rem,6vw,5rem);align-items:center;}
@media (min-width:861px){.r-libro{grid-template-columns:.85fr 1.15fr;}}
.r-tapa{max-width:360px;margin:0 auto;}
.r-tapa img{
  width:100%;transform:rotate(-2deg);
  box-shadow:0 30px 60px -20px rgba(36,20,87,.35),0 8px 20px -8px rgba(36,20,87,.25);
}
.r-frase-destacada{
  font-family:'Playfair Display',serif;font-style:italic;color:var(--r-indigo);
  font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.35;margin:0 0 1.6rem;max-width:22ch;
}
.r-libro__texto p:not(.r-frase-destacada){max-width:58ch;color:var(--r-tinta-suave);}

/* CUATRO MOMENTOS */
.r-momentos{background:var(--r-papel-oscuro);border-top:1px solid var(--c-linea);border-bottom:1px solid var(--c-linea);}
.r-momentos h2{text-align:center;max-width:44ch;margin:0 auto clamp(2rem,6vw,3.5rem);}
.r-linea{list-style:none;display:grid;gap:2.4rem;position:relative;}
.r-momento{padding:0 1.1rem;text-align:center;}
.r-momento .flor{margin:0 auto 1.1rem;}
.r-momento h3{font-size:1.5rem;letter-spacing:.03em;margin:0;}
.r-momento__etapa{font-style:italic;color:var(--r-oliva-oscuro);font-size:.98rem;margin:.5rem 0 .9rem;}
.r-momento__linea{color:var(--r-tinta-suave);font-size:.98rem;max-width:24ch;margin:0 auto;}
@media (min-width:861px){
  .r-linea{grid-template-columns:repeat(4,1fr);gap:0;}
  .r-linea::before{
    content:"";position:absolute;top:13px;left:6%;right:6%;height:1px;
    background:var(--r-dorado);opacity:.45;
  }
}

/* FRAGMENTO */
.r-fragmento{
  position:relative;color:var(--r-papel);padding:var(--sec-y) 0;
  background:url(../assets/img/acuarela-fondo.jpg) center/cover no-repeat;
  background-image:image-set(url(../assets/img/acuarela-fondo.webp) type("image/webp"),url(../assets/img/acuarela-fondo.jpg) type("image/jpeg"));
}
.r-fragmento::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,14,56,.86),rgba(24,14,56,.78));}
.r-fragmento .contenedor{position:relative;text-align:center;}
.r-fragmento h2{color:var(--r-mostaza);font-style:italic;font-weight:500;font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:2rem;}
.r-fragmento blockquote{
  margin:0 auto;max-width:62ch;
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.6;color:var(--r-papel);
}
.r-fragmento blockquote p{margin:0 0 1.2em;}
.r-fragmento blockquote p:last-child{margin:0;}
.r-fragmento :focus-visible{outline-color:var(--r-papel);}

/* NOTA DE AUTORA */
.r-nota{max-width:640px;margin:0 auto;padding:0 var(--gutter);}
.r-nota h2{text-align:center;margin-bottom:2rem;}
.r-nota p{color:var(--r-tinta-suave);}
.r-nota p:first-of-type::first-letter{
  font-family:'Playfair Display',serif;font-size:3.6rem;color:var(--r-indigo);
  float:left;line-height:.8;padding:.3rem .5rem 0 0;font-weight:600;
}
.r-firma{margin-top:2rem;text-align:right;font-family:var(--f-manuscrita);font-size:2.1rem;color:var(--r-oliva-oscuro);}

/* SOBRE LA AUTORA (acá conviven los dos universos: tonos y letra de Paula) */
.r-autora{background:linear-gradient(180deg,#f6ecea,#e9decb);}
.r-autora__grilla{display:grid;gap:clamp(2.5rem,6vw,5rem);align-items:center;text-align:center;}
@media (min-width:861px){.r-autora__grilla{grid-template-columns:.8fr 1.2fr;text-align:left;}}
.r-autora__foto{max-width:380px;margin:0 auto;}
.r-autora__foto img{width:100%;border:10px solid var(--r-papel);box-shadow:0 25px 45px -20px rgba(128,146,158,.55);}
.r-autora__guion{display:block;font-family:var(--f-manuscrita);font-size:1.9rem;line-height:1.3;color:#4f5f6b;margin-bottom:.3rem;}
.r-autora h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;font-size:clamp(2.2rem,4vw,3rem);color:var(--r-indigo);}
.r-autora p{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-weight:500;color:var(--r-tinta);max-width:58ch;}
@media (max-width:860px){.r-autora p{margin-left:auto;margin-right:auto;}}
.r-autora__ig{
  display:inline-block;margin-top:.6rem;font-size:.98rem;color:var(--r-indigo);
  text-decoration:underline;text-decoration-color:#80929e;text-underline-offset:4px;
}

/* RESERVAR / PREVENTA */
.r-reservar{background:var(--r-indigo);color:var(--r-papel);text-align:center;padding:var(--sec-y) 0;}
.r-reservar h2{color:var(--r-papel);max-width:20ch;margin:0 auto;}
.r-precio{font-family:'Playfair Display',serif;font-style:italic;color:var(--r-mostaza);font-size:1.4rem;margin:1rem 0 0;}
.r-tarjeta{
  background:rgba(251,248,241,.06);border:1px solid rgba(251,248,241,.22);border-radius:4px;
  max-width:640px;margin:3rem auto 2.5rem;padding:clamp(1.5rem,4vw,3rem);text-align:left;
}
.r-alias{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  padding-bottom:1.4rem;margin-bottom:1.4rem;border-bottom:1px solid rgba(251,248,241,.18);
}
.r-alias p{margin:.15rem 0;color:rgba(251,248,241,.8);font-size:.95rem;}
.r-alias .r-alias__valor{font-family:'Playfair Display',serif;font-size:1.35rem;color:var(--r-papel);}
.r-copiar{
  background:transparent;border:1px solid rgba(251,248,241,.5);color:var(--r-papel);
  min-height:44px;padding:.55rem 1.1rem;border-radius:2px;font:inherit;font-size:.92rem;cursor:pointer;white-space:nowrap;
}
.r-copiar:hover{background:rgba(251,248,241,.12);border-color:var(--r-papel);}
.r-tarjeta ul{list-style:none;display:flex;flex-direction:column;gap:.9rem;}
.r-tarjeta li{color:rgba(251,248,241,.88);font-size:.98rem;padding-left:1.3rem;position:relative;}
.r-tarjeta li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--r-mostaza);}
.r-reservar .btn--claro:hover{background:var(--r-mostaza);color:var(--r-indigo);}
.r-gracias{color:rgba(251,248,241,.8);font-style:italic;margin:2.2rem 0 0;}
.r-firma-final{font-family:var(--f-manuscrita);color:var(--r-mostaza);font-size:1.9rem;margin:1.2rem 0 0;}
.r-reservar :focus-visible{outline-color:var(--r-papel);}

/* PUENTE HACIA TRAMA (vuelve suavemente al universo de Paula) */
.r-puente{background:#f6ecea;text-align:center;padding:var(--sec-y) 0;}
.r-puente .mariposa{background:#80929e;margin-bottom:1.2rem;}
.r-puente__cita{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;
  font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.35;color:#2f3a42;max-width:30ch;margin:0 auto 1.6rem;
}
.r-puente h2{font-family:'Cormorant Garamond',serif;font-weight:500;color:#2f3a42;font-size:clamp(1.9rem,5vw,2.6rem);}
.r-puente .btn--secundario{color:#3d4a54;font-family:'Cormorant Garamond',serif;font-size:1.15rem;}
.r-puente .btn--secundario:hover{background:#3d4a54;color:#fbf7f2;border-color:#3d4a54;}
.r-puente :focus-visible{outline-color:#6b4cc7;}

.r-puente .acciones{justify-content:center;}

.r-puente__grilla{display:grid;gap:clamp(2rem,6vw,4rem);align-items:center;}
.r-puente__foto{max-width:560px;margin:0 auto;width:100%;}
.r-puente__foto img{width:100%;border:10px solid #fbf7f2;box-shadow:0 25px 45px -22px rgba(47,58,66,.45);}
@media (min-width:861px){
  .r-puente__grilla{grid-template-columns:1.1fr .9fr;}
  .r-puente{text-align:left;}
  .r-puente__cita{margin-left:0;}
  .r-puente .acciones{justify-content:flex-start;}
}
