.elementor-17 .elementor-element.elementor-element-242c134{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-242c134.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-836106d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-836106d:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-836106d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130F18;}.elementor-17 .elementor-element.elementor-element-bca5dac{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F9289C45;--border-color:#F9289C45;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17 .elementor-element.elementor-element-bca5dac:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-bca5dac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A171F;}.elementor-17 .elementor-element.elementor-element-33c2246{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-8a7b1a8{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-7cd4ec3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7cd4ec3.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-242c134{--width:100%;}.elementor-17 .elementor-element.elementor-element-836106d{--content-width:720px;}.elementor-17 .elementor-element.elementor-element-7cd4ec3{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-836106d *//* ================================================================
   ÁGUIA ROSA — CSS PARA METFORM (Elementor)
   ================================================================
   
   ONDE COLAR ESTE CSS:
   ─────────────────────
   Opção 1 (recomendada): Elementor → CSS Personalizado da SEÇÃO
     > Clique na seção que contém o MetForm
     > Aba "Avançado" → "CSS Personalizado"
     > Cole tudo abaixo
   
   Opção 2: Aparência → Personalizar → CSS Adicional
     > Cole tudo abaixo (aplica no site inteiro)
   
   Opção 3: Widget HTML acima do MetForm
     > Envolva todo o CSS abaixo em <style>...</style>
   
   ================================================================ */


/* ===== CONTAINER DO FORM ===== */
.metform-form-content {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 45, 161, 0.3) !important;
  border-radius: 24px !important;
  padding: 2.5rem 2rem !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  max-width: 720px !important;
  margin: 0 auto !important;
}

/* ===== TÍTULO DO FORM (usar widget de Heading acima do MetForm) ===== */
/* Se quiser título DENTRO do form, use um widget HTML com: */
/* <h3 class="ar-form-title">Preencha sua aplicação</h3> */
/* <p class="ar-form-subtitle">Leva menos de 2 minutos...</p> */
.ar-form-title {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: #f0eaf4 !important;
  text-align: center !important;
  margin-bottom: 0.5rem !important;
}
.ar-form-subtitle {
  font-size: 0.9rem !important;
  color: rgba(240, 234, 244, 0.55) !important;
  text-align: center !important;
  margin-bottom: 2rem !important;
  line-height: 1.6 !important;
}


/* ===== LABELS ===== */
.metform-form-content label,
.metform-form-content .mf-input-label {
  color: #f0eaf4 !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}


/* ===== INPUTS, SELECTS, TEXTAREAS ===== */
.metform-form-content input[type="text"],
.metform-form-content input[type="email"],
.metform-form-content input[type="tel"],
.metform-form-content input[type="number"],
.metform-form-content input[type="url"],
.metform-form-content select,
.metform-form-content textarea,
.metform-form-content .mf-input,
.metform-form-content .iti input {
  width: 100% !important;
  padding: 0.875rem 1rem !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  color: #f0eaf4 !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 0.95rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  outline: none !important;
}

/* Placeholder */
.metform-form-content input::placeholder,
.metform-form-content textarea::placeholder {
  color: rgba(240, 234, 244, 0.35) !important;
  font-style: normal !important;
}

/* Focus */
.metform-form-content input:focus,
.metform-form-content select:focus,
.metform-form-content textarea:focus {
  border-color: #ff2da1 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 0 3px rgba(255, 45, 161, 0.1) !important;
}

/* Textarea */
.metform-form-content textarea {
  min-height: 100px !important;
  resize: vertical !important;
}

/* Select arrow */
.metform-form-content select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23f0eaf4' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  padding-right: 2.5rem !important;
  cursor: pointer !important;
}

/* Select options (dropdown) */
.metform-form-content select option {
  background: #1a1520 !important;
  color: #f0eaf4 !important;
  padding: 0.5rem !important;
}


/* ===== RADIO BUTTONS ===== */
.metform-form-content .mf-radio-option,
.metform-form-content .mf-checkbox-option {
  color: rgba(240, 234, 244, 0.7) !important;
  font-size: 0.9rem !important;
  margin-bottom: 0.5rem !important;
  cursor: pointer !important;
}

.metform-form-content input[type="radio"],
.metform-form-content input[type="checkbox"] {
  accent-color: #ff2da1 !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 0.5rem !important;
  cursor: pointer !important;
}


/* ===== ESPAÇAMENTO ENTRE CAMPOS ===== */
.metform-form-content .mf-input-wrapper,
.metform-form-content .elementor-field-group,
.metform-form-content .elementor-column {
  margin-bottom: 1.25rem !important;
}


/* ===== BOTÃO DE ENVIAR ===== */
.metform-form-content .metform-btn,
.metform-form-content button[type="submit"],
.metform-form-content .mf-btn-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 1.25rem 3rem !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 1.1rem !important;
  border: none !important;
  cursor: pointer !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff2da1 0%, #cc0077 100%) !important;
  box-shadow: 0 0 40px rgba(255, 45, 161, 0.35), 0 12px 35px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin-top: 0.5rem !important;
  text-transform: uppercase !important;
}

.metform-form-content .metform-btn:hover,
.metform-form-content button[type="submit"]:hover,
.metform-form-content .mf-btn-submit:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 0 60px rgba(255, 45, 161, 0.35), 0 16px 42px rgba(0, 0, 0, 0.5) !important;
}


/* ===== BADGE DE IDADE (+18) ===== */
/* Adicionar via widget HTML abaixo do MetForm: */
/* <div class="ar-age-badge">🔞 É necessário ter 18 anos ou mais para ser consultora Águia Rosa.</div> */
/* <p class="ar-form-consent">Ao enviar, você concorda em receber contato da Águia Rosa no WhatsApp. <strong>Sem spam.</strong></p> */
.ar-age-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem 1rem !important;
  border-radius: 999px !important;
  background: rgba(246, 196, 83, 0.12) !important;
  border: 1px solid rgba(246, 196, 83, 0.3) !important;
  color: #f6c453 !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  margin: 0.75rem auto 0 !important;
  text-align: center !important;
}
.ar-form-consent {
  text-align: center !important;
  font-size: 0.85rem !important;
  color: rgba(240, 234, 244, 0.55) !important;
  margin-top: 1rem !important;
}
.ar-form-consent strong {
  color: #f0eaf4 !important;
}


/* ===== MENSAGENS DE ERRO (validação) ===== */
.metform-form-content .mf-error-message,
.metform-form-content .mf-input-wrapper .error {
  color: #ff4444 !important;
  font-size: 0.8rem !important;
  margin-top: 0.25rem !important;
}


/* ===== MENSAGEM DE SUCESSO ===== */
.metform-form-content .mf-response-msg,
.metform-form-content .mf-success-msg {
  background: rgba(255, 45, 161, 0.1) !important;
  border: 1px solid rgba(255, 45, 161, 0.3) !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  color: #f0eaf4 !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 1.1rem !important;
}


/* ===== MULTI-STEP (se usar etapas no MetForm) ===== */
/* Barra de progresso */
.metform-form-content .mf-step-progress,
.metform-form-content .mf-multistep-progress {
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  height: 6px !important;
  margin-bottom: 2rem !important;
}
.metform-form-content .mf-step-progress-bar,
.metform-form-content .mf-multistep-progress-bar {
  background: linear-gradient(90deg, #ff2da1 0%, #f6c453 100%) !important;
  border-radius: 999px !important;
  height: 100% !important;
  transition: width 0.5s ease !important;
}

/* Botões de navegação entre etapas */
.metform-form-content .mf-step-next,
.metform-form-content .mf-step-prev {
  padding: 1rem 2rem !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.metform-form-content .mf-step-next {
  background: linear-gradient(135deg, #ff2da1 0%, #cc0077 100%) !important;
  color: #fff !important;
  box-shadow: 0 0 25px rgba(255, 45, 161, 0.3) !important;
}
.metform-form-content .mf-step-next:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 40px rgba(255, 45, 161, 0.4) !important;
}

.metform-form-content .mf-step-prev {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(240, 234, 244, 0.7) !important;
}
.metform-form-content .mf-step-prev:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Step labels/indicators */
.metform-form-content .mf-step-title {
  color: rgba(240, 234, 244, 0.5) !important;
  font-size: 0.85rem !important;
}
.metform-form-content .mf-step-title.active,
.metform-form-content .mf-step-title.completed {
  color: #ff2da1 !important;
}


/* ===== SEÇÃO DO FORM (background da seção no Elementor) ===== */
/* Aplicar na SEÇÃO do Elementor que contém o MetForm: */
/* Background: #130f18 */
/* Padding: 4rem topo / 4rem baixo */
/* Border-top: 1px solid rgba(255, 45, 161, 0.1) */
.ar-form-section {
  background: #130f18 !important;
  padding: 4rem 0 !important;
  border-top: 1px solid rgba(255, 45, 161, 0.1) !important;
}


/* ===== RESPONSIVO ===== */
@media (max-width: 768px) {
  .metform-form-content {
    padding: 1.5rem 1.25rem !important;
    border-radius: 16px !important;
  }
  .metform-form-content .metform-btn,
  .metform-form-content button[type="submit"] {
    font-size: 1rem !important;
    padding: 1rem 2rem !important;
  }
}


/* ===== ELIMINADOR DE ESTILOS PADRÃO DO METFORM ===== */
/* Remove backgrounds brancos e bordas que o MetForm injeta */
.metform-form-content .mf-input-wrapper {
  background: transparent !important;
}
.metform-form-content .elementor-widget-container {
  background: transparent !important;
}
.metform-form-content .mf-input-group {
  background: transparent !important;
  border: none !important;
}/* End custom CSS */