/* MIX_SEO_HUB_V1_START */

.mix-seo-hub-v1 {
  position: relative;
  padding: 88px 0;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,126,44,.10), transparent 30%),
    radial-gradient(circle at 84% 20%, rgba(36,198,205,.10), transparent 30%),
    linear-gradient(180deg, #07111f 0%, #0b1828 100%);
  color: #fff;
}

.mix-seo-hub-v1 .mix-seo-shell,
.mix-seo-shell {
  width: min(100% - 48px, 1120px);
  margin: 0 auto;
}

.mix-seo-hub-head {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.mix-seo-hub-kicker,
.mix-seo-kicker {
  color: #ff8a35;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.mix-seo-hub-head h2 {
  margin: 14px 0 12px;
  font-size: clamp(2.1rem, 4vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: -.055em;
}

.mix-seo-hub-head p {
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: 1rem;
  line-height: 1.65;
}

.mix-seo-hub-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.mix-seo-hub-card,
.mix-seo-related-card {
  display: block;
  text-decoration: none;
  border-radius: 22px;
  padding: 20px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.10);
  color: #fff;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mix-seo-hub-card:hover,
.mix-seo-related-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,126,44,.42);
  background: rgba(255,255,255,.075);
}

.mix-seo-hub-card span,
.mix-seo-related-card span {
  color: #ff8a35;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-seo-hub-card strong,
.mix-seo-related-card strong {
  display: block;
  margin: 10px 0 8px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.25;
}

.mix-seo-hub-card small,
.mix-seo-related-card small {
  display: block;
  color: rgba(255,255,255,.64);
  line-height: 1.48;
}

.mix-seo-page {
  margin: 0;
  background: #07111f;
  color: #eef3f8;
  font-family: inherit;
}

.mix-seo-header {
  min-height: 104px;
  padding: 22px min(6vw, 72px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #050c18;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.mix-seo-logo img {
  width: 190px;
  height: auto;
  display: block;
}

.mix-seo-nav {
  display: flex;
  gap: 24px;
  align-items: center;
}

.mix-seo-nav a,
.mix-seo-footer a {
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-weight: 700;
}

.mix-seo-hero {
  padding: 82px 0;
  background:
    radial-gradient(circle at 18% 14%, rgba(255,126,44,.12), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(36,198,205,.14), transparent 34%),
    linear-gradient(135deg, #07111f 0%, #0a1c2d 58%, #05101d 100%);
}

.mix-seo-hero h1 {
  max-width: 880px;
  margin: 18px 0 20px;
  font-size: clamp(2.6rem, 5.8vw, 5.2rem);
  line-height: .98;
  letter-spacing: -.06em;
}

.mix-seo-hero p {
  max-width: 720px;
  color: rgba(255,255,255,.72);
  font-size: 1.1rem;
  line-height: 1.7;
}

.mix-seo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.mix-seo-btn {
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 900;
}

.mix-seo-btn-primary {
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
}

.mix-seo-btn-secondary {
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.07);
}

.mix-seo-content {
  padding: 72px 0;
  background: #f8fafc;
  color: #07111f;
}

.mix-seo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 40px;
  align-items: start;
}

.mix-seo-main,
.mix-seo-aside {
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(7,17,31,.08);
  box-shadow: 0 22px 60px rgba(7,17,31,.08);
}

.mix-seo-main {
  padding: 38px;
}

.mix-seo-main h2,
.mix-seo-aside h2,
.mix-seo-all-links h2 {
  margin: 0 0 14px;
  letter-spacing: -.035em;
}

.mix-seo-main p,
.mix-seo-main li {
  color: rgba(7,17,31,.70);
  line-height: 1.72;
}

.mix-seo-status {
  display: inline-flex;
  margin-bottom: 22px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,126,44,.12);
  color: #d65c16;
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mix-seo-note {
  padding: 16px;
  border-radius: 18px;
  background: rgba(36,198,205,.09);
  border: 1px solid rgba(36,198,205,.18);
}

.mix-seo-aside {
  padding: 24px;
}

.mix-seo-related-list {
  display: grid;
  gap: 12px;
}

.mix-seo-related-card {
  background: #07111f;
  border-color: rgba(255,255,255,.12);
}

.mix-seo-all-links {
  padding: 62px 0;
  background: #07111f;
  color: #fff;
}

.mix-seo-link-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mix-seo-link-cloud a {
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
}

.mix-seo-footer {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 28px;
  color: rgba(255,255,255,.62);
  background: #050c18;
}

@media (max-width: 920px) {
  .mix-seo-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mix-seo-grid {
    grid-template-columns: 1fr;
  }

  .mix-seo-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .mix-seo-nav {
    flex-wrap: wrap;
    gap: 14px;
  }
}

@media (max-width: 520px) {
  .mix-seo-hub-v1 {
    padding: 64px 0;
  }

  .mix-seo-hub-grid {
    grid-template-columns: 1fr;
  }

  .mix-seo-hub-v1 .mix-seo-shell,
  .mix-seo-shell {
    width: min(100% - 34px, 100%);
  }

  .mix-seo-hero {
    padding: 58px 0;
  }

  .mix-seo-hero h1 {
    font-size: clamp(2.4rem, 12vw, 3.8rem);
  }

  .mix-seo-main {
    padding: 26px;
  }

  .mix-seo-footer {
    flex-direction: column;
    text-align: center;
  }
}

/* MIX_SEO_HUB_V1_END */

/* MIX_SEO_PAGES_BRAND_V2_START */

.mix-seo-footer-v2 {
  padding: 0;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,.10), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(36,198,205,.10), transparent 34%),
    #050c18;
  border-top: 1px solid rgba(255,255,255,.08);
}

.mix-seo-footer-shell {
  width: min(100% - 48px, 1120px);
  margin: 0 auto;
  padding: 34px 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}

.mix-seo-footer-brand {
  display: flex;
  align-items: center;
  gap: 18px;
}

.mix-seo-footer-brand img {
  width: 168px;
  height: auto;
  display: block;
}

.mix-seo-footer-brand p {
  margin: 0;
  color: rgba(255,255,255,.66);
  line-height: 1.5;
}

.mix-seo-footer-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.mix-seo-footer-nav a,
.mix-footer-credit a,
.mix-seo-footer-credit a {
  color: #ff8a35;
  text-decoration: none;
  font-weight: 900;
}

.mix-seo-footer-nav a {
  color: rgba(255,255,255,.76);
  font-size: .92rem;
}

.mix-seo-footer-credit,
.mix-footer-credit,
.mix-footer-credit-home {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.58);
  font-size: .88rem;
  text-align: center;
}

.mix-seo-wa-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  min-height: 54px;
  padding: 0 18px 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 999px;
  color: #07111f;
  background: linear-gradient(90deg, #25d366 0%, #5df08b 100%);
  box-shadow:
    0 18px 42px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.16) inset;
  text-decoration: none;
  font-weight: 950;
}

.mix-seo-wa-icon {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.86);
}

.mix-seo-wa-icon svg {
  width: 22px;
  height: 22px;
  fill: #128c4a;
}

.mix-seo-btn-primary,
.mix-seo-btn-secondary,
.mix-seo-hub-card,
.mix-seo-related-card {
  will-change: transform;
}

.mix-seo-btn-primary:hover,
.mix-seo-btn-secondary:hover,
.mix-seo-wa-float:hover {
  transform: translateY(-2px);
}

@media (max-width: 760px) {
  .mix-seo-footer-shell {
    width: min(100% - 34px, 100%);
    grid-template-columns: 1fr;
    text-align: center;
  }

  .mix-seo-footer-brand {
    flex-direction: column;
    justify-content: center;
  }

  .mix-seo-footer-nav {
    justify-content: center;
  }

  .mix-seo-wa-float {
    right: 14px;
    bottom: 14px;
    min-height: 50px;
    padding-right: 15px;
    font-size: .92rem;
  }
}

/* MIX_SEO_PAGES_BRAND_V2_END */

/* MIX_SEO_PAGES_VISUAL_FIX_V3_START */

/*
  Correções para páginas SEO:
  - manter identidade visual MixWiFi
  - impedir hover branco ilegível
  - corrigir rodapé
  - deixar WhatsApp flutuante no padrão da home
*/

.mix-seo-page,
.mix-seo-page * {
  box-sizing: border-box;
}

.mix-seo-page {
  font-family:
    Inter,
    Manrope,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
  background: #07111f !important;
  color: #eef3f8 !important;
}

/* -----------------------------
   Links/cards relacionados
----------------------------- */

.mix-seo-link-cloud a,
.mix-seo-related-card,
.mix-seo-hub-card {
  color: #ffffff !important;
  text-decoration: none !important;
}

.mix-seo-link-cloud a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,0.88) !important;
  background: rgba(255,255,255,0.065) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  font-family:
    Inter,
    Manrope,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    box-shadow .18s ease !important;
}

.mix-seo-link-cloud a:hover,
.mix-seo-link-cloud a:focus-visible {
  color: #07111f !important;
  background: linear-gradient(90deg, #ff7e2c 0%, #ff9638 100%) !important;
  border-color: rgba(255,126,44,0.72) !important;
  box-shadow: 0 16px 34px rgba(255,126,44,0.22) !important;
  transform: translateY(-2px) !important;
}

.mix-seo-related-card:hover,
.mix-seo-related-card:focus-visible,
.mix-seo-hub-card:hover,
.mix-seo-hub-card:focus-visible {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(255,126,44,0.16), transparent 34%),
    rgba(255,255,255,0.082) !important;
  border-color: rgba(255,126,44,0.48) !important;
}

.mix-seo-related-card:hover strong,
.mix-seo-related-card:hover small,
.mix-seo-hub-card:hover strong,
.mix-seo-hub-card:hover small {
  color: #ffffff !important;
}

.mix-seo-related-card:hover span,
.mix-seo-hub-card:hover span {
  color: #ff9a3d !important;
}

/* -----------------------------
   Bloco Guias conectados
----------------------------- */

.mix-seo-all-links {
  padding: 74px 0 78px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.10), transparent 32%),
    radial-gradient(circle at 84% 12%, rgba(36,198,205,0.10), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #071827 100%) !important;
  color: #ffffff !important;
}

.mix-seo-all-links h2 {
  color: #ffffff !important;
  font-family:
    Inter,
    Manrope,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
  font-size: clamp(2.1rem, 4vw, 3.2rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.055em !important;
  margin-bottom: 24px !important;
}

.mix-seo-link-cloud {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

/* -----------------------------
   Rodapé premium
----------------------------- */

.mix-seo-footer.mix-seo-footer-v2 {
  display: block !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(36,198,205,0.10), transparent 34%),
    #050c18 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.72) !important;
}

.mix-seo-footer-shell {
  width: min(100% - 48px, 1120px) !important;
  margin: 0 auto !important;
  padding: 42px 0 34px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 24px 34px !important;
  align-items: center !important;
}

.mix-seo-footer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
}

.mix-seo-footer-brand img {
  width: 178px !important;
  height: auto !important;
  display: block !important;
}

.mix-seo-footer-brand p {
  margin: 0 !important;
  color: rgba(255,255,255,0.66) !important;
  font-size: 0.96rem !important;
  line-height: 1.5 !important;
}

.mix-seo-footer-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.mix-seo-footer-nav a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,0.78) !important;
  background: rgba(255,255,255,0.045) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  text-decoration: none !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
}

.mix-seo-footer-nav a:hover,
.mix-seo-footer-nav a:focus-visible {
  color: #07111f !important;
  background: linear-gradient(90deg, #ff7e2c 0%, #ff9638 100%) !important;
  border-color: rgba(255,126,44,0.62) !important;
}

.mix-seo-footer-credit {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.58) !important;
  font-size: 0.88rem !important;
  text-align: center !important;
}

.mix-seo-footer-credit a {
  color: #ff8a35 !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

.mix-seo-footer-credit a:hover {
  color: #ffb06b !important;
}

/* -----------------------------
   WhatsApp flutuante igual home
----------------------------- */

.mix-seo-wa-float {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 120 !important;

  min-height: 54px !important;
  padding: 0 18px 0 10px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;

  border-radius: 999px !important;
  color: #ffffff !important;
  background:
    linear-gradient(180deg, rgba(20,31,46,0.96), rgba(10,18,31,0.96)) !important;
  border: 1px solid rgba(255,126,44,0.58) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset,
    0 0 28px rgba(255,126,44,0.14) !important;

  text-decoration: none !important;
  font-family:
    Inter,
    Manrope,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.mix-seo-wa-float:hover,
.mix-seo-wa-float:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(255,126,44,0.88) !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,0.38),
    0 0 36px rgba(255,126,44,0.20) !important;
}

.mix-seo-wa-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #25d366 !important;
  box-shadow: 0 10px 24px rgba(37,211,102,0.28) !important;
}

.mix-seo-wa-icon svg {
  width: 23px !important;
  height: 23px !important;
  fill: #ffffff !important;
}

/* -----------------------------
   Responsivo
----------------------------- */

@media (max-width: 760px) {
  .mix-seo-footer-shell {
    width: min(100% - 34px, 100%) !important;
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 38px 0 30px !important;
  }

  .mix-seo-footer-brand {
    justify-content: center !important;
    flex-direction: column !important;
  }

  .mix-seo-footer-nav {
    justify-content: center !important;
  }

  .mix-seo-all-links {
    padding: 58px 0 62px !important;
  }

  .mix-seo-link-cloud {
    gap: 10px !important;
  }

  .mix-seo-link-cloud a {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 44px !important;
  }

  .mix-seo-wa-float {
    right: 14px !important;
    bottom: 14px !important;
    min-height: 52px !important;
    padding-right: 15px !important;
  }
}

/* MIX_SEO_PAGES_VISUAL_FIX_V3_END */

/* MIX_SEO_RELATED_HOVER_HOME_FOOTER_FIX_V4_START */

/*
  V4: correção forte para hover branco nos cards/links relacionados.
  Mantém leitura em todos os estados: hover, focus, active e visited.
*/

body.mix-seo-page .mix-seo-all-links .mix-seo-link-cloud a,
body.mix-seo-page .mix-seo-all-links .mix-seo-link-cloud a:visited,
body.mix-seo-page .mix-seo-related-list .mix-seo-related-card,
body.mix-seo-page .mix-seo-related-list .mix-seo-related-card:visited,
body.mix-seo-page .mix-seo-hub-card,
body.mix-seo-page .mix-seo-hub-card:visited {
  color: rgba(255,255,255,0.90) !important;
  background: rgba(255,255,255,0.065) !important;
  border-color: rgba(255,255,255,0.14) !important;
  text-decoration: none !important;
}

body.mix-seo-page .mix-seo-all-links .mix-seo-link-cloud a:hover,
body.mix-seo-page .mix-seo-all-links .mix-seo-link-cloud a:focus,
body.mix-seo-page .mix-seo-all-links .mix-seo-link-cloud a:focus-visible,
body.mix-seo-page .mix-seo-all-links .mix-seo-link-cloud a:active {
  color: #07111f !important;
  background: linear-gradient(90deg, #ff7e2c 0%, #ff9638 100%) !important;
  border-color: rgba(255,126,44,0.78) !important;
  box-shadow:
    0 16px 36px rgba(255,126,44,0.24),
    0 0 0 1px rgba(255,255,255,0.14) inset !important;
}

body.mix-seo-page .mix-seo-related-list .mix-seo-related-card:hover,
body.mix-seo-page .mix-seo-related-list .mix-seo-related-card:focus,
body.mix-seo-page .mix-seo-related-list .mix-seo-related-card:focus-visible,
body.mix-seo-page .mix-seo-related-list .mix-seo-related-card:active,
body.mix-seo-page .mix-seo-hub-card:hover,
body.mix-seo-page .mix-seo-hub-card:focus,
body.mix-seo-page .mix-seo-hub-card:focus-visible,
body.mix-seo-page .mix-seo-hub-card:active {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,126,44,0.18), transparent 36%),
    radial-gradient(circle at 88% 18%, rgba(36,198,205,0.12), transparent 38%),
    linear-gradient(180deg, rgba(14,32,49,0.98), rgba(9,20,34,0.98)) !important;
  border-color: rgba(255,126,44,0.52) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,0.24),
    0 0 0 1px rgba(255,255,255,0.08) inset !important;
}

body.mix-seo-page .mix-seo-related-card:hover *,
body.mix-seo-page .mix-seo-related-card:focus *,
body.mix-seo-page .mix-seo-related-card:active *,
body.mix-seo-page .mix-seo-hub-card:hover *,
body.mix-seo-page .mix-seo-hub-card:focus *,
body.mix-seo-page .mix-seo-hub-card:active * {
  color: inherit !important;
}

body.mix-seo-page .mix-seo-related-card:hover span,
body.mix-seo-page .mix-seo-related-card:focus span,
body.mix-seo-page .mix-seo-related-card:active span,
body.mix-seo-page .mix-seo-hub-card:hover span,
body.mix-seo-page .mix-seo-hub-card:focus span,
body.mix-seo-page .mix-seo-hub-card:active span {
  color: #ff9a3d !important;
}

body.mix-seo-page .mix-seo-related-card:hover strong,
body.mix-seo-page .mix-seo-related-card:focus strong,
body.mix-seo-page .mix-seo-related-card:active strong,
body.mix-seo-page .mix-seo-hub-card:hover strong,
body.mix-seo-page .mix-seo-hub-card:focus strong,
body.mix-seo-page .mix-seo-hub-card:active strong {
  color: #ffffff !important;
}

body.mix-seo-page .mix-seo-related-card:hover small,
body.mix-seo-page .mix-seo-related-card:focus small,
body.mix-seo-page .mix-seo-related-card:active small,
body.mix-seo-page .mix-seo-hub-card:hover small,
body.mix-seo-page .mix-seo-hub-card:focus small,
body.mix-seo-page .mix-seo-hub-card:active small {
  color: rgba(255,255,255,0.72) !important;
}

/*
  Rodapé premium na home com mesmo padrão das páginas SEO.
*/
.mix-home-footer-premium {
  margin-top: 0 !important;
}

body:not(.mix-seo-page) .mix-home-footer-premium {
  display: block !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 84% 12%, rgba(36,198,205,0.10), transparent 34%),
    #050c18 !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.72) !important;
}

/* MIX_SEO_RELATED_HOVER_HOME_FOOTER_FIX_V4_END */

/* MIX_SEO_RELATED_CARDS_REAL_FIX_V5_START */

/*
  Correção definitiva dos cards "Relacionados".
  Contexto: esses cards ficam dentro de um painel branco.
  Portanto, o estado normal precisa ser claro com texto escuro.
  O hover precisa ser premium, sem virar branco ilegível e sem azul padrão.
*/

body.mix-seo-page .mix-seo-aside .mix-seo-related-list {
  display: grid !important;
  gap: 14px !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:link,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:visited {
  display: block !important;
  padding: 18px 18px 17px !important;
  border-radius: 20px !important;

  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.08), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;

  border: 1px solid rgba(7,17,31,0.10) !important;
  box-shadow: 0 12px 28px rgba(7,17,31,0.06) !important;

  color: #07111f !important;
  text-decoration: none !important;
  outline: none !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card span {
  display: block !important;
  margin-bottom: 9px !important;
  color: #ff7e2c !important;
  font-size: .72rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #07111f !important;
  font-size: 1rem !important;
  line-height: 1.24 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card small {
  display: block !important;
  color: rgba(7,17,31,0.66) !important;
  font-size: .88rem !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
}

/* Hover/focus premium claro, sem azul e sem texto invisível */
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:hover,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:focus,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:focus-visible,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:active {
  transform: translateY(-2px) !important;

  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.12), transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(255,126,44,0.13), transparent 40%),
    linear-gradient(180deg, #fffaf5 0%, #ffffff 100%) !important;

  border-color: rgba(255,126,44,0.42) !important;
  box-shadow:
    0 18px 42px rgba(7,17,31,0.10),
    0 0 0 1px rgba(255,126,44,0.10) inset !important;

  color: #07111f !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:hover span,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:focus span,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:active span {
  color: #ff7e2c !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:hover strong,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:focus strong,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:active strong {
  color: #07111f !important;
}

body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:hover small,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:focus small,
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card:active small {
  color: rgba(7,17,31,0.68) !important;
}

/* Evita regra global antiga herdada quebrar filhos */
body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card * {
  text-decoration: none !important;
}

/* MIX_SEO_RELATED_CARDS_REAL_FIX_V5_END */

/* MIX_SEO_RELATED_TITLE_FIX_V6_START */

/*
  Corrige o título "Relacionados" dentro do card lateral.
  Ele estava herdando escala grande demais e estourando a largura do aside.
*/

body.mix-seo-page .mix-seo-aside {
  overflow: hidden !important;
}

body.mix-seo-page .mix-seo-aside > h2,
body.mix-seo-page .mix-seo-aside h2:first-child {
  margin: 0 0 20px !important;
  max-width: 100% !important;

  color: #07111f !important;
  font-family:
    Inter,
    Manrope,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

  font-size: clamp(2rem, 2.4vw, 2.55rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  font-weight: 950 !important;

  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mix-seo-page .mix-seo-aside > h2::after {
  content: "" !important;
  display: block !important;
  width: 96px !important;
  height: 4px !important;
  margin-top: 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff7e2c 0%, #24c6cd 100%) !important;
}

@media (max-width: 980px) {
  body.mix-seo-page .mix-seo-aside > h2,
  body.mix-seo-page .mix-seo-aside h2:first-child {
    font-size: clamp(1.9rem, 8vw, 2.35rem) !important;
  }
}

/* MIX_SEO_RELATED_TITLE_FIX_V6_END */

/* MIX_SEO_PAGES_ADVANCED_CONTENT_V8_START */

.mix-seo-content-advanced .mix-seo-main h2 {
  margin-top: 34px !important;
}

.mix-seo-content-advanced .mix-seo-main h2:first-of-type {
  margin-top: 0 !important;
}

.mix-seo-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 24px 0 8px;
}

.mix-seo-feature-list > div {
  padding: 20px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-seo-feature-list strong {
  display: block;
  color: #07111f;
  font-weight: 950;
  margin-bottom: 8px;
}

.mix-seo-feature-list p {
  margin: 0;
}

.mix-seo-steps {
  display: grid;
  gap: 12px;
  margin: 24px 0;
  padding: 0;
  list-style: none;
}

.mix-seo-steps li {
  padding: 16px 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 10px 28px rgba(7,17,31,0.05);
}

.mix-seo-use-cases {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 10px;
}

.mix-seo-use-cases span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  color: #07111f;
  background: rgba(255,126,44,0.10);
  border: 1px solid rgba(255,126,44,0.18);
  font-weight: 850;
  font-size: .9rem;
}

.mix-seo-cta-box {
  margin: 40px 0;
  padding: 30px;
  border-radius: 28px;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.20), transparent 36%),
    radial-gradient(circle at 90% 12%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #07111f 0%, #0b1e32 100%);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
}

.mix-seo-cta-box span {
  color: #ff8a35;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .76rem;
  font-weight: 950;
}

.mix-seo-cta-box h2 {
  color: #ffffff !important;
  margin: 12px 0 12px !important;
}

.mix-seo-cta-box p {
  color: rgba(255,255,255,0.72) !important;
}

.mix-seo-faq {
  margin-top: 34px;
}

.mix-seo-faq details {
  border-radius: 18px;
  border: 1px solid rgba(7,17,31,0.09);
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(7,17,31,0.045);
  padding: 0;
  overflow: hidden;
}

.mix-seo-faq details + details {
  margin-top: 12px;
}

.mix-seo-faq summary {
  cursor: pointer;
  padding: 18px 20px;
  color: #07111f;
  font-weight: 950;
}

.mix-seo-faq details p {
  margin: 0;
  padding: 0 20px 20px;
}

@media (max-width: 760px) {
  .mix-seo-feature-list {
    grid-template-columns: 1fr;
  }

  .mix-seo-cta-box {
    padding: 24px;
  }
}

/* MIX_SEO_PAGES_ADVANCED_CONTENT_V8_END */

/* MIX_SEO_PAGES_MOBILE_PREMIUM_V9_START */

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

  body.mix-seo-page {
    background: #07111f !important;
  }

  body.mix-seo-page .mix-seo-header {
    min-height: auto !important;
    padding: 22px 18px 20px !important;
    align-items: center !important;
    gap: 18px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(255,126,44,0.10), transparent 34%),
      linear-gradient(180deg, #050c18 0%, #07111f 100%) !important;
  }

  body.mix-seo-page .mix-seo-logo img {
    width: 178px !important;
  }

  body.mix-seo-page .mix-seo-nav {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.mix-seo-page .mix-seo-nav a {
    min-height: 38px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.78) !important;
    background: rgba(255,255,255,0.045) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    text-align: center !important;
  }

  body.mix-seo-page .mix-seo-hero {
    padding: 54px 0 62px !important;
    background:
      radial-gradient(circle at 18% 10%, rgba(255,126,44,0.14), transparent 36%),
      radial-gradient(circle at 92% 18%, rgba(36,198,205,0.14), transparent 36%),
      linear-gradient(135deg, #07111f 0%, #0a1c2d 62%, #05101d 100%) !important;
  }

  body.mix-seo-page .mix-seo-shell {
    width: min(100% - 32px, 100%) !important;
  }

  body.mix-seo-page .mix-seo-kicker {
    display: inline-flex !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: rgba(255,126,44,0.12) !important;
    border: 1px solid rgba(255,126,44,0.18) !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0.11em !important;
  }

  body.mix-seo-page .mix-seo-hero h1 {
    max-width: 100% !important;
    margin: 18px 0 18px !important;
    font-size: clamp(2.35rem, 11.2vw, 3.75rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.065em !important;
  }

  body.mix-seo-page .mix-seo-hero p {
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.62 !important;
    color: rgba(255,255,255,0.74) !important;
  }

  body.mix-seo-page .mix-seo-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    margin-top: 24px !important;
  }

  body.mix-seo-page .mix-seo-btn {
    width: 100% !important;
    min-height: 54px !important;
    border-radius: 999px !important;
    font-size: 0.96rem !important;
  }

  body.mix-seo-page .mix-seo-content {
    padding: 34px 0 48px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(36,198,205,0.06), transparent 32%),
      #f8fafc !important;
  }

  body.mix-seo-page .mix-seo-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.mix-seo-page .mix-seo-main,
  body.mix-seo-page .mix-seo-aside {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 26px !important;
    box-shadow: 0 18px 50px rgba(7,17,31,0.08) !important;
  }

  body.mix-seo-page .mix-seo-main {
    padding: 26px 20px !important;
  }

  body.mix-seo-page .mix-seo-main h2 {
    margin-top: 30px !important;
    font-size: clamp(1.85rem, 8.5vw, 2.55rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.052em !important;
  }

  body.mix-seo-page .mix-seo-main p,
  body.mix-seo-page .mix-seo-main li {
    font-size: 0.98rem !important;
    line-height: 1.68 !important;
  }

  body.mix-seo-page .mix-seo-status {
    margin-bottom: 18px !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.10em !important;
  }

  body.mix-seo-page .mix-seo-feature-list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.mix-seo-page .mix-seo-feature-list > div,
  body.mix-seo-page .mix-seo-steps li,
  body.mix-seo-page .mix-seo-faq details {
    border-radius: 18px !important;
  }

  body.mix-seo-page .mix-seo-use-cases {
    gap: 8px !important;
  }

  body.mix-seo-page .mix-seo-use-cases span {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 0.84rem !important;
  }

  body.mix-seo-page .mix-seo-cta-box {
    margin: 32px 0 !important;
    padding: 24px 20px !important;
    border-radius: 24px !important;
  }

  body.mix-seo-page .mix-seo-cta-box h2 {
    font-size: clamp(1.85rem, 8vw, 2.45rem) !important;
  }

  body.mix-seo-page .mix-seo-faq summary {
    padding: 17px 18px !important;
    font-size: 0.96rem !important;
  }

  body.mix-seo-page .mix-seo-aside {
    padding: 22px 18px !important;
  }

  body.mix-seo-page .mix-seo-aside > h2,
  body.mix-seo-page .mix-seo-aside h2:first-child {
    font-size: clamp(1.95rem, 9vw, 2.4rem) !important;
    margin-bottom: 20px !important;
  }

  body.mix-seo-page .mix-seo-aside .mix-seo-related-list a.mix-seo-related-card {
    padding: 17px !important;
    border-radius: 18px !important;
  }

  body.mix-seo-page .mix-seo-all-links {
    padding: 54px 0 60px !important;
  }

  body.mix-seo-page .mix-seo-all-links h2 {
    font-size: clamp(1.95rem, 9vw, 2.55rem) !important;
    text-align: center !important;
  }

  body.mix-seo-page .mix-seo-link-cloud a {
    width: 100% !important;
    min-height: 44px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.mix-seo-page .mix-seo-footer-shell {
    width: min(100% - 32px, 100%) !important;
    padding: 36px 0 30px !important;
  }

  body.mix-seo-page .mix-seo-footer-brand img {
    width: 168px !important;
  }

  body.mix-seo-page .mix-seo-footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  body.mix-seo-page .mix-seo-footer-nav a {
    justify-content: center !important;
    min-height: 38px !important;
  }

  body.mix-seo-page .mix-seo-footer-credit {
    padding-bottom: 64px !important;
  }

  body.mix-seo-page .mix-seo-wa-float {
    right: 14px !important;
    bottom: 14px !important;
    min-height: 52px !important;
    padding: 0 15px 0 9px !important;
    font-size: 0.9rem !important;
  }

  body.mix-seo-page .mix-seo-wa-icon {
    width: 36px !important;
    height: 36px !important;
    flex-basis: 36px !important;
  }
}

@media (max-width: 390px) {
  body.mix-seo-page .mix-seo-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.mix-seo-page .mix-seo-hero h1 {
    font-size: clamp(2.12rem, 10.6vw, 3.1rem) !important;
  }

  body.mix-seo-page .mix-seo-main {
    padding: 24px 18px !important;
  }
}

/* MIX_SEO_PAGES_MOBILE_PREMIUM_V9_END */



/* MIX_RESTAURANTES_GOOGLE_REVIEWS_V2_START */

.mix-seo-google-reviews-showcase {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.12), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(36,198,205,0.12), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-seo-section-label {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: #d65c16;
  background: rgba(255,126,44,0.12);
  border: 1px solid rgba(255,126,44,0.18);
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-seo-google-reviews-showcase h2 {
  margin-top: 18px !important;
}

.mix-seo-review-demo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: center;
  margin-top: 28px;
}

.mix-seo-review-copy {
  padding: 24px;
  border-radius: 24px;
  background: #07111f;
  color: #ffffff;
  box-shadow: 0 20px 52px rgba(7,17,31,0.18);
}

.mix-seo-review-copy span {
  color: #ff8a35;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.mix-seo-review-copy h3 {
  margin: 12px 0 12px;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.mix-seo-review-copy p,
.mix-seo-review-copy li {
  color: rgba(255,255,255,0.72) !important;
}

.mix-seo-review-copy ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding-left: 18px;
}

.mix-seo-review-phone {
  position: relative;
  min-height: 520px;
  padding: 20px;
  border-radius: 38px;
  background:
    linear-gradient(180deg, #101827 0%, #07111f 100%);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 30px 80px rgba(7,17,31,0.24),
    0 0 0 8px rgba(7,17,31,0.04);
  overflow: hidden;
}

.mix-seo-review-phone::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-seo-review-phone > * {
  position: relative;
  z-index: 1;
}

.mix-seo-review-phone-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-seo-review-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-seo-review-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.08rem;
  font-weight: 950;
}

.mix-seo-review-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .86rem;
  font-weight: 700;
}

.mix-seo-review-card-main {
  padding: 22px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
  text-align: center;
}

.mix-seo-review-card-main small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-seo-review-card-main strong {
  display: block;
  color: #07111f;
  font-size: 1.28rem;
  line-height: 1.16;
  font-weight: 950;
}

.mix-seo-review-card-main p {
  margin: 12px 0 14px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-seo-stars {
  margin: 10px auto 16px;
  color: #ffb000;
  font-size: 1.32rem;
  letter-spacing: .08em;
}

.mix-seo-review-card-main a {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-seo-review-actions {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}

.mix-seo-review-actions span {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(7,17,31,0.08);
  font-weight: 850;
}

.mix-seo-review-warning {
  margin-top: 24px;
  padding: 18px 20px;
  border-radius: 20px;
  color: rgba(7,17,31,0.74);
  background: rgba(255,126,44,0.08);
  border: 1px solid rgba(255,126,44,0.14);
  line-height: 1.62;
}

.mix-seo-review-warning strong {
  color: #07111f;
}

@media (max-width: 880px) {
  .mix-seo-review-demo {
    grid-template-columns: 1fr;
  }

  .mix-seo-review-phone {
    width: min(100%, 340px);
    margin: 0 auto;
  }
}

@media (max-width: 520px) {
  .mix-seo-google-reviews-showcase {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-seo-review-copy {
    padding: 22px 18px;
  }

  .mix-seo-review-phone {
    min-height: 500px;
    border-radius: 32px;
  }
}

/* MIX_RESTAURANTES_GOOGLE_REVIEWS_V2_END */

/* MIX_RESTAURANTES_GOOGLE_REVIEWS_V2_START */

.mix-seo-google-reviews-showcase {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.12), transparent 34%),
    radial-gradient(circle at 92% 12%, rgba(36,198,205,0.12), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-seo-section-label {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: #d65c16;
  background: rgba(255,126,44,0.12);
  border: 1px solid rgba(255,126,44,0.18);
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-seo-google-reviews-showcase h2 {
  margin-top: 18px !important;
}

.mix-seo-review-demo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: center;
  margin-top: 28px;
}

.mix-seo-review-copy {
  padding: 24px;
  border-radius: 24px;
  background: #07111f;
  color: #ffffff;
  box-shadow: 0 20px 52px rgba(7,17,31,0.18);
}

.mix-seo-review-copy span {
  color: #ff8a35;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.mix-seo-review-copy h3 {
  margin: 12px 0 12px;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.mix-seo-review-copy p,
.mix-seo-review-copy li {
  color: rgba(255,255,255,0.72) !important;
}

.mix-seo-review-copy ul {
  display: grid;
  gap: 8px;
  margin: 18px 0 0;
  padding-left: 18px;
}

.mix-seo-review-phone {
  position: relative;
  min-height: 520px;
  padding: 20px;
  border-radius: 38px;
  background:
    linear-gradient(180deg, #101827 0%, #07111f 100%);
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 30px 80px rgba(7,17,31,0.24),
    0 0 0 8px rgba(7,17,31,0.04);
  overflow: hidden;
}

.mix-seo-review-phone::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-seo-review-phone > * {
  position: relative;
  z-index: 1;
}

.mix-seo-review-phone-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-seo-review-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-seo-review-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.08rem;
  font-weight: 950;
}

.mix-seo-review-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .86rem;
  font-weight: 700;
}

.mix-seo-review-card-main {
  padding: 22px;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
  text-align: center;
}

.mix-seo-review-card-main small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-seo-review-card-main strong {
  display: block;
  color: #07111f;
  font-size: 1.28rem;
  line-height: 1.16;
  font-weight: 950;
}

.mix-seo-review-card-main p {
  margin: 12px 0 14px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-seo-stars {
  margin: 10px auto 16px;
  color: #ffb000;
  font-size: 1.32rem;
  letter-spacing: .08em;
}

.mix-seo-review-card-main a {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-seo-review-actions {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}

.mix-seo-review-actions span {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(7,17,31,0.08);
  font-weight: 850;
}

.mix-seo-review-warning {
  margin-top: 24px;
  padding: 18px 20px;
  border-radius: 20px;
  color: rgba(7,17,31,0.74);
  background: rgba(255,126,44,0.08);
  border: 1px solid rgba(255,126,44,0.14);
  line-height: 1.62;
}

.mix-seo-review-warning strong {
  color: #07111f;
}

@media (max-width: 880px) {
  .mix-seo-review-demo {
    grid-template-columns: 1fr;
  }

  .mix-seo-review-phone {
    width: min(100%, 340px);
    margin: 0 auto;
  }
}

@media (max-width: 520px) {
  .mix-seo-google-reviews-showcase {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-seo-review-copy {
    padding: 22px 18px;
  }

  .mix-seo-review-phone {
    min-height: 500px;
    border-radius: 32px;
  }
}

/* MIX_RESTAURANTES_GOOGLE_REVIEWS_V2_END */

/* MIX_RESTAURANTES_PREMIUM_V14_START */

.mix-restaurants-premium-v3 .mix-rest-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-restaurants-premium-v3 .mix-rest-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .26;
  pointer-events: none;
}

.mix-rest-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 54px;
  align-items: center;
}

.mix-rest-hero-copy h1 {
  max-width: 780px !important;
}

.mix-rest-hero-copy p {
  max-width: 680px !important;
}

.mix-rest-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-rest-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-rest-hero-panel {
  position: relative;
  min-height: 470px;
  padding: 24px;
  border-radius: 38px;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.20), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.11), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
}

.mix-rest-hero-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-rest-hero-panel > * {
  position: relative;
  z-index: 1;
}

.mix-rest-panel-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-bottom: 22px;
  color: rgba(7,17,31,0.66);
  font-size: .88rem;
  font-weight: 900;
}

.mix-rest-panel-top span {
  width: 76px;
  height: 7px;
  border-radius: 999px;
  background: rgba(7,17,31,0.18);
}

.mix-rest-panel-card {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,126,44,0.14), transparent 38%),
    #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-rest-panel-card small,
.mix-rest-panel-row small {
  display: block;
  color: #ff7e2c;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-rest-panel-card strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.45rem;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.mix-rest-panel-card p {
  margin: 0;
  color: rgba(7,17,31,0.62) !important;
  line-height: 1.5 !important;
}

.mix-rest-panel-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}

.mix-rest-panel-row div,
.mix-rest-panel-action {
  padding: 18px;
  border-radius: 20px;
  background: rgba(7,17,31,0.045);
  border: 1px solid rgba(7,17,31,0.07);
}

.mix-rest-panel-row strong {
  display: block;
  margin-top: 7px;
  color: #07111f;
  font-size: .98rem;
  line-height: 1.2;
}

.mix-rest-panel-action {
  margin-top: 14px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,126,44,0.16), transparent 46%),
    #07111f;
}

.mix-rest-panel-action span {
  display: block;
  color: #ffb000;
  letter-spacing: .08em;
  font-size: 1.2rem;
}

.mix-rest-panel-action strong {
  display: block;
  margin-top: 8px;
  color: #ffffff;
}

.mix-rest-proof-strip {
  padding: 0;
  background: #f8fafc;
}

.mix-rest-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-rest-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-rest-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-rest-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-rest-proof-grid p {
  margin: 0;
  color: rgba(7,17,31,0.62);
  line-height: 1.55;
}

.mix-rest-journey-premium {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(36,198,205,0.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.07);
}

.mix-rest-journey-premium h2 {
  margin-top: 18px !important;
}

.mix-rest-journey-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.mix-rest-journey-steps > div {
  padding: 22px;
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-rest-journey-steps span {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-rest-journey-steps strong {
  display: block;
  margin: 14px 0 8px;
  color: #ffffff;
  font-size: 1.15rem;
}

.mix-rest-journey-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.52 !important;
}

@media (max-width: 920px) {
  .mix-rest-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-rest-hero-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-rest-proof-grid,
  .mix-rest-journey-steps {
    grid-template-columns: 1fr;
  }

  .mix-rest-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 520px) {
  .mix-restaurants-premium-v3 .mix-rest-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-rest-hero-grid {
    gap: 32px;
  }

  .mix-rest-hero-panel {
    min-height: 440px;
    padding: 18px;
    border-radius: 32px;
  }

  .mix-rest-proof-grid > div,
  .mix-rest-journey-premium {
    border-radius: 24px;
  }

  .mix-rest-journey-premium {
    padding: 24px 18px;
  }
}

/* MIX_RESTAURANTES_PREMIUM_V14_END */

/* MIX_GOOGLE_REVIEWS_PREMIUM_V15_START */

.mix-google-reviews-premium-v1 .mix-google-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-google-reviews-premium-v1 .mix-google-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-google-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 54px;
  align-items: center;
}

.mix-google-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-google-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-google-review-widget,
.mix-google-demo-phone {
  position: relative;
  padding: 22px;
  border-radius: 38px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  overflow: hidden;
}

.mix-google-review-widget {
  min-height: 470px;
  backdrop-filter: blur(18px);
}

.mix-google-demo-phone {
  min-height: 490px;
  max-width: 330px;
  margin: 0 auto;
  background: linear-gradient(180deg, #101827 0%, #07111f 100%);
}

.mix-google-review-widget::before,
.mix-google-demo-phone::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-google-review-widget > *,
.mix-google-demo-phone > * {
  position: relative;
  z-index: 1;
}

.mix-google-widget-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-google-widget-business {
  text-align: center;
  margin-bottom: 18px;
}

.mix-google-widget-business strong {
  display: block;
  color: #07111f;
  font-size: 1.08rem;
  font-weight: 950;
}

.mix-google-widget-business span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .86rem;
  font-weight: 700;
}

.mix-google-widget-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
  text-align: center;
}

.mix-google-widget-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-google-widget-card strong {
  display: block;
  color: #07111f;
  font-size: 1.4rem;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-google-widget-stars {
  margin: 14px auto 12px;
  color: #ffb000;
  font-size: 1.35rem;
  letter-spacing: .08em;
}

.mix-google-widget-card p {
  margin: 0 0 16px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-google-widget-card a {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-google-widget-chips {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}

.mix-google-widget-chips span {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(7,17,31,0.08);
  font-weight: 850;
}

.mix-google-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-google-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-google-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-google-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-google-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-google-proof-grid p {
  margin: 0;
  color: rgba(7,17,31,0.62);
  line-height: 1.55;
}

.mix-google-journey-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-google-journey-cards > div {
  padding: 22px;
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-google-journey-cards span {
  color: #ff8a35;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-google-journey-cards strong {
  display: block;
  margin: 12px 0 8px;
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-google-journey-cards p {
  margin: 0;
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.52 !important;
}

.mix-google-demo-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-google-demo-section h2 {
  margin-top: 18px !important;
}

.mix-google-demo-grid {
  display: grid;
  grid-template-columns: 330px minmax(0,1fr);
  gap: 28px;
  align-items: center;
  margin-top: 28px;
}

.mix-google-demo-copy {
  padding: 24px;
  border-radius: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-google-demo-copy h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.mix-google-demo-copy li {
  color: rgba(255,255,255,0.72) !important;
}

@media (max-width: 920px) {
  .mix-google-hero-grid,
  .mix-google-demo-grid {
    grid-template-columns: 1fr;
  }

  .mix-google-review-widget {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-google-proof-grid,
  .mix-google-journey-cards {
    grid-template-columns: 1fr;
  }

  .mix-google-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 520px) {
  .mix-google-reviews-premium-v1 .mix-google-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-google-review-widget {
    min-height: 450px;
    padding: 18px;
    border-radius: 32px;
  }

  .mix-google-demo-section {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

/* MIX_GOOGLE_REVIEWS_PREMIUM_V15_END */

/* MIX_GOOGLE_REVIEWS_PREMIUM_V15_START */

.mix-google-reviews-premium-v1 .mix-google-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-google-reviews-premium-v1 .mix-google-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-google-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 54px;
  align-items: center;
}

.mix-google-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-google-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-google-review-widget,
.mix-google-demo-phone {
  position: relative;
  padding: 22px;
  border-radius: 38px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  overflow: hidden;
}

.mix-google-review-widget {
  min-height: 470px;
  backdrop-filter: blur(18px);
}

.mix-google-demo-phone {
  min-height: 490px;
  max-width: 330px;
  margin: 0 auto;
  background: linear-gradient(180deg, #101827 0%, #07111f 100%);
}

.mix-google-review-widget::before,
.mix-google-demo-phone::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-google-review-widget > *,
.mix-google-demo-phone > * {
  position: relative;
  z-index: 1;
}

.mix-google-widget-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-google-widget-business {
  text-align: center;
  margin-bottom: 18px;
}

.mix-google-widget-business strong {
  display: block;
  color: #07111f;
  font-size: 1.08rem;
  font-weight: 950;
}

.mix-google-widget-business span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .86rem;
  font-weight: 700;
}

.mix-google-widget-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
  text-align: center;
}

.mix-google-widget-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-google-widget-card strong {
  display: block;
  color: #07111f;
  font-size: 1.4rem;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-google-widget-stars {
  margin: 14px auto 12px;
  color: #ffb000;
  font-size: 1.35rem;
  letter-spacing: .08em;
}

.mix-google-widget-card p {
  margin: 0 0 16px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-google-widget-card a {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-google-widget-chips {
  display: grid;
  gap: 9px;
  margin-top: 16px;
}

.mix-google-widget-chips span {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(7,17,31,0.08);
  font-weight: 850;
}

.mix-google-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-google-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-google-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-google-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-google-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-google-proof-grid p {
  margin: 0;
  color: rgba(7,17,31,0.62);
  line-height: 1.55;
}

.mix-google-journey-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-google-journey-cards > div {
  padding: 22px;
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-google-journey-cards span {
  color: #ff8a35;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-google-journey-cards strong {
  display: block;
  margin: 12px 0 8px;
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-google-journey-cards p {
  margin: 0;
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.52 !important;
}

.mix-google-demo-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-google-demo-section h2 {
  margin-top: 18px !important;
}

.mix-google-demo-grid {
  display: grid;
  grid-template-columns: 330px minmax(0,1fr);
  gap: 28px;
  align-items: center;
  margin-top: 28px;
}

.mix-google-demo-copy {
  padding: 24px;
  border-radius: 24px;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-google-demo-copy h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.mix-google-demo-copy li {
  color: rgba(255,255,255,0.72) !important;
}

@media (max-width: 920px) {
  .mix-google-hero-grid,
  .mix-google-demo-grid {
    grid-template-columns: 1fr;
  }

  .mix-google-review-widget {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-google-proof-grid,
  .mix-google-journey-cards {
    grid-template-columns: 1fr;
  }

  .mix-google-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 520px) {
  .mix-google-reviews-premium-v1 .mix-google-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-google-review-widget {
    min-height: 450px;
    padding: 18px;
    border-radius: 32px;
  }

  .mix-google-demo-section {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

/* MIX_GOOGLE_REVIEWS_PREMIUM_V15_END */

/* MIX_PORTAL_WIFI_PREMIUM_V16_START */

.mix-portal-premium-v1 .mix-portal-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-portal-premium-v1 .mix-portal-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-portal-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-portal-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-portal-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-portal-preview-device {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-portal-preview-device::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-portal-preview-device > * {
  position: relative;
  z-index: 1;
}

.mix-portal-device-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-portal-preview-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-portal-logo-dot {
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,0.62), transparent 30%),
    linear-gradient(135deg, #ff7e2c, #24c6cd);
  box-shadow: 0 16px 36px rgba(255,126,44,0.22);
}

.mix-portal-preview-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-portal-preview-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-portal-preview-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
  text-align: center;
}

.mix-portal-preview-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-portal-preview-card strong {
  display: block;
  color: #07111f;
  font-size: 1.28rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-portal-preview-card p {
  margin: 12px 0 0;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-portal-preview-fields,
.mix-portal-preview-actions {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}

.mix-portal-preview-fields span,
.mix-portal-preview-actions span {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(7,17,31,0.08);
  font-weight: 850;
}

.mix-portal-preview-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mix-portal-preview-actions span {
  font-size: .78rem;
  background: rgba(255,126,44,0.10);
  border-color: rgba(255,126,44,0.18);
}

.mix-portal-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-portal-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-portal-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-portal-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-portal-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-portal-proof-grid p {
  margin: 0;
  color: rgba(7,17,31,0.62);
  line-height: 1.55;
}

.mix-portal-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-portal-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-portal-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-portal-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-portal-feature-grid p {
  margin: 0;
}

.mix-portal-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-portal-flow-section h2 {
  margin-top: 18px !important;
}

.mix-portal-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.mix-portal-flow-steps > div {
  padding: 20px;
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-portal-flow-steps span {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-portal-flow-steps strong {
  display: block;
  margin: 14px 0 8px;
  color: #ffffff;
  font-size: 1.05rem;
}

.mix-portal-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.52 !important;
}

.mix-portal-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-portal-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-portal-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-portal-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

@media (max-width: 980px) {
  .mix-portal-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-portal-preview-device {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-portal-proof-grid,
  .mix-portal-flow-steps,
  .mix-portal-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-portal-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-portal-feature-grid {
    grid-template-columns: 1fr;
  }

  .mix-portal-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

@media (max-width: 520px) {
  .mix-portal-premium-v1 .mix-portal-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-portal-preview-device {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }

  .mix-portal-preview-actions {
    grid-template-columns: 1fr;
  }
}

/* MIX_PORTAL_WIFI_PREMIUM_V16_END */

/* MIX_LGPD_PREMIUM_V17_START */

.mix-lgpd-premium-v1 .mix-lgpd-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-lgpd-premium-v1 .mix-lgpd-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-lgpd-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-lgpd-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-lgpd-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-lgpd-consent-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-lgpd-consent-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-lgpd-consent-panel > * {
  position: relative;
  z-index: 1;
}

.mix-lgpd-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-lgpd-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-lgpd-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-lgpd-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-lgpd-consent-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-lgpd-consent-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-lgpd-consent-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-lgpd-consent-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-lgpd-check-row {
  min-height: 46px;
  padding: 0 12px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-lgpd-check-row span {
  width: 20px;
  height: 20px;
  border-radius: 7px;
  display: inline-flex;
  background:
    linear-gradient(135deg, #ff7e2c, #24c6cd);
  box-shadow: 0 8px 18px rgba(255,126,44,0.18);
}

.mix-lgpd-check-row em {
  color: rgba(7,17,31,0.72);
  font-style: normal;
  font-size: .86rem;
  font-weight: 750;
}

.mix-lgpd-consent-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-lgpd-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-lgpd-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-lgpd-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-lgpd-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-lgpd-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-lgpd-proof-grid p {
  margin: 0;
  color: rgba(7,17,31,0.62);
  line-height: 1.55;
}

.mix-lgpd-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-lgpd-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-lgpd-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-lgpd-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-lgpd-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-lgpd-flow-section h2 {
  margin-top: 18px !important;
}

.mix-lgpd-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.mix-lgpd-flow-steps > div {
  padding: 20px;
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-lgpd-flow-steps span {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-lgpd-flow-steps strong {
  display: block;
  margin: 14px 0 8px;
  color: #ffffff;
  font-size: 1.05rem;
}

.mix-lgpd-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.52 !important;
}

.mix-lgpd-alert-box {
  margin: 30px 0;
  padding: 22px;
  border-radius: 22px;
  color: rgba(7,17,31,0.74);
  background: rgba(255,126,44,0.09);
  border: 1px solid rgba(255,126,44,0.18);
  line-height: 1.68;
}

.mix-lgpd-alert-box strong {
  color: #07111f;
}

@media (max-width: 980px) {
  .mix-lgpd-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-lgpd-consent-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-lgpd-proof-grid,
  .mix-lgpd-flow-steps {
    grid-template-columns: 1fr;
  }

  .mix-lgpd-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-lgpd-feature-grid {
    grid-template-columns: 1fr;
  }

  .mix-lgpd-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

@media (max-width: 520px) {
  .mix-lgpd-premium-v1 .mix-lgpd-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-lgpd-consent-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_LGPD_PREMIUM_V17_END */

/* MIX_LEADS_PREMIUM_V18_START */

.mix-leads-premium-v1 .mix-leads-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-leads-premium-v1 .mix-leads-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-leads-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-leads-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-leads-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-leads-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-leads-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-leads-panel > * {
  position: relative;
  z-index: 1;
}

.mix-leads-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-leads-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-leads-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-leads-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-leads-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-leads-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-leads-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-leads-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-leads-field {
  min-height: 44px;
  padding: 0 14px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: rgba(7,17,31,0.62);
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  font-size: .88rem;
  font-weight: 750;
}

.mix-leads-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-leads-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-leads-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-leads-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-leads-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-leads-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-leads-proof-grid p {
  margin: 0;
  color: rgba(7,17,31,0.62);
  line-height: 1.55;
}

.mix-leads-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-leads-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-leads-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-leads-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-leads-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-leads-flow-section h2 {
  margin-top: 18px !important;
}

.mix-leads-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 26px;
}

.mix-leads-flow-steps > div {
  padding: 20px;
  border-radius: 22px;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-leads-flow-steps span {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-leads-flow-steps strong {
  display: block;
  margin: 14px 0 8px;
  color: #ffffff;
  font-size: 1.05rem;
}

.mix-leads-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.52 !important;
}

.mix-leads-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-leads-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-leads-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-leads-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

.mix-leads-alert-box {
  margin: 30px 0;
  padding: 22px;
  border-radius: 22px;
  color: rgba(7,17,31,0.74);
  background: rgba(255,126,44,0.09);
  border: 1px solid rgba(255,126,44,0.18);
  line-height: 1.68;
}

.mix-leads-alert-box strong {
  color: #07111f;
}

@media (max-width: 980px) {
  .mix-leads-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-leads-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-leads-proof-grid,
  .mix-leads-flow-steps,
  .mix-leads-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-leads-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-leads-feature-grid {
    grid-template-columns: 1fr;
  }

  .mix-leads-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

@media (max-width: 520px) {
  .mix-leads-premium-v1 .mix-leads-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-leads-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_LEADS_PREMIUM_V18_END */

/* MIX_FLOW_CARDS_PREMIUM_RESPONSIVE_V19_START */

/*
  Corrige blocos de etapas que estavam apertados:
  - Leads
  - LGPD
  - Portal Wi-Fi
  - Restaurantes
  - Google Avaliações
*/

.mix-leads-flow-steps,
.mix-lgpd-flow-steps,
.mix-portal-flow-steps,
.mix-rest-journey-steps,
.mix-google-journey-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

.mix-leads-flow-steps > div,
.mix-lgpd-flow-steps > div,
.mix-portal-flow-steps > div,
.mix-rest-journey-steps > div,
.mix-google-journey-cards > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
}

.mix-leads-flow-steps span,
.mix-lgpd-flow-steps span,
.mix-portal-flow-steps span,
.mix-rest-journey-steps span {
  width: 40px !important;
  height: 40px !important;
  font-size: 1rem !important;
  margin-bottom: 18px !important;
}

.mix-leads-flow-steps strong,
.mix-lgpd-flow-steps strong,
.mix-portal-flow-steps strong,
.mix-rest-journey-steps strong,
.mix-google-journey-cards strong {
  display: block !important;
  margin: 0 0 12px !important;
  font-size: 1.18rem !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
}

.mix-leads-flow-steps p,
.mix-lgpd-flow-steps p,
.mix-portal-flow-steps p,
.mix-rest-journey-steps p,
.mix-google-journey-cards p {
  font-size: 0.98rem !important;
  line-height: 1.58 !important;
  max-width: 24ch !important;
}

/* Em telas médias, força 2x2 para não virar 4 colunas apertadas */
@media (max-width: 1180px) {
  .mix-leads-flow-steps,
  .mix-lgpd-flow-steps,
  .mix-portal-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile: uma etapa por linha, premium e legível */
@media (max-width: 700px) {
  .mix-leads-flow-steps,
  .mix-lgpd-flow-steps,
  .mix-portal-flow-steps,
  .mix-rest-journey-steps,
  .mix-google-journey-cards {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .mix-leads-flow-steps > div,
  .mix-lgpd-flow-steps > div,
  .mix-portal-flow-steps > div,
  .mix-rest-journey-steps > div,
  .mix-google-journey-cards > div {
    min-height: auto !important;
    padding: 24px 22px !important;
    border-radius: 24px !important;
  }

  .mix-leads-flow-steps p,
  .mix-lgpd-flow-steps p,
  .mix-portal-flow-steps p,
  .mix-rest-journey-steps p,
  .mix-google-journey-cards p {
    max-width: none !important;
  }
}

/* MIX_FLOW_CARDS_PREMIUM_RESPONSIVE_V19_END */

/* MIX_CLINICAS_PREMIUM_V20_START */

.mix-clinics-premium-v1 .mix-clinics-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-clinics-premium-v1 .mix-clinics-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-clinics-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-clinics-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-clinics-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-clinics-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-clinics-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-clinics-panel > * {
  position: relative;
  z-index: 1;
}

.mix-clinics-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-clinics-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-clinics-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-clinics-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-clinics-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-clinics-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-clinics-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-clinics-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-clinics-field {
  min-height: 44px;
  padding: 0 14px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: rgba(7,17,31,0.62);
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  font-size: .88rem;
  font-weight: 750;
}

.mix-clinics-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-clinics-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-clinics-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-clinics-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 20px 56px rgba(7,17,31,0.10);
}

.mix-clinics-proof-grid span {
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-clinics-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-clinics-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-clinics-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-clinics-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-clinics-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-clinics-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-clinics-flow-section h2 {
  margin-top: 18px !important;
}

.mix-clinics-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-clinics-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-clinics-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-clinics-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-clinics-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-clinics-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-clinics-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-clinics-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-clinics-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

@media (max-width: 980px) {
  .mix-clinics-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-clinics-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-clinics-proof-grid,
  .mix-clinics-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-clinics-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-clinics-feature-grid,
  .mix-clinics-flow-steps {
    grid-template-columns: 1fr !important;
  }

  .mix-clinics-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-clinics-flow-steps > div {
    min-height: auto !important;
    padding: 24px 22px !important;
  }
}

@media (max-width: 520px) {
  .mix-clinics-premium-v1 .mix-clinics-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-clinics-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_CLINICAS_PREMIUM_V20_END */

/* MIX_CLINICAS_PROOF_CARDS_FIX_V21_START */

/* Corrige cards de prova da página Clínicas que ficaram brancos/apagados */
.mix-clinics-premium-v1 .mix-clinics-proof-grid > div {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 24px 62px rgba(7,17,31,0.18) !important;
  color: #ffffff !important;
}

.mix-clinics-premium-v1 .mix-clinics-proof-grid span {
  color: #ff8a35 !important;
}

.mix-clinics-premium-v1 .mix-clinics-proof-grid strong {
  color: #ffffff !important;
}

.mix-clinics-premium-v1 .mix-clinics-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

/* Mobile mantém respiro */
@media (max-width: 760px) {
  .mix-clinics-premium-v1 .mix-clinics-proof-grid > div {
    padding: 24px 22px !important;
    border-radius: 24px !important;
  }
}

/* MIX_CLINICAS_PROOF_CARDS_FIX_V21_END */

/* MIX_HOTEIS_PREMIUM_V22_START */

.mix-hotels-premium-v1 .mix-hotels-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-hotels-premium-v1 .mix-hotels-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-hotels-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-hotels-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-hotels-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-hotels-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-hotels-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-hotels-panel > * {
  position: relative;
  z-index: 1;
}

.mix-hotels-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-hotels-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-hotels-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-hotels-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-hotels-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-hotels-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-hotels-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-hotels-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-hotels-field {
  min-height: 44px;
  padding: 0 14px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: rgba(7,17,31,0.62);
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  font-size: .88rem;
  font-weight: 750;
}

.mix-hotels-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-hotels-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-hotels-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-hotels-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-hotels-proof-grid span {
  color: #ff8a35;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-hotels-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-hotels-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-hotels-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-hotels-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-hotels-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-hotels-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-hotels-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-hotels-flow-section h2 {
  margin-top: 18px !important;
}

.mix-hotels-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-hotels-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-hotels-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-hotels-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-hotels-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-hotels-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-hotels-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-hotels-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-hotels-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

@media (max-width: 980px) {
  .mix-hotels-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-hotels-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-hotels-proof-grid,
  .mix-hotels-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-hotels-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-hotels-feature-grid,
  .mix-hotels-flow-steps {
    grid-template-columns: 1fr !important;
  }

  .mix-hotels-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-hotels-flow-steps > div {
    min-height: auto !important;
    padding: 24px 22px !important;
  }
}

@media (max-width: 520px) {
  .mix-hotels-premium-v1 .mix-hotels-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-hotels-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_HOTEIS_PREMIUM_V22_END */

/* MIX_SALOES_PREMIUM_V23_START */

.mix-salons-premium-v1 .mix-salons-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-salons-premium-v1 .mix-salons-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-salons-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-salons-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-salons-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-salons-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-salons-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-salons-panel > * {
  position: relative;
  z-index: 1;
}

.mix-salons-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-salons-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-salons-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-salons-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-salons-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-salons-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-salons-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-salons-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-salons-field {
  min-height: 44px;
  padding: 0 14px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: rgba(7,17,31,0.62);
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  font-size: .88rem;
  font-weight: 750;
}

.mix-salons-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-salons-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-salons-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-salons-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-salons-proof-grid span {
  color: #ff8a35;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-salons-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-salons-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-salons-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-salons-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-salons-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-salons-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-salons-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-salons-flow-section h2 {
  margin-top: 18px !important;
}

.mix-salons-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-salons-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-salons-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-salons-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-salons-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-salons-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-salons-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-salons-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-salons-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

@media (max-width: 980px) {
  .mix-salons-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-salons-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-salons-proof-grid,
  .mix-salons-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-salons-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-salons-feature-grid,
  .mix-salons-flow-steps {
    grid-template-columns: 1fr !important;
  }

  .mix-salons-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-salons-flow-steps > div {
    min-height: auto !important;
    padding: 24px 22px !important;
  }
}

@media (max-width: 520px) {
  .mix-salons-premium-v1 .mix-salons-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-salons-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_SALOES_PREMIUM_V23_END */

/* MIX_ACADEMIAS_PREMIUM_V24_START */

.mix-gyms-premium-v1 .mix-gyms-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-gyms-premium-v1 .mix-gyms-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-gyms-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-gyms-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-gyms-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-gyms-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-gyms-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-gyms-panel > * {
  position: relative;
  z-index: 1;
}

.mix-gyms-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-gyms-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-gyms-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-gyms-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-gyms-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-gyms-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-gyms-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-gyms-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-gyms-field {
  min-height: 44px;
  padding: 0 14px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: rgba(7,17,31,0.62);
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  font-size: .88rem;
  font-weight: 750;
}

.mix-gyms-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-gyms-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-gyms-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-gyms-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-gyms-proof-grid span {
  color: #ff8a35;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-gyms-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-gyms-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-gyms-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-gyms-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-gyms-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-gyms-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-gyms-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-gyms-flow-section h2 {
  margin-top: 18px !important;
}

.mix-gyms-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-gyms-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-gyms-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-gyms-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-gyms-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-gyms-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-gyms-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-gyms-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-gyms-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

@media (max-width: 980px) {
  .mix-gyms-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-gyms-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-gyms-proof-grid,
  .mix-gyms-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-gyms-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-gyms-feature-grid,
  .mix-gyms-flow-steps {
    grid-template-columns: 1fr !important;
  }

  .mix-gyms-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-gyms-flow-steps > div {
    min-height: auto !important;
    padding: 24px 22px !important;
  }
}

@media (max-width: 520px) {
  .mix-gyms-premium-v1 .mix-gyms-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-gyms-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_ACADEMIAS_PREMIUM_V24_END */

/* MIX_LOJAS_PREMIUM_V25_START */

.mix-stores-premium-v1 .mix-stores-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(255,126,44,0.18), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(36,198,205,0.16), transparent 38%),
    linear-gradient(135deg, #050c18 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-stores-premium-v1 .mix-stores-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  opacity: .24;
  pointer-events: none;
}

.mix-stores-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 54px;
  align-items: center;
}

.mix-stores-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-stores-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.86);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-stores-panel {
  position: relative;
  min-height: 500px;
  padding: 22px;
  border-radius: 40px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.055));
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,255,255,0.08) inset;
  backdrop-filter: blur(18px);
  overflow: hidden;
}

.mix-stores-panel::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 26% 0%, rgba(255,126,44,0.18), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  z-index: 0;
}

.mix-stores-panel > * {
  position: relative;
  z-index: 1;
}

.mix-stores-panel-top {
  width: 78px;
  height: 7px;
  margin: 0 auto 22px;
  border-radius: 999px;
  background: rgba(7,17,31,0.22);
}

.mix-stores-panel-brand {
  text-align: center;
  margin-bottom: 18px;
}

.mix-stores-panel-brand strong {
  display: block;
  color: #07111f;
  font-size: 1.18rem;
  font-weight: 950;
}

.mix-stores-panel-brand span {
  display: block;
  margin-top: 4px;
  color: rgba(7,17,31,0.58);
  font-size: .88rem;
  font-weight: 700;
}

.mix-stores-card {
  padding: 24px;
  border-radius: 26px;
  background: #ffffff;
  border: 1px solid rgba(7,17,31,0.08);
  box-shadow: 0 18px 44px rgba(7,17,31,0.10);
}

.mix-stores-card small {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mix-stores-card strong {
  display: block;
  color: #07111f;
  font-size: 1.32rem;
  line-height: 1.14;
  font-weight: 950;
  letter-spacing: -.035em;
}

.mix-stores-card p {
  margin: 12px 0 18px;
  color: rgba(7,17,31,0.62) !important;
  font-size: .9rem !important;
  line-height: 1.48 !important;
}

.mix-stores-field {
  min-height: 44px;
  padding: 0 14px;
  margin-top: 10px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: rgba(7,17,31,0.62);
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  font-size: .88rem;
  font-weight: 750;
}

.mix-stores-card a {
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  text-decoration: none;
  font-weight: 950;
}

.mix-stores-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-stores-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-stores-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,126,44,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-stores-proof-grid span {
  color: #ff8a35;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-stores-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.mix-stores-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-stores-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 26px 0 12px;
}

.mix-stores-feature-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-stores-feature-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-stores-feature-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-stores-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,126,44,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(36,198,205,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-stores-flow-section h2 {
  margin-top: 18px !important;
}

.mix-stores-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-stores-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(255,126,44,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-stores-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #ff7e2c, #ff9638);
  font-weight: 950;
}

.mix-stores-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-stores-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-stores-benefit-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.mix-stores-benefit-band > div {
  padding: 22px;
  border-radius: 22px;
  background: #07111f;
  color: #ffffff;
}

.mix-stores-benefit-band strong {
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-stores-benefit-band p {
  margin: 8px 0 0;
  color: rgba(255,255,255,0.70) !important;
}

@media (max-width: 980px) {
  .mix-stores-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-stores-panel {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  .mix-stores-proof-grid,
  .mix-stores-benefit-band {
    grid-template-columns: 1fr;
  }

  .mix-stores-proof-grid {
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-stores-feature-grid,
  .mix-stores-flow-steps {
    grid-template-columns: 1fr !important;
  }

  .mix-stores-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-stores-flow-steps > div {
    min-height: auto !important;
    padding: 24px 22px !important;
  }
}

@media (max-width: 520px) {
  .mix-stores-premium-v1 .mix-stores-hero-premium {
    padding: 62px 0 70px !important;
  }

  .mix-stores-panel {
    min-height: 470px;
    padding: 18px;
    border-radius: 32px;
  }
}

/* MIX_LOJAS_PREMIUM_V25_END */

/* MIX_WHITE_LABEL_PREMIUM_V26_START */

.mix-whitelabel-premium-v1 .mix-whitelabel-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 96px 0 98px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(36,198,205,0.20), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(255,126,44,0.14), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(36,198,205,0.10), transparent 32%),
    linear-gradient(135deg, #040b15 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-whitelabel-premium-v1 .mix-whitelabel-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
}

.mix-whitelabel-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 58px;
  align-items: center;
}

.mix-whitelabel-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-whitelabel-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.88);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  font-size: .86rem;
  font-weight: 850;
}

.mix-whitelabel-console {
  position: relative;
  min-height: 520px;
  padding: 22px;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(7,17,31,0.94), rgba(10,32,52,0.90));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.36),
    0 0 0 1px rgba(36,198,205,0.06) inset;
  overflow: hidden;
}

.mix-whitelabel-console::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 8%, rgba(36,198,205,0.18), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(255,126,44,0.12), transparent 30%);
  pointer-events: none;
}

.mix-whitelabel-console > * {
  position: relative;
  z-index: 1;
}

.mix-whitelabel-console-top {
  display: flex;
  gap: 7px;
  margin-bottom: 20px;
}

.mix-whitelabel-console-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.20);
}

.mix-whitelabel-console-top span:nth-child(1) {
  background: #ff7e2c;
}

.mix-whitelabel-console-top span:nth-child(2) {
  background: #24c6cd;
}

.mix-whitelabel-console-top span:nth-child(3) {
  background: rgba(255,255,255,0.30);
}

.mix-whitelabel-console-brand {
  padding: 22px;
  border-radius: 24px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-whitelabel-console-brand small {
  display: block;
  margin-bottom: 8px;
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}

.mix-whitelabel-console-brand strong {
  display: block;
  color: #ffffff;
  font-size: 1.45rem;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.mix-whitelabel-console-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}

.mix-whitelabel-console-grid div {
  min-height: 128px;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.12), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-whitelabel-console-grid span {
  color: #ff8a35;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .12em;
}

.mix-whitelabel-console-grid strong {
  display: block;
  margin: 8px 0 6px;
  color: #ffffff;
  line-height: 1.16;
  font-size: .98rem;
}

.mix-whitelabel-console-grid small {
  color: rgba(255,255,255,0.66);
  line-height: 1.4;
}

.mix-whitelabel-console-line {
  margin-top: 20px;
  padding: 16px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,0.78);
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
  font-size: .78rem;
  font-weight: 850;
}

.mix-whitelabel-console-line b {
  height: 2px;
  flex: 1;
  border-radius: 999px;
  background: linear-gradient(90deg, #24c6cd, #ff7e2c);
}

.mix-whitelabel-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-whitelabel-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-whitelabel-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(36,198,205,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-whitelabel-proof-grid span {
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-whitelabel-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
}

.mix-whitelabel-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-whitelabel-stack-section,
.mix-whitelabel-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-whitelabel-stack-grid,
.mix-whitelabel-audience-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-whitelabel-stack-grid > div,
.mix-whitelabel-audience-grid > div {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-whitelabel-stack-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-whitelabel-stack-grid strong,
.mix-whitelabel-audience-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-whitelabel-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-whitelabel-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(36,198,205,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-whitelabel-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-weight: 950;
}

.mix-whitelabel-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-whitelabel-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-whitelabel-warning-box {
  margin: 32px 0;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,126,44,0.12), transparent 34%),
    #fff8f1;
  border: 1px solid rgba(255,126,44,0.24);
}

.mix-whitelabel-warning-box span {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .74rem;
}

.mix-whitelabel-warning-box p {
  margin: 0 !important;
  color: #6a3a16 !important;
}

@media (max-width: 980px) {
  .mix-whitelabel-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-whitelabel-console {
    width: min(100%, 460px);
    margin: 0 auto;
  }

  .mix-whitelabel-proof-grid {
    grid-template-columns: 1fr;
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-whitelabel-premium-v1 .mix-whitelabel-hero-premium {
    padding: 68px 0 74px !important;
  }

  .mix-whitelabel-console-grid,
  .mix-whitelabel-stack-grid,
  .mix-whitelabel-audience-grid,
  .mix-whitelabel-flow-steps {
    grid-template-columns: 1fr !important;
  }

  .mix-whitelabel-stack-section,
  .mix-whitelabel-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-whitelabel-console {
    min-height: auto;
    border-radius: 30px;
  }

  .mix-whitelabel-console-line {
    border-radius: 22px;
    flex-wrap: wrap;
  }
}

/* MIX_WHITE_LABEL_PREMIUM_V26_END */

/* MIX_WHITE_LABEL_ROOTS_V27_START */

.mix-whitelabel-roots-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(36,198,205,0.11), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(255,126,44,0.09), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 68px rgba(7,17,31,0.16);
  color: #ffffff;
}

.mix-whitelabel-roots-section h2 {
  color: #ffffff !important;
  margin-top: 18px !important;
}

.mix-whitelabel-roots-section > p {
  color: rgba(255,255,255,0.72) !important;
}

.mix-whitelabel-roots-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-whitelabel-roots-grid > div {
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-whitelabel-roots-grid span {
  color: #24c6cd;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-whitelabel-roots-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.12rem;
}

.mix-whitelabel-roots-grid p {
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .mix-whitelabel-roots-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-whitelabel-roots-grid {
    grid-template-columns: 1fr;
  }
}

/* MIX_WHITE_LABEL_ROOTS_V27_END */

/* MIX_WHITE_LABEL_PROVEDORES_V28_START */

.mix-whitelabel-provider-premium-v1 .mix-provider-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 96px 0 98px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(36,198,205,0.20), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(255,126,44,0.14), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(36,198,205,0.10), transparent 32%),
    linear-gradient(135deg, #040b15 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-whitelabel-provider-premium-v1 .mix-provider-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
}

.mix-provider-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 58px;
  align-items: center;
}

.mix-provider-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-provider-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.88);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  font-size: .86rem;
  font-weight: 850;
}

.mix-provider-console {
  position: relative;
  min-height: 520px;
  padding: 22px;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(7,17,31,0.94), rgba(10,32,52,0.90));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.36),
    0 0 0 1px rgba(36,198,205,0.06) inset;
  overflow: hidden;
}

.mix-provider-console::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 8%, rgba(36,198,205,0.18), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(255,126,44,0.12), transparent 30%);
  pointer-events: none;
}

.mix-provider-console > * {
  position: relative;
  z-index: 1;
}

.mix-provider-console-top {
  display: flex;
  gap: 7px;
  margin-bottom: 20px;
}

.mix-provider-console-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.20);
}

.mix-provider-console-top span:nth-child(1) { background: #ff7e2c; }
.mix-provider-console-top span:nth-child(2) { background: #24c6cd; }
.mix-provider-console-top span:nth-child(3) { background: rgba(255,255,255,0.30); }

.mix-provider-console-card {
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-provider-console-card small {
  display: block;
  margin-bottom: 8px;
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}

.mix-provider-console-card strong {
  display: block;
  color: #ffffff;
  font-size: 1.42rem;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.mix-provider-console-card p {
  margin: 12px 0 0 !important;
  color: rgba(255,255,255,0.70) !important;
}

.mix-provider-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.mix-provider-stack div {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.11), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-provider-stack span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-size: .72rem;
  font-weight: 950;
}

.mix-provider-stack strong {
  color: #ffffff;
  line-height: 1.16;
}

.mix-provider-stack small {
  margin-top: 5px;
  color: rgba(255,255,255,0.66);
  line-height: 1.4;
}

.mix-provider-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}

.mix-provider-metrics div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-provider-metrics strong {
  display: block;
  color: #ff8a35;
  font-size: 1.05rem;
}

.mix-provider-metrics span {
  color: rgba(255,255,255,0.66);
  font-size: .84rem;
}

.mix-provider-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-provider-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-provider-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(36,198,205,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-provider-proof-grid span {
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-provider-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
}

.mix-provider-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-provider-model-section,
.mix-provider-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-provider-model-grid,
.mix-provider-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-provider-model-grid > div,
.mix-provider-offer-grid > div {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-provider-model-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-provider-model-grid strong,
.mix-provider-offer-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-provider-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-provider-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(36,198,205,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-provider-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-weight: 950;
}

.mix-provider-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-provider-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-provider-warning-box {
  margin: 32px 0;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,126,44,0.12), transparent 34%),
    #fff8f1;
  border: 1px solid rgba(255,126,44,0.24);
}

.mix-provider-warning-box span {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .74rem;
}

.mix-provider-warning-box p {
  margin: 0 !important;
  color: #6a3a16 !important;
}

@media (max-width: 980px) {
  .mix-provider-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-provider-console {
    width: min(100%, 460px);
    margin: 0 auto;
  }

  .mix-provider-proof-grid {
    grid-template-columns: 1fr;
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-whitelabel-provider-premium-v1 .mix-provider-hero-premium {
    padding: 68px 0 74px !important;
  }

  .mix-provider-model-grid,
  .mix-provider-offer-grid,
  .mix-provider-flow-steps,
  .mix-provider-metrics {
    grid-template-columns: 1fr !important;
  }

  .mix-provider-model-section,
  .mix-provider-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-provider-console {
    min-height: auto;
    border-radius: 30px;
  }
}

/* MIX_WHITE_LABEL_PROVEDORES_V28_END */

/* MIX_WHITE_LABEL_ROOT_LINK_V28_START */

.mix-whitelabel-roots-grid .mix-whitelabel-root-link {
  display: block;
  text-decoration: none !important;
  padding: 22px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.10), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mix-whitelabel-roots-grid .mix-whitelabel-root-link:hover {
  transform: translateY(-2px);
  border-color: rgba(36,198,205,0.32);
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.16), transparent 36%),
    rgba(255,255,255,0.075);
}

.mix-whitelabel-roots-grid .mix-whitelabel-root-link span {
  color: #24c6cd;
}

.mix-whitelabel-roots-grid .mix-whitelabel-root-link strong {
  color: #ffffff;
}

.mix-whitelabel-roots-grid .mix-whitelabel-root-link p {
  color: rgba(255,255,255,0.70) !important;
}

/* MIX_WHITE_LABEL_ROOT_LINK_V28_END */

/* MIX_WHITE_LABEL_INTEGRADORES_V29_START */

.mix-whitelabel-integrator-premium-v1 .mix-integrator-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 96px 0 98px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(36,198,205,0.20), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(255,126,44,0.14), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(36,198,205,0.10), transparent 32%),
    linear-gradient(135deg, #040b15 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-whitelabel-integrator-premium-v1 .mix-integrator-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
}

.mix-integrator-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 58px;
  align-items: center;
}

.mix-integrator-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-integrator-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.88);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  font-size: .86rem;
  font-weight: 850;
}

.mix-integrator-console {
  position: relative;
  min-height: 520px;
  padding: 22px;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(7,17,31,0.94), rgba(10,32,52,0.90));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.36),
    0 0 0 1px rgba(36,198,205,0.06) inset;
  overflow: hidden;
}

.mix-integrator-console::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 8%, rgba(36,198,205,0.18), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(255,126,44,0.12), transparent 30%);
  pointer-events: none;
}

.mix-integrator-console > * {
  position: relative;
  z-index: 1;
}

.mix-integrator-console-top {
  display: flex;
  gap: 7px;
  margin-bottom: 20px;
}

.mix-integrator-console-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.20);
}

.mix-integrator-console-top span:nth-child(1) { background: #ff7e2c; }
.mix-integrator-console-top span:nth-child(2) { background: #24c6cd; }
.mix-integrator-console-top span:nth-child(3) { background: rgba(255,255,255,0.30); }

.mix-integrator-console-card {
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-integrator-console-card small {
  display: block;
  margin-bottom: 8px;
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}

.mix-integrator-console-card strong {
  display: block;
  color: #ffffff;
  font-size: 1.42rem;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.mix-integrator-console-card p {
  margin: 12px 0 0 !important;
  color: rgba(255,255,255,0.70) !important;
}

.mix-integrator-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.mix-integrator-stack div {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.11), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-integrator-stack span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-size: .72rem;
  font-weight: 950;
}

.mix-integrator-stack strong {
  color: #ffffff;
  line-height: 1.16;
}

.mix-integrator-stack small {
  margin-top: 5px;
  color: rgba(255,255,255,0.66);
  line-height: 1.4;
}

.mix-integrator-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}

.mix-integrator-metrics div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-integrator-metrics strong {
  display: block;
  color: #ff8a35;
  font-size: 1.05rem;
}

.mix-integrator-metrics span {
  color: rgba(255,255,255,0.66);
  font-size: .84rem;
}

.mix-integrator-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-integrator-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-integrator-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(36,198,205,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-integrator-proof-grid span {
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-integrator-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
}

.mix-integrator-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-integrator-model-section,
.mix-integrator-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-integrator-model-grid,
.mix-integrator-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-integrator-model-grid > div,
.mix-integrator-offer-grid > div {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-integrator-model-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-integrator-model-grid strong,
.mix-integrator-offer-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-integrator-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-integrator-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(36,198,205,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-integrator-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-weight: 950;
}

.mix-integrator-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-integrator-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-integrator-warning-box {
  margin: 32px 0;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,126,44,0.12), transparent 34%),
    #fff8f1;
  border: 1px solid rgba(255,126,44,0.24);
}

.mix-integrator-warning-box span {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .74rem;
}

.mix-integrator-warning-box p {
  margin: 0 !important;
  color: #6a3a16 !important;
}

@media (max-width: 980px) {
  .mix-integrator-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-integrator-console {
    width: min(100%, 460px);
    margin: 0 auto;
  }

  .mix-integrator-proof-grid {
    grid-template-columns: 1fr;
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-whitelabel-integrator-premium-v1 .mix-integrator-hero-premium {
    padding: 68px 0 74px !important;
  }

  .mix-integrator-model-grid,
  .mix-integrator-offer-grid,
  .mix-integrator-flow-steps,
  .mix-integrator-metrics {
    grid-template-columns: 1fr !important;
  }

  .mix-integrator-model-section,
  .mix-integrator-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-integrator-console {
    min-height: auto;
    border-radius: 30px;
  }
}

/* MIX_WHITE_LABEL_INTEGRADORES_V29_END */

/* MIX_PROVIDER_OPERATOR_MARKET_V30_START */

.mix-provider-market-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 0% 0%, rgba(36,198,205,0.11), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(255,126,44,0.09), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 26px 68px rgba(7,17,31,0.16);
  color: #ffffff;
}

.mix-provider-market-section h2 {
  color: #ffffff !important;
  margin-top: 18px !important;
}

.mix-provider-market-section > p {
  color: rgba(255,255,255,0.72) !important;
}

.mix-provider-operator-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0 18px;
}

.mix-provider-operator-cloud span {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: rgba(255,255,255,0.90);
  background:
    radial-gradient(circle at 20% 0%, rgba(36,198,205,0.12), transparent 34%),
    rgba(255,255,255,0.065);
  border: 1px solid rgba(255,255,255,0.12);
  font-size: .86rem;
  font-weight: 850;
}

.mix-provider-market-disclaimer {
  margin: 18px 0 0 !important;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.54) !important;
  font-size: .86rem;
  line-height: 1.55 !important;
}

@media (max-width: 760px) {
  .mix-provider-market-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-provider-operator-cloud span {
    font-size: .80rem;
  }
}

/* MIX_PROVIDER_OPERATOR_MARKET_V30_END */

/* MIX_WHITE_LABEL_AGENCIAS_V31_START */

.mix-whitelabel-agency-premium-v1 .mix-agency-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 96px 0 98px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(36,198,205,0.20), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(255,126,44,0.14), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(36,198,205,0.10), transparent 32%),
    linear-gradient(135deg, #040b15 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-whitelabel-agency-premium-v1 .mix-agency-hero-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
}

.mix-agency-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 58px;
  align-items: center;
}

.mix-agency-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-agency-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: rgba(255,255,255,0.88);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  font-size: .86rem;
  font-weight: 850;
}

.mix-agency-console {
  position: relative;
  min-height: 520px;
  padding: 22px;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(7,17,31,0.94), rgba(10,32,52,0.90));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.36),
    0 0 0 1px rgba(36,198,205,0.06) inset;
  overflow: hidden;
}

.mix-agency-console::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 8%, rgba(36,198,205,0.18), transparent 34%),
    radial-gradient(circle at 90% 20%, rgba(255,126,44,0.12), transparent 30%);
  pointer-events: none;
}

.mix-agency-console > * {
  position: relative;
  z-index: 1;
}

.mix-agency-console-top {
  display: flex;
  gap: 7px;
  margin-bottom: 20px;
}

.mix-agency-console-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.20);
}

.mix-agency-console-top span:nth-child(1) { background: #ff7e2c; }
.mix-agency-console-top span:nth-child(2) { background: #24c6cd; }
.mix-agency-console-top span:nth-child(3) { background: rgba(255,255,255,0.30); }

.mix-agency-console-card {
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-agency-console-card small {
  display: block;
  margin-bottom: 8px;
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}

.mix-agency-console-card strong {
  display: block;
  color: #ffffff;
  font-size: 1.42rem;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.mix-agency-console-card p {
  margin: 12px 0 0 !important;
  color: rgba(255,255,255,0.70) !important;
}

.mix-agency-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.mix-agency-stack div {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.11), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-agency-stack span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-size: .72rem;
  font-weight: 950;
}

.mix-agency-stack strong {
  color: #ffffff;
  line-height: 1.16;
}

.mix-agency-stack small {
  margin-top: 5px;
  color: rgba(255,255,255,0.66);
  line-height: 1.4;
}

.mix-agency-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}

.mix-agency-metrics div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-agency-metrics strong {
  display: block;
  color: #ff8a35;
  font-size: 1.05rem;
}

.mix-agency-metrics span {
  color: rgba(255,255,255,0.66);
  font-size: .84rem;
}

.mix-agency-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-agency-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-agency-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(36,198,205,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
  color: #ffffff;
}

.mix-agency-proof-grid span {
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-agency-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
  line-height: 1.2;
}

.mix-agency-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
  line-height: 1.58 !important;
}

.mix-agency-model-section,
.mix-agency-flow-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-agency-model-grid,
.mix-agency-offer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-agency-model-grid > div,
.mix-agency-offer-grid > div {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-agency-model-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-agency-model-grid strong,
.mix-agency-offer-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-agency-flow-steps {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  margin-top: 26px;
}

.mix-agency-flow-steps > div {
  min-height: 230px !important;
  padding: 26px 24px !important;
  border-radius: 28px !important;
  color: #ffffff;
  background:
    radial-gradient(circle at 20% 0%, rgba(36,198,205,0.14), transparent 36%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
}

.mix-agency-flow-steps span {
  width: 40px;
  height: 40px;
  margin-bottom: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-weight: 950;
}

.mix-agency-flow-steps strong {
  display: block;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 1.18rem;
  line-height: 1.16;
}

.mix-agency-flow-steps p {
  margin: 0;
  color: rgba(255,255,255,0.70) !important;
  line-height: 1.58 !important;
}

.mix-agency-warning-box {
  margin: 32px 0;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,126,44,0.12), transparent 34%),
    #fff8f1;
  border: 1px solid rgba(255,126,44,0.24);
}

.mix-agency-warning-box span {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .74rem;
}

.mix-agency-warning-box p {
  margin: 0 !important;
  color: #6a3a16 !important;
}

@media (max-width: 980px) {
  .mix-agency-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-agency-console {
    width: min(100%, 460px);
    margin: 0 auto;
  }

  .mix-agency-proof-grid {
    grid-template-columns: 1fr;
    transform: translateY(-28px);
  }
}

@media (max-width: 760px) {
  .mix-whitelabel-agency-premium-v1 .mix-agency-hero-premium {
    padding: 68px 0 74px !important;
  }

  .mix-agency-model-grid,
  .mix-agency-offer-grid,
  .mix-agency-flow-steps,
  .mix-agency-metrics {
    grid-template-columns: 1fr !important;
  }

  .mix-agency-model-section,
  .mix-agency-flow-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-agency-console {
    min-height: auto;
    border-radius: 30px;
  }
}

/* MIX_WHITE_LABEL_AGENCIAS_V31_END */

/* MIX_RESALE_WHITE_LABEL_V32_START */

.mix-resale-premium-v1 .mix-resale-hero-premium,
.mix-resale-state-premium-v1 .mix-resale-state-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 96px 0 98px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(36,198,205,0.20), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(255,126,44,0.14), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(36,198,205,0.10), transparent 32%),
    linear-gradient(135deg, #040b15 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-resale-hero-grid,
.mix-resale-state-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  gap: 58px;
  align-items: center;
}

.mix-resale-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-resale-hero-badges span {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: rgba(255,255,255,0.88);
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  font-size: .86rem;
  font-weight: 850;
}

.mix-resale-console,
.mix-resale-state-card {
  position: relative;
  padding: 22px;
  border-radius: 36px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(7,17,31,0.94), rgba(10,32,52,0.90));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow:
    0 34px 90px rgba(0,0,0,0.36),
    0 0 0 1px rgba(36,198,205,0.06) inset;
  overflow: hidden;
  color: #fff;
}

.mix-resale-console {
  min-height: 520px;
}

.mix-resale-console-top {
  display: flex;
  gap: 7px;
  margin-bottom: 20px;
}

.mix-resale-console-top span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.20);
}

.mix-resale-console-top span:nth-child(1) { background: #ff7e2c; }
.mix-resale-console-top span:nth-child(2) { background: #24c6cd; }

.mix-resale-console-card {
  padding: 24px;
  border-radius: 26px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-resale-console-card small {
  display: block;
  margin-bottom: 8px;
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .72rem;
}

.mix-resale-console-card strong {
  display: block;
  color: #fff;
  font-size: 1.42rem;
  line-height: 1.1;
  letter-spacing: -.04em;
}

.mix-resale-console-card p {
  margin: 12px 0 0 !important;
  color: rgba(255,255,255,0.70) !important;
}

.mix-resale-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.mix-resale-stack div {
  padding: 18px;
  border-radius: 22px;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  column-gap: 14px;
  align-items: start;
  background:
    radial-gradient(circle at 100% 0%, rgba(36,198,205,0.11), transparent 36%),
    rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-resale-stack span {
  grid-row: span 2;
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07111f;
  background: linear-gradient(90deg, #24c6cd, #66f2ff);
  font-size: .72rem;
  font-weight: 950;
}

.mix-resale-stack strong {
  color: #ffffff;
}

.mix-resale-stack small {
  margin-top: 5px;
  color: rgba(255,255,255,0.66);
  line-height: 1.4;
}

.mix-resale-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}

.mix-resale-metrics div {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.10);
}

.mix-resale-metrics strong {
  display: block;
  color: #ff8a35;
  font-size: 1.05rem;
}

.mix-resale-metrics span {
  color: rgba(255,255,255,0.66);
  font-size: .84rem;
}

.mix-resale-proof-premium {
  padding: 0;
  background: #f8fafc;
}

.mix-resale-proof-grid {
  transform: translateY(-42px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-bottom: -18px;
}

.mix-resale-proof-grid > div {
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 0%, rgba(36,198,205,0.14), transparent 34%),
    linear-gradient(180deg, #07111f 0%, #0b1e32 100%);
  color: #ffffff;
  box-shadow: 0 24px 62px rgba(7,17,31,0.18);
}

.mix-resale-proof-grid span {
  color: #24c6cd;
  font-weight: 950;
  letter-spacing: .12em;
  font-size: .75rem;
}

.mix-resale-proof-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #ffffff;
  font-size: 1.14rem;
}

.mix-resale-proof-grid p {
  color: rgba(255,255,255,0.72) !important;
}

.mix-resale-model-section,
.mix-resale-state-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-resale-model-grid,
.mix-resale-state-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-resale-state-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.mix-resale-model-grid > div,
.mix-resale-state-grid > a {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease;
}

.mix-resale-state-grid > a:hover {
  transform: translateY(-2px);
  border-color: rgba(36,198,205,0.28);
}

.mix-resale-model-grid span,
.mix-resale-state-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-resale-model-grid strong,
.mix-resale-state-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-resale-state-grid small {
  color: rgba(7,17,31,0.60);
}

.mix-resale-warning-box {
  margin: 32px 0;
  padding: 24px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,126,44,0.12), transparent 34%),
    #fff8f1;
  border: 1px solid rgba(255,126,44,0.24);
}

.mix-resale-warning-box span {
  display: block;
  margin-bottom: 8px;
  color: #ff7e2c;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: .74rem;
}

.mix-resale-warning-box p {
  margin: 0 !important;
  color: #6a3a16 !important;
}

.mix-resale-state-card span {
  color: #24c6cd;
  font-size: .82rem;
  font-weight: 950;
  letter-spacing: .14em;
}

.mix-resale-state-card strong {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 2rem;
  letter-spacing: -.05em;
}

.mix-resale-state-card p {
  color: rgba(255,255,255,0.72) !important;
}

.mix-resale-state-card small {
  color: rgba(255,255,255,0.52);
}

@media (max-width: 980px) {
  .mix-resale-hero-grid,
  .mix-resale-state-hero-grid,
  .mix-resale-proof-grid {
    grid-template-columns: 1fr;
  }

  .mix-resale-proof-grid {
    transform: translateY(-28px);
  }

  .mix-resale-console,
  .mix-resale-state-card {
    width: min(100%, 460px);
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .mix-resale-premium-v1 .mix-resale-hero-premium,
  .mix-resale-state-premium-v1 .mix-resale-state-hero-premium {
    padding: 68px 0 74px !important;
  }

  .mix-resale-model-grid,
  .mix-resale-state-grid,
  .mix-resale-metrics {
    grid-template-columns: 1fr !important;
  }

  .mix-resale-model-section,
  .mix-resale-state-section {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-resale-console {
    min-height: auto;
    border-radius: 30px;
  }
}

/* MIX_RESALE_WHITE_LABEL_V32_END */

/* MIX_RESALE_CITIES_V33_START */

.mix-resale-city-premium-v1 .mix-resale-city-hero-premium {
  position: relative;
  overflow: hidden;
  padding: 88px 0 92px !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(36,198,205,0.20), transparent 30%),
    radial-gradient(circle at 86% 16%, rgba(255,126,44,0.14), transparent 28%),
    radial-gradient(circle at 58% 82%, rgba(36,198,205,0.10), transparent 32%),
    linear-gradient(135deg, #040b15 0%, #071827 46%, #0b1f34 100%) !important;
}

.mix-resale-city-hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 54px;
  align-items: center;
}

.mix-resale-city-card {
  padding: 26px;
  border-radius: 34px;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 0%, rgba(36,198,205,0.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.045)),
    linear-gradient(135deg, rgba(7,17,31,0.94), rgba(10,32,52,0.90));
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 30px 80px rgba(0,0,0,0.30);
}

.mix-resale-city-card span {
  color: #24c6cd;
  font-size: .82rem;
  font-weight: 950;
  letter-spacing: .14em;
}

.mix-resale-city-card strong {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 2rem;
  letter-spacing: -.05em;
}

.mix-resale-city-card p {
  color: rgba(255,255,255,0.72) !important;
}

.mix-resale-city-card small {
  color: rgba(255,255,255,0.52);
}

.mix-resale-city-model-section,
.mix-resale-city-hub-section {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-resale-city-model-grid,
.mix-resale-city-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-resale-city-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.mix-resale-city-model-grid > div,
.mix-resale-city-grid > a {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease;
}

.mix-resale-city-grid > a:hover {
  transform: translateY(-2px);
  border-color: rgba(36,198,205,0.28);
}

.mix-resale-city-model-grid span,
.mix-resale-city-grid span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-resale-city-model-grid strong,
.mix-resale-city-grid strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-resale-city-grid small {
  color: rgba(7,17,31,0.60);
  line-height: 1.45;
}

@media (max-width: 980px) {
  .mix-resale-city-hero-grid {
    grid-template-columns: 1fr;
  }

  .mix-resale-city-card {
    width: min(100%, 440px);
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .mix-resale-city-premium-v1 .mix-resale-city-hero-premium {
    padding: 68px 0 74px !important;
  }

  .mix-resale-city-model-grid,
  .mix-resale-city-grid {
    grid-template-columns: 1fr !important;
  }

  .mix-resale-city-model-section,
  .mix-resale-city-hub-section {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

/* MIX_RESALE_CITIES_V33_END */

/* MIX_RESALE_CITY_SAO_PAULO_V34_START */

.mix-resale-city-local-v34 {
  margin: 42px 0;
  padding: 30px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-resale-city-local-grid-v34,
.mix-resale-city-profile-list-v34 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-resale-city-local-grid-v34 > div,
.mix-resale-city-profile-list-v34 > div {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-resale-city-local-grid-v34 span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-resale-city-local-grid-v34 strong,
.mix-resale-city-profile-list-v34 strong {
  display: block;
  margin: 10px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
}

.mix-resale-city-segments-v34 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-resale-city-segments-v34 span {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: #07111f;
  background:
    radial-gradient(circle at 0% 0%, rgba(36,198,205,0.10), transparent 34%),
    #ffffff;
  border: 1px solid rgba(7,17,31,0.10);
  font-size: .84rem;
  font-weight: 850;
}

@media (max-width: 760px) {
  .mix-resale-city-local-v34 {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-resale-city-local-grid-v34,
  .mix-resale-city-profile-list-v34 {
    grid-template-columns: 1fr;
  }
}

/* MIX_RESALE_CITY_SAO_PAULO_V34_END */

/* MIX_RESALE_CITY_ROBUST_V38_START */

.mix-resale-city-robust-v38 {
  margin: 42px 0;
  padding: 32px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

.mix-resale-city-robust-grid-v38,
.mix-resale-city-sales-v38,
.mix-resale-city-profile-list-v38,
.mix-resale-city-objections-v38 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 24px;
}

.mix-resale-city-robust-grid-v38 > div,
.mix-resale-city-sales-v38 > div,
.mix-resale-city-profile-list-v38 > div,
.mix-resale-city-objections-v38 > div {
  padding: 22px;
  border-radius: 22px;
  background: #f8fafc;
  border: 1px solid rgba(7,17,31,0.08);
}

.mix-resale-city-robust-grid-v38 span {
  color: #ff7e2c;
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mix-resale-city-robust-grid-v38 strong,
.mix-resale-city-sales-v38 strong,
.mix-resale-city-profile-list-v38 strong,
.mix-resale-city-objections-v38 strong {
  display: block;
  margin: 8px 0 8px;
  color: #07111f;
  font-size: 1.12rem;
  line-height: 1.18;
}

.mix-resale-city-segments-v38 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.mix-resale-city-segments-v38 span {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: #07111f;
  background:
    radial-gradient(circle at 0% 0%, rgba(36,198,205,0.10), transparent 34%),
    #ffffff;
  border: 1px solid rgba(7,17,31,0.10);
  font-size: .84rem;
  font-weight: 850;
}

@media (max-width: 760px) {
  .mix-resale-city-robust-v38 {
    padding: 24px 18px;
    border-radius: 24px;
  }

  .mix-resale-city-robust-grid-v38,
  .mix-resale-city-sales-v38,
  .mix-resale-city-profile-list-v38,
  .mix-resale-city-objections-v38 {
    grid-template-columns: 1fr;
  }
}

/* MIX_RESALE_CITY_ROBUST_V38_END */

/* MIX_RESALE_CITY_ROBUST_V39_START */

.mix-resale-city-robust-v39 {
  margin: 42px 0;
  padding: 32px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36,198,205,0.10), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255,126,44,0.10), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(7,17,31,0.09);
  box-shadow: 0 24px 62px rgba(7,17,31,0.08);
}

@media (max-width: 760px) {
  .mix-resale-city-robust-v39 {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

/* MIX_RESALE_CITY_ROBUST_V39_END */