/* Mujer de Fe · portada · 2. La marquesina sobre la noche: dos cintas infinitas en sentidos contrarios. La de arriba, fragmentos de
   versículos en la caligrafía, en oro; la de abajo, palabras en contorno. principal.js las mueve y las inclina con
   la velocidad del scroll. */

.versos { position: relative; z-index: 2; padding: clamp(50px, 8vw, 110px) 0 clamp(30px, 5vw, 60px); overflow: hidden; background: var(--noche); }
.con-3d .versos { background: none; }
.versos-cinta { display: flex; white-space: nowrap; }
.versos-pista { display: flex; align-items: center; flex: none; gap: .5em; padding-right: .5em; will-change: transform; }
.versos-cinta:not(.versos-cinta-inversa) .versos-pista {
  font: 400 clamp(68px, 9.5vw, 140px)/1.15 var(--caligrafia); color: var(--luz);
  text-shadow: 0 0 30px rgba(243, 212, 138, .45);
}
.versos-corazon { width: .32em; height: .3em; flex: none; fill: rgba(233, 121, 146, .25); stroke: var(--rosa); stroke-width: 2; filter: drop-shadow(0 0 6px rgba(233, 121, 146, .7)); }
.versos-cinta-inversa { margin-top: 4px; }
.versos-cinta-inversa .versos-pista { gap: .6em; padding-right: .6em; font: 500 clamp(40px, 5.4vw, 80px)/1.1 var(--serif); text-transform: uppercase; letter-spacing: .06em; }
.versos-cinta-inversa span { color: transparent; -webkit-text-stroke: 1.2px rgba(243, 212, 138, .75); }
.versos-cinta-inversa i { font-style: normal; font-size: .5em; color: var(--rosa); }