/* TuTallerYa 10.51: un único lienzo para Descarga + Universo.
   Evita que el fondo de la descarga se corte al comenzar el corredor. */
.editorial-page .tty-showcase-flow {
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: visible;
  background-color: var(--background);
  background-image:
    radial-gradient(ellipse 60% 27% at 17% 22%, rgba(21, 93, 253, .105) 0%, transparent 100%),
    radial-gradient(ellipse 67% 30% at 75% 54%, rgba(255, 99, 22, .07) 0%, transparent 100%),
    radial-gradient(ellipse 64% 25% at 30% 77%, rgba(21, 93, 253, .055) 0%, transparent 100%);
  background-repeat: no-repeat;
}
:root[data-theme='dark'] .editorial-page .tty-showcase-flow {
  background-image:
    radial-gradient(ellipse 60% 27% at 17% 22%, rgba(21, 93, 253, .17) 0%, transparent 100%),
    radial-gradient(ellipse 67% 30% at 75% 54%, rgba(255, 99, 22, .075) 0%, transparent 100%),
    radial-gradient(ellipse 64% 25% at 30% 77%, rgba(21, 93, 253, .08) 0%, transparent 100%);
}
/* La sección de descarga deja de dibujar un fondo independiente. */
.editorial-page .tty-showcase-flow .j-download.d-download,
:root[data-theme='dark'] .editorial-page .tty-showcase-flow .j-download.d-download {
  background: transparent;
  margin-top: 0;
}
/* El corredor no necesita un gradiente corrector en sus extremos: ya comparte el lienzo. */
.editorial-page .tty-showcase-flow .tty-universe {
  margin-top: 0;
  position: relative;
  z-index: 1;
}
.editorial-page .tty-showcase-flow .tty-universe::before,
.editorial-page .tty-showcase-flow .tty-universe::after,
.editorial-page .tty-showcase-flow .tty-universe__stage::before,
.editorial-page .tty-showcase-flow .tty-universe__stage::after {
  content: none;
}
/* Sin máscaras sobre el escenario completo: el titular nunca debe perder opacidad.
   El JavaScript atenúa cada card ANTES de que alcance el límite lateral. */
/* La iluminación ambiental ya nace del fondo común. Se eliminan luces locales
   que antes tocaban el borde de recorte y formaban costuras visibles. */
.editorial-page .tty-showcase-flow .tty-universe__light { display: none; }
/* Las tarjetas se atenúan en los extremos mediante opacidad JS.
   En vertical sólo se enmascaran imágenes, jamás un bloque de color. */
.editorial-page .tty-showcase-flow .tty-universe__gallery {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
}