/* Secciones nuevas: estilos independientes de los efectos originales. */
.new-section__eyebrow { display: block; font-size: .9rem; letter-spacing: .14em; text-transform: uppercase; }
.book-peek { padding: clamp(3.5rem, 7vw, 6rem) 5vw; background: var(--paper); color: var(--ink); text-align: center; }
.book-peek__heading h2 { font: 600 clamp(2.7rem, 5.5vw, 4.5rem)/1.08 var(--font-script); margin: .3em 0 .15em; }
.book-peek__heading p { font-size: clamp(1.25rem, 2.4vw, 1.6rem); }
.book-peek__gallery { max-width: 900px; margin: 2rem auto 0; }
.book-peek__spread { display: flex; position: relative; margin: 0 auto 1.8rem; background: #fff; box-shadow: 0 16px 28px #2019132b; transform: rotate(-1deg); border: 1px solid #20191320; }
.book-peek__spread::after { content: ''; position: absolute; top: 0; bottom: 0; left: calc(50% - 12px); width: 24px; background: linear-gradient(90deg, transparent, #20191322, transparent); pointer-events: none; }
.book-peek__spread img { width: 50%; min-width: 0; height: auto; aspect-ratio: 552.756 / 737.008; }
.book-peek__controls { display: flex; align-items: center; justify-content: center; gap: 1.4rem; font-size: 1.15rem; }
.book-peek__controls[hidden], .book-peek__enlarge[hidden], .cielo-film__play[hidden], .cielo-film__status[hidden] { display: none; }
.book-peek__controls button { width: 46px; height: 46px; border: 1.5px solid var(--ink); border-radius: 50%; background: transparent; color: var(--ink); font: 1.7rem/1 var(--font-marker); transition: background .2s, transform .2s; }
.book-peek__controls button:hover { background: var(--gold); transform: translateY(-2px); }
.book-peek__enlarge { margin-top: .9rem; border: none; border-bottom: 1px solid currentColor; padding: .3rem .2rem; color: var(--ink); background: none; font: 1.1rem var(--font-marker); }
.book-peek__credit { margin: 1.3rem auto; font-size: clamp(.95rem, 1.8vw, 1.15rem); }
.book-peek__buy { display: inline-block; padding: .65em 1.4em; border: 2px solid var(--ink); border-radius: 3px 6px 3px 5px; box-shadow: 4px 4px 0 var(--ink); background: var(--red); color: #fff; text-decoration: none; font-size: clamp(1.2rem, 2.3vw, 1.5rem); transform: rotate(-1deg); transition: transform .2s; }
.book-peek__buy:hover { transform: rotate(0deg) translateY(-2px); }
.book-reader { width: min(1160px, 96vw); max-width: 96vw; max-height: 94svh; margin: auto; padding: 1rem; border: 3px solid var(--ink); border-radius: 7px; background: var(--paper); color: var(--ink); overflow: auto; }
.book-reader::backdrop { background: #080c20dd; }
html.book-reader-open { overflow: hidden; }
.book-reader__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; font-size: 1.25rem; }
.book-reader__bar button { width: 44px; height: 44px; border: 2px solid var(--ink); border-radius: 50%; background: var(--paper); color: var(--ink); font: 2rem/1 var(--font-marker); }
.book-reader__pages { display: flex; justify-content: center; align-items: flex-start; margin-bottom: 1rem; }
.book-reader__pages img { width: 50%; height: auto; }
.cielo-film { padding: clamp(3.5rem, 7vw, 6rem) 7vw; border-top: 4px solid var(--ink); background: radial-gradient(ellipse at 78% 50%, #354972, var(--night-2) 48%, var(--night-1)); color: var(--cream); overflow: hidden; }
.cielo-film__inner { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: clamp(2rem, 6vw, 6rem); max-width: 1100px; margin: auto; }
.cielo-film__copy h2 { font: 600 clamp(3.4rem, 6.5vw, 5.5rem)/1 var(--font-script); margin: .3em 0; }
.cielo-film__copy h2 em { font-style: normal; color: var(--gold); }
.cielo-film__copy p { max-width: 24em; font-size: clamp(1.3rem, 2.4vw, 1.7rem); line-height: 1.45; }
.cielo-film__invitation { display: block; margin-top: .85em; font: 600 clamp(1.6rem, 3vw, 2rem) var(--font-script); color: var(--gold); transform: rotate(-4deg); }
.cielo-film__scene { position: relative; width: min(100%, 310px); margin: auto; }
.cielo-film__phone { position: relative; border: 8px solid var(--ink); border-radius: 37px; padding: 3px; background: var(--cream); box-shadow: 15px 20px 0 #0003; transform: rotate(4deg); overflow: hidden; }
.cielo-film__phone video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; border-radius: 24px; background: var(--ink); object-fit: contain; }
.cielo-film__speaker { position: absolute; top: 9px; left: 50%; width: 62px; height: 12px; transform: translateX(-50%); border-radius: 0 0 10px 10px; background: var(--ink); pointer-events: none; }
.cielo-film__play { position: absolute; top: 57%; left: 50%; transform: translate(-50%, -50%); width: 68px; height: 68px; border: 2px solid var(--ink); border-radius: 50%; background: var(--cream); color: var(--ink); box-shadow: 3px 4px 0 #20191377; font-size: 1.6rem; }
.cielo-film__play span { display: block; margin-left: 4px; }
.cielo-film__note { position: absolute; z-index: 2; color: var(--gold); font-size: 3.2rem; pointer-events: none; }
.cielo-film__note--one { top: 10%; left: -36px; transform: rotate(-15deg); }
.cielo-film__note--two { bottom: 8%; right: -38px; transform: rotate(15deg); }
.cielo-film__status { max-width: 1100px; margin: 1.5rem auto 0; font-size: 1.1rem; }
.author-intro-title { font: 600 clamp(1.8rem, 3.5vw, 2.6rem)/1.1 var(--font-script); margin: 0 0 .6em; }
.comic__page[data-comic="autora"] .panel--text { flex-direction: column; align-items: stretch; justify-content: center; }
@media (max-width: 600px) {
  .book-peek { padding: 3rem 6vw; }
  .book-peek__spread { max-width: 400px; }
  .book-peek__spread img { width: 100%; }
  .book-peek__right { display: none; }
  .book-peek__spread::after { display: none; }
  .book-reader { padding: .6rem; }
  .book-reader__pages img { width: 100%; }
  .cielo-film { padding: 3rem 8vw 4rem; }
  .cielo-film__inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .cielo-film__copy { text-align: center; }
  .cielo-film__copy h2 { font-size: clamp(3rem, 11vw, 4rem); }
  .cielo-film__scene { max-width: 265px; width: 85%; }
}
@media (prefers-reduced-motion: reduce) {
  .book-peek__controls button, .book-peek__buy { transition: none; }
}