/* MIX_PREMIUM_FLOW_V1_START */

/* ============================================================
   TRANSIÇÃO PREMIUM ENTRE BLOCOS
   ============================================================ */

html {
  scroll-behavior: smooth;
}

body {
  background: #07111f;
}

/* cria uma sensação de continuidade entre seções */
section {
  position: relative;
}

/* linha luminosa sutil entre blocos claros e escuros */
section + section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  width: min(820px, 82vw);
  height: 1px;
  transform: translateX(-50%);
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 126, 44, 0.44),
    rgba(36, 198, 205, 0.28),
    transparent
  );
}

/* fade superior para evitar cortes secos */
.mxw-block2-v7,
.mxw-segments-v1,
.mxp-pricing-section {
  isolation: isolate;
}

.mxw-block2-v7 {
  box-shadow:
    0 -28px 70px rgba(255, 250, 243, 0.22),
    0 34px 80px rgba(7, 17, 31, 0.05) inset;
}

.mxw-segments-v1 {
  box-shadow:
    0 -26px 70px rgba(7, 17, 31, 0.32),
    0 30px 80px rgba(255, 126, 44, 0.04) inset;
}

.mxp-pricing-section {
  box-shadow:
    0 -32px 78px rgba(255, 250, 243, 0.18),
    0 28px 80px rgba(255, 126, 44, 0.045) inset;
}

/* respiro refinado pós-seções principais */
.mxw-block2-v7 + .mxw-segments-v1 {
  margin-top: 0;
}

.mxw-segments-v1 + .mxp-pricing-section {
  margin-top: 0;
}

/* ============================================================
   ANIMAÇÃO PREMIUM AO ROLAR
   ============================================================ */

.mxw-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 720ms ease,
    transform 720ms cubic-bezier(.2,.8,.2,1);
  will-change: opacity, transform;
}

.mxw-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.mxw-reveal-delay-1 {
  transition-delay: 80ms;
}

.mxw-reveal-delay-2 {
  transition-delay: 150ms;
}

.mxw-reveal-delay-3 {
  transition-delay: 220ms;
}

/* hover premium unificado */
.mxw-b2-card,
.mxw-segment-card,
.mxp-card {
  will-change: transform;
}

/* ============================================================
   WHATSAPP FLUTUANTE — MOBILE PREMIUM
   ============================================================ */

.mxw-float-whatsapp {
  animation: mxwFloatPulse 3.8s ease-in-out infinite;
}

@keyframes mxwFloatPulse {
  0%, 100% {
    box-shadow:
      0 18px 44px rgba(7, 17, 31, 0.34),
      0 0 0 rgba(37, 211, 102, 0);
  }
  50% {
    box-shadow:
      0 22px 54px rgba(7, 17, 31, 0.40),
      0 0 26px rgba(37, 211, 102, 0.18);
  }
}

/* ============================================================
   MOBILE PREMIUM
   ============================================================ */

@media (max-width: 920px) {
  section + section::before {
    width: min(620px, 76vw);
  }

  .mxw-block2-v7,
  .mxw-segments-v1,
  .mxp-pricing-section {
    box-shadow: none;
  }
}

@media (max-width: 760px) {
  body {
    overflow-x: hidden;
  }

  /* Header mais limpo no mobile */
  header,
  .site-header,
  .header,
  .nav-header {
    min-height: auto;
  }

  header nav,
  .site-header nav,
  .nav,
  .navbar {
    gap: 14px;
  }

  header img,
  .site-header img {
    max-width: 150px;
    height: auto;
  }

  /* Menu mais discreto no mobile, sem esmagar */
  header a,
  .site-header a,
  .nav a,
  .navbar a {
    font-size: 0.86rem;
  }

  /* CTA do topo mais compacto */
  header .btn,
  .site-header .btn,
  header [class*="button"],
  .site-header [class*="button"] {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 0.88rem;
  }

  /* Bloco 2 mobile */
  .mxw-block2-v7 {
    padding-top: 66px !important;
    padding-bottom: 70px !important;
  }

  .mxw-b2-head h2 {
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
  }

  .mxw-b2-head p {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  .mxw-b2-card {
    border-radius: 24px !important;
  }

  /* Segmentos mobile */
  .mxw-segments-v1 {
    padding-top: 68px !important;
    padding-bottom: 74px !important;
  }

  .mxw-segments-head h2 {
    font-size: clamp(2rem, 8.5vw, 2.55rem) !important;
    line-height: 1.08 !important;
  }

  .mxw-segments-head p {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  .mxw-segment-card {
    border-radius: 24px !important;
  }

  .mxw-segments-footer {
    border-radius: 24px !important;
  }

  /* Planos mobile */
  .mxp-pricing-section {
    padding-top: 70px !important;
    padding-bottom: 76px !important;
  }

  .mxp-pricing-head h2 {
    font-size: clamp(2rem, 8.8vw, 2.55rem) !important;
    line-height: 1.08 !important;
  }

  .mxp-pricing-head p {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  .mxp-card {
    border-radius: 24px !important;
  }

  .mxp-card-featured {
    transform: none !important;
  }

  /* WhatsApp mobile mais premium e menos invasivo */
  .mxw-float-whatsapp {
    right: 14px !important;
    bottom: 14px !important;
    min-height: 52px !important;
    padding: 8px !important;
    border-radius: 999px !important;
  }

  .mxw-float-whatsapp-icon {
    width: 38px !important;
    height: 38px !important;
  }

  .mxw-float-whatsapp-text {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .mxw-b2-shell,
  .mxw-segments-shell,
  .mxp-pricing-section .container {
    width: min(100% - 28px, 100%) !important;
  }

  .mxw-b2-head,
  .mxw-segments-head,
  .mxp-pricing-head {
    margin-bottom: 28px !important;
  }

  .mxw-b2-card,
  .mxw-segment-card,
  .mxp-card {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mxw-b2-note {
    font-size: 0.9rem !important;
  }
}

/* reduz animações para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .mxw-reveal,
  .mxw-reveal.is-visible,
  .mxw-float-whatsapp {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* MIX_PREMIUM_FLOW_V1_END */

/* MIX_PREMIUM_FLOW_MOBILE_V2_START */

@media (max-width: 760px) {
  section + section::before {
    width: min(360px, 72vw) !important;
    opacity: 0.9 !important;
  }

  .mxw-block2-v7::after,
  .mxw-segments-v1::after,
  .mxp-pricing-section::after {
    width: min(360px, 70vw) !important;
  }

  .mxw-block2-v7 {
    box-shadow:
      0 -18px 44px rgba(255, 250, 243, 0.14),
      0 18px 42px rgba(7, 17, 31, 0.035) inset !important;
  }

  .mxw-segments-v1 {
    box-shadow:
      0 -18px 44px rgba(7, 17, 31, 0.22),
      0 18px 44px rgba(255, 126, 44, 0.03) inset !important;
  }

  .mxp-pricing-section {
    box-shadow:
      0 -18px 44px rgba(255, 250, 243, 0.12),
      0 16px 40px rgba(255, 126, 44, 0.03) inset !important;
  }
}

/* MIX_PREMIUM_FLOW_MOBILE_V2_END */