/* Home and /demo-cine/ — editorial entrances over the Three.js universe. */
.site-main--cine { --cine-ease: cubic-bezier(.16, 1, .3, 1); }
.cine-progress {
 position: fixed; inset: 0 0 auto; height: 3px; z-index: 10000;
 background: linear-gradient(90deg, #fa775b, #ffd998, #b7caff);
 transform: scaleX(var(--cine-progress, 0)); transform-origin: left;
 pointer-events: none;
}
.site-main--cine .home-news__media { overflow: hidden; }
.site-main--cine .home-card { transform-origin: 50% 100%; }
@media (prefers-reduced-motion: no-preference) {
 .site-main--cine.cine-on .cine-reveal {
  opacity: 0; transform: translate3d(0, 64px, 0) rotateX(5deg);
  transition: opacity .8s ease, transform 1.2s var(--cine-ease), clip-path 1.4s var(--cine-ease);
  transition-delay: var(--cine-delay, 0ms);
 }
 .site-main--cine.cine-on .cine-reveal.cine-visible {
  opacity: 1; transform: none;
 }
 .site-main--cine.cine-on .home-section__title.cine-reveal,
 .site-main--cine.cine-on .home-intro__title.cine-reveal {
  clip-path: inset(0 0 100% 0); transform: translateY(35px);
 }
 .site-main--cine.cine-on .home-section__title.cine-visible,
 .site-main--cine.cine-on .home-intro__title.cine-visible {
  clip-path: inset(0 0 -15% 0); transform: none;
 }
 .site-main--cine.cine-on .home-intro__art.cine-reveal {
  clip-path: inset(0 48% 0 48%); transform: scale(.9);
  transition-duration: 1.2s, 1.8s, 1.8s;
 }
 .site-main--cine.cine-on .home-intro__art.cine-visible {
  clip-path: inset(-10%); transform: none;
 }
 .site-main--cine.cine-on .home-news__media img {
  transform: scale(1.14); transition: transform 1.8s var(--cine-ease);
 }
 .site-main--cine.cine-on .cine-visible .home-news__media img { transform: scale(1); }
 .site-main--cine.cine-on .home-hero__photo {
  transform: translate3d(0, var(--cine-drift, 0px), 0) scale(1.1);
 }
 .site-main--cine.cine-on .home-hero__content {
  transform: translate3d(0, var(--cine-text-drift, 0px), 0);
 }
 .site-main--cine.cine-on .home-intro__aurora {
  /* Conserva el centrado base: sin el translateX la aurora se iba a la derecha. */
  transform: translateX(-50%) translate3d(0, var(--cine-aurora-drift, 0px), 0) scale(1.06);
 }
 .site-main--cine.cine-on .home-hero__title { animation: cine-opening 1.4s var(--cine-ease) both; }
 .site-main--cine.cine-on .home-hero__text { animation: cine-opening 1.4s var(--cine-ease) .16s both; }
 .site-main--cine.cine-on .home-hero__cta { animation: cine-opening 1.4s var(--cine-ease) .3s both; }
 @keyframes cine-opening {
  from { opacity: 0; transform: translateY(40px); clip-path: inset(0 0 100%); }
  to { opacity: 1; transform: none; clip-path: inset(-10%); }
 }
 @media (max-width: 700px) {
  .site-main--cine.cine-on .cine-reveal { transform: translateY(30px); transition-duration: .65s, .9s, 1s; }
 }
}
@media (prefers-reduced-motion: reduce) {
 .cine-progress { display: none; }
}