/*
 * Hero premium sutil · XAMANA · preview 16/9/2026
 * Profundidad y luz sin alterar contenido ni estructura.
 */
#inicio.xamana-hero-premium {
  --hero-pointer-x: 58%;
  --hero-pointer-y: 42%;
  --hero-drift-x: 0px;
  --hero-drift-y: 0px;
  --hero-scroll-shift: 0px;
  isolation: isolate;
}
#inicio.xamana-hero-premium #hero-media {
  transform:
    translate3d(
      var(--hero-drift-x),
      calc(var(--hero-drift-y) + var(--hero-scroll-shift)),
      0
    )
    scale(1.035);
  transform-origin: center;
  will-change: transform;
  transition: transform 500ms cubic-bezier(.22,1,.36,1);
}
#inicio.xamana-hero-premium #hero-content-shell {
  transform: translate3d(
    calc(var(--hero-drift-x) * -.22),
    calc((var(--hero-drift-y) * -.18) + (var(--hero-scroll-shift) * -.14)),
    0
  );
  will-change: transform;
}
.xamana-hero-light {
  position: absolute;
  inset: -18%;
  z-index: 12;
  pointer-events: none;
  background:
    radial-gradient(
      circle 34rem at var(--hero-pointer-x) var(--hero-pointer-y),
      rgba(230, 200, 129, .13) 0%,
      rgba(83, 118, 70, .075) 28%,
      transparent 66%
    );
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity 700ms ease;
}
#inicio.xamana-hero-premium[data-pointer-active="true"] .xamana-hero-light {
  opacity: .8;
}
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-sello,
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-title,
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-support,
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-primary-cta-wrap {
  animation: xamanaHeroLayerIn 900ms cubic-bezier(.22,1,.36,1) both;
}
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-sello { animation-delay: 100ms; }
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-title { animation-delay: 210ms; }
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-support { animation-delay: 330ms; }
html.xamana-ux-ready #inicio.xamana-hero-premium #hero-primary-cta-wrap { animation-delay: 470ms; }
@keyframes xamanaHeroLayerIn {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}
#inicio.xamana-hero-premium #hero-primary-cta {
  --hero-magnetic-x: 0px;
  --hero-magnetic-y: 0px;
  transform: translate3d(var(--hero-magnetic-x), var(--hero-magnetic-y), 0);
  transition:
    transform 260ms cubic-bezier(.22,1,.36,1),
    box-shadow 300ms ease,
    border-color 300ms ease;
}
#inicio.xamana-hero-premium #hero-primary-cta:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 12px 32px rgba(22, 75, 47, .35),
    0 0 0 1px rgba(230, 200, 129, .08);
}
@media (max-width: 767px), (pointer: coarse) {
  #inicio.xamana-hero-premium #hero-media {
    transform: translate3d(0, var(--hero-scroll-shift), 0) scale(1.025);
  }
  #inicio.xamana-hero-premium #hero-content-shell {
    transform: translate3d(0, calc(var(--hero-scroll-shift) * -.1), 0);
  }
  .xamana-hero-light { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #inicio.xamana-hero-premium #hero-media,
  #inicio.xamana-hero-premium #hero-content-shell,
  #inicio.xamana-hero-premium #hero-primary-cta {
    transform: none !important;
    transition: none !important;
  }
  .xamana-hero-light { display: none !important; }
  html.xamana-ux-ready #inicio.xamana-hero-premium #hero-sello,
  html.xamana-ux-ready #inicio.xamana-hero-premium #hero-title,
  html.xamana-ux-ready #inicio.xamana-hero-premium #hero-support,
  html.xamana-ux-ready #inicio.xamana-hero-premium #hero-primary-cta-wrap {
    animation: none !important;
    filter: none !important;
  }
}