/* Shared, deliberately plain content entrance for variants D–G: every one of them uses the
   same text choreography, so the only difference between them is the background library. */
.fondo-efecto{position:absolute;inset:0;pointer-events:none}
.fondo-efecto canvas{display:block}
@media (prefers-reduced-motion: no-preference){
  .presentacion .wrap>*{animation:entrar .9s var(--ease) both}
  .presentacion .wrap>:nth-child(1){animation-delay:.15s}
  .presentacion .wrap>:nth-child(2){animation-delay:.25s}
  .presentacion .wrap>:nth-child(3){animation-delay:.35s}
  .presentacion .wrap>:nth-child(4){animation-delay:.5s}
  .presentacion .wrap>:nth-child(5){animation-delay:.6s}
  .presentacion .wrap>:nth-child(6){animation-delay:.7s}
  @keyframes entrar{from{opacity:0;transform:translateY(16px)}}
  .fondo-efecto{animation:aparecer-fondo 1.6s var(--ease) .2s both}
  @keyframes aparecer-fondo{from{opacity:0}}
}