/* ======================================================
   BEAUTY EXPO NICARAGUA — ANIMACIONES 2027
   Compatible con beautyexpo-campana-2027.css
   ====================================================== */

/* ENTRADA DEL HERO */

.bex27.bex27-motion-enabled .bex27-launch-pill {
  animation: bex27-entrada 0.85s 0.08s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bex27.bex27-motion-enabled .bex27-hero-headline {
  animation: bex27-entrada 0.9s 0.23s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bex27.bex27-motion-enabled .bex27-hero-subtitle {
  animation: bex27-entrada 0.85s 0.38s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bex27.bex27-motion-enabled .bex27-launch-caption {
  animation: bex27-entrada 0.8s 0.49s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bex27.bex27-motion-enabled .bex27-hero-actions {
  animation: bex27-entrada 0.8s 0.61s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bex27.bex27-motion-enabled .bex27-hero-discover {
  animation: bex27-entrada 0.8s 0.75s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* TARJETA OCTUBRE 2027 */

.bex27.bex27-motion-enabled .bex27-launch-poster {
  animation: bex27-entrada-tarjeta 1s 0.38s both cubic-bezier(0.2, 0.8, 0.2, 1);
  transition:
    transform 0.45s ease,
    box-shadow 0.45s ease;
}

@media (hover: hover) and (pointer: fine) {
  .bex27 .bex27-launch-poster:hover {
    transform: rotate(0deg) scale(1.015);
    box-shadow: 0 35px 85px rgba(37, 7, 34, 0.42);
  }
}

/* MOVIMIENTO AMBIENTAL */

.bex27.bex27-motion-enabled .bex27-launch-orb-a {
  animation: bex27-flotar-a 13s ease-in-out infinite alternate;
}

.bex27.bex27-motion-enabled .bex27-launch-orb-b {
  animation: bex27-flotar-b 16s ease-in-out infinite alternate;
}

.bex27.bex27-motion-enabled .bex27-hero-headline em {
  background-size: 170% 100%;
  animation: bex27-brillo 10s ease-in-out infinite alternate;
}

.bex27.bex27-motion-enabled .bex27-hero-discover span {
  display: inline-block;
  animation: bex27-flecha 2.2s ease-in-out infinite;
}

/* APARICION AL HACER SCROLL */

.bex27.bex27-motion-enabled [data-bex-reveal] {
  opacity: 0;
  translate: 0 27px;
  transition:
    opacity 0.7s ease var(--bex-delay, 0ms),
    translate 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) var(--bex-delay, 0ms),
    transform 0.32s ease,
    box-shadow 0.32s ease,
    border-color 0.32s ease;
}

.bex27.bex27-motion-enabled [data-bex-reveal].is-visible {
  opacity: 1;
  translate: 0 0;
}

/* TARJETAS INTERACTIVAS */

.bex27 .bex27-value-grid article,
.bex27 .bex27-join-card,
.bex27 .bex27-testimonial-card,
.bex27 .bex27-space-card,
.bex27 .bex27-thanks-grid article,
.bex27 .bex27-inner-card,
.bex27 .bex27-inner-people article {
  transition:
    transform 0.32s ease,
    box-shadow 0.32s ease,
    border-color 0.32s ease;
}

@media (hover: hover) and (pointer: fine) {
  .bex27 .bex27-value-grid article:hover,
  .bex27 .bex27-join-card:hover,
  .bex27 .bex27-testimonial-card:hover,
  .bex27 .bex27-space-card:hover,
  .bex27 .bex27-thanks-grid article:hover,
  .bex27 .bex27-inner-card:hover,
  .bex27 .bex27-inner-people article:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 42px rgba(58, 13, 42, 0.12);
    border-color: rgba(239, 65, 130, 0.27);
  }

  .bex27 .bex27-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(226, 31, 106, 0.22);
  }

  /* Línea animada del menú principal */

  .bex27 .bex27-nav > a:not(.bex27-nav-cta) {
    position: relative;
  }

  .bex27 .bex27-nav > a:not(.bex27-nav-cta)::after {
    content: "";
    position: absolute;
    height: 2px;
    bottom: -8px;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #ffae6e, #ff3a97);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
  }

  .bex27 .bex27-nav > a:not(.bex27-nav-cta):hover::after {
    transform: scaleX(1);
  }
}

/* PAGINAS HISTORIA, EDICIONES Y AGRADECIMIENTOS */

.bex27.bex27-motion-enabled .bex27-inner-hero .bex27-inner-kicker {
  display: inline-block;
  animation: bex27-entrada 0.75s 0.06s both ease-out;
}

.bex27.bex27-motion-enabled .bex27-inner-hero h1 {
  animation: bex27-entrada 0.9s 0.18s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

.bex27.bex27-motion-enabled .bex27-inner-hero p {
  animation: bex27-entrada 0.9s 0.33s both cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* BARRA DE PROGRESO SUPERIOR */

.bex27-scroll-progress {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #ff8b47, #f20063, #b40076);
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}

/* KEYFRAMES */

@keyframes bex27-entrada {
  from {
    opacity: 0;
    translate: 0 25px;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes bex27-entrada-tarjeta {
  from {
    opacity: 0;
    translate: 0 34px;
  }

  to {
    opacity: 1;
    translate: 0 0;
  }
}

@keyframes bex27-flotar-a {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-27px, 28px, 0);
  }
}

@keyframes bex27-flotar-b {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(26px, -23px, 0);
  }
}

@keyframes bex27-brillo {
  from {
    background-position: 0% 50%;
  }

  to {
    background-position: 100% 50%;
  }
}

@keyframes bex27-flecha {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(5px);
  }
}

/* ACCESIBILIDAD */

@media (prefers-reduced-motion: reduce) {
  .bex27 .bex27-launch-pill,
  .bex27 .bex27-hero-headline,
  .bex27 .bex27-hero-subtitle,
  .bex27 .bex27-launch-caption,
  .bex27 .bex27-hero-actions,
  .bex27 .bex27-hero-discover,
  .bex27 .bex27-launch-poster,
  .bex27 .bex27-launch-orb,
  .bex27 .bex27-inner-hero * {
    animation: none !important;
  }

  .bex27 [data-bex-reveal] {
    opacity: 1 !important;
    translate: none !important;
  }

  .bex27 .bex27-join-card,
  .bex27 .bex27-space-card,
  .bex27 .bex27-value-grid article,
  .bex27 .bex27-thanks-grid article,
  .bex27 .bex27-inner-card {
    transition: none !important;
  }
}