.synopsis {
  position: relative;
  z-index: var(--z-content);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--section-pad) var(--gutter-wide);
}

.synopsis__inner {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
  max-width: 1100px;
}

.synopsis__text {
  font-weight: var(--w-light);
  font-size: clamp(27px, 3.5vw, 54px);
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-wrap: pretty;
}
.synopsis__word { display: inline-block; white-space: nowrap; }
.synopsis__char { color: #2a0810; }
/* La primera palabra llega ya encendida: anuncia desde el inicio que el texto se lee encendiéndose */
.synopsis__word--lead .synopsis__char { color: var(--cream); }
/* La palabra clave (data-accent, ver animations/synopsis.js) rompe el ritmo ligero: cursiva y peso alto */
.synopsis__char[data-accent] { font-style: italic; font-weight: var(--w-semibold); }

/* Móvil: la sección está fijada, así que todo el texto debe caber entre la cabecera y el botón de compra */
@media (max-width: 760px) {
  .synopsis {
    padding-top: calc(var(--nav-h) + 24px);
    padding-bottom: calc(var(--nav-h) + 24px + env(safe-area-inset-bottom, 0px));
  }
  .synopsis__inner { gap: 32px; }
  .synopsis__text { font-size: clamp(21px, 3.9svh, 25px); line-height: 1.22; }
}