/* =============================================
   Layout global
   ============================================= */
body { overflow-x: hidden !important; }
html { max-width: 100% !important; }

/* Hero oval — seta --border-radius (variável que o Elementor usa em .e-con) */
.elementor-element.elementor-element-5e1eb9f,
.elementor-element.elementor-element-5a92896 {
  --border-radius: 800% / 4000px;
  overflow: hidden !important;
}
.elementor-element.elementor-element-5e1eb9f {
  width: 105% !important;
  margin-left: -2.5% !important;
}
.elementor-element.elementor-element-5a92896 {
  width: 105% !important;
  margin-left: -2.5% !important;
}
@media (max-width: 1366px) {
  .elementor-element.elementor-element-5e1eb9f,
  .elementor-element.elementor-element-5a92896 {
    --border-radius: 800% / 2000px;
    margin-left: 0 !important;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .elementor-element.elementor-element-5e1eb9f,
  .elementor-element.elementor-element-5a92896 {
    --border-radius: 800% / 400px;
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* =============================================
   Menu desktop — remove estado ativo, mantém apenas hover
   ============================================= */

/* Ativo: idêntico ao normal (pill amarela, sem borda) */
.menu-desk
  > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading
  > .e-n-menu-item > .e-n-menu-title.e-current {
  border: none !important;
  background-color: #FFCE1C !important;
  --n-menu-title-color-active: #0054A1;
}

/* Ativo com hover: aplica o mesmo efeito de hover dos itens normais */
.menu-desk
  > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading
  > .e-n-menu-item > .e-n-menu-title.e-current:hover {
  background-color: #0054A1 !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: #FFCE1C !important;
  --n-menu-title-color-active: #FFCE1C;
}

/* =============================================
   Cards mc
   ============================================= */

.mc-img {
  border-radius: 0 !important;
}

/* Nova imagem de fundo no hover — shadow vaza em todos os lados */
.mc-body::after {
  background-image: url('https://lp.redeunishop.com.br/wp-content/uploads/2026/05/Vector.png') !important;
  background-size: 106% 106% !important;
  background-position: 50% -78% !important;
  inset: -20px !important;
}

.mc-card:hover .mc-btn {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.35);
}

.mc-card:hover .mc-body,
.mc-card:hover .mc-body p,
.mc-card:hover .mc-body * {
  font-weight: 600 !important;
}

/* =============================================
   Elipses — overlays de gradiente decorativos
   ============================================= */
.elipse-1 {
  position: absolute;
  width: 920px;
  height: 600px;
  background: radial-gradient(ellipse at center, #FFE566 0%, #FFCE1C 60%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: overlay;
  top: 0;
  left: 0;
}

.elipse-2 {
  position: absolute;
  width: 920px;
  height: 1000px;
  background: radial-gradient(ellipse at center, #FFE566 0%, #FFCE1C 60%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: overlay;
  top: 0;
  left: 0;
  z-index: 0;
}

.elipse-3 {
  position: absolute;
  width: 400px;
  height: 900px;
  background: radial-gradient(ellipse at center, #333333 70%, #000000 60%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: overlay;
  top: 0;
  left: 0;
  z-index: 0;
}

.elipse-4 {
  position: absolute;
  width: 320px;
  height: 1200px;
  background: radial-gradient(ellipse at center, rgba(5, 5, 5, 0.37) 0%, rgba(5, 5, 5, 0.19) 70%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: overlay;
  top: 0;
  left: 0;
  z-index: 0;
}

.elipse-44 {
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(ellipse at center, rgba(5, 5, 5, 1.0) 0%, rgba(5, 5, 5, 1.0) 70%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: overlay;
  top: 0;
  left: 0;
  z-index: 0;
}

.elipse-5 {
  position: absolute;
  width: 1200px;
  height: 1000px;
  background: radial-gradient(ellipse at center, rgba(5, 5, 5, 0.8) 0%, rgba(5, 5, 5, 0.95) 100%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: normal;
  top: 0;
  left: 0;
  z-index: 0;
}

.elipse-6 {
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(ellipse at center, rgba(5, 5, 5, 0.8) 0%, rgba(5, 5, 5, 0.95) 100%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: normal;
  top: 0;
  left: 0;
  z-index: 0;
}

.elipse-azul {
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(ellipse at center, rgba(0, 84, 161, 0.4) 0%, rgba(0, 84, 161, 0.15) 100%);
  border-radius: 50%;
  filter: blur(60px);
  mix-blend-mode: normal;
  top: 0;
  left: 0;
  z-index: 0;
}

/* =============================================
   Utilitários
   ============================================= */
.e-n-accordion-item-title {
  z-index: 10;
}

/* =============================================
   Versão Azul (.lp-azul)
   ============================================= */

/* Borda do container principal do formulário */
.lp-azul .elementor-element.elementor-element-35d5ced3 {
  border-color: #2C2C2C !important;
  --border-color: #2C2C2C !important;
}

/* Campos do formulário na versão azul */
.lp-azul #lpLeadForm .lp-field input,
.lp-azul #lpLeadForm .lp-field select {
  border: 1px solid #0054A1 !important;
  border-radius: 16px !important;
}

/* Hints na versão azul */
.lp-azul #lpLeadForm .lp-hint {
  color: #0054A1 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* Glow no pai — projeta livre sem ser cortado pela mask */
.pai-sem {
  filter: drop-shadow(0 0 7.4px rgba(255, 206, 28, 0.79));
}

/* Mask no filho — corta a borda no topo para o texto */
.sem-compromisso {
  -webkit-mask:
    linear-gradient(#000, #000) bottom / 100% calc(100% - 16px) no-repeat,
    linear-gradient(to right,
      #000 0,
      #000 calc(50% - 150px),
      transparent calc(50% - 150px),
      transparent calc(50% + 150px),
      #000 calc(50% + 150px),
      #000 100%
    ) top / 100% 16px no-repeat;
  mask:
    linear-gradient(#000, #000) bottom / 100% calc(100% - 16px) no-repeat,
    linear-gradient(to right,
      #000 0,
      #000 calc(50% - 150px),
      transparent calc(50% - 150px),
      transparent calc(50% + 150px),
      #000 calc(50% + 150px),
      #000 100%
    ) top / 100% 16px no-repeat;
}