.elementor-742 .elementor-element.elementor-element-8cc84db{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-742 .elementor-element.elementor-element-20eb87a.elementor-element{--align-self:center;}.elementor-742 .elementor-element.elementor-element-20eb87a .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-742 .elementor-element.elementor-element-1021e4a{text-align:center;}.elementor-742 .elementor-element.elementor-element-0de711e{text-align:center;}@media(max-width:767px){.elementor-742 .elementor-element.elementor-element-20eb87a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-742 .elementor-element.elementor-element-1021e4a{text-align:center;}.elementor-742 .elementor-element.elementor-element-da02543.elementor-element{--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for shortcode, class: .elementor-element-da02543 *//* ============================================================
   SISTEMA DE DESIGN: CONTATO PREMIUM + SHINY CTA INTEGRADO
   ============================================================ */

:root {
  --shiny-cta-bg: #000000;
  --shiny-cta-bg-subtle: #0f2e22;
  --shiny-cta-fg: #ffffff;
  --shiny-cta-highlight: #00FF73;
  --shiny-cta-highlight-subtle: #84FFBC;
}

/* REGISTRO DE PROPRIEDADES DINÂMICAS (CSS Engine) */
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}
@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

/* ===== SEÇÃO CONTATO (FUNDO FULL) ===== */
.secao-contato {
  background: linear-gradient(180deg, #050b09, #0c1f18);
  padding: 100px 20px;
  display: flex;
  justify-content: center;
}

/* ===== CARD CENTRAL ===== */
.form-contato {
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 30px;
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(14px);
  border-radius: 22px;
  border: 1px solid rgba(0,255,160,.25);
  box-shadow: 0 20px 60px rgba(0,0,0,.8), inset 0 0 30px rgba(0,255,160,.08);
}

/* ===== CAMPOS FLUENT FORMS ===== */
.form-contato .ff-el-form-control {
  width: 100%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  padding: 16px 18px;
  font-size: 15px;
  color: #eafff6;
  margin-bottom: 15px;
}

.form-contato .ff-el-form-control:focus {
  outline: none;
  border-color: #00ff9d;
  box-shadow: 0 0 0 2px rgba(0,255,160,.25);
}

/* ============================================================
   ESTILIZAÇÃO DO BOTÃO (SHINY CTA INTEGRADO AO FLUENT FORMS)
   ============================================================ */

.form-contato .ff-btn {
  /* Reset de Estilo Fluent Forms */
  --animation: gradient-angle linear infinite;
  --duration: 3s;
  --shadow-size: 2px;
  
  width: 100% !important;
  cursor: pointer !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid transparent !important;
  border-radius: 360px !important;
  padding: 1.25rem 2.5rem !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: var(--shiny-cta-fg) !important;
  
  /* Gradiente Shiny de Borda */
  background: 
    linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(
      from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)
    ) border-box !important;
  
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important;
  transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  
  /* Animações */
  animation: var(--animation) var(--duration) linear infinite !important;
}

/* Efeito de Estrelas/Pontos Internos */
.form-contato .ff-btn::before {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  z-index: -1 !important;
  --size: calc(100% - var(--shadow-size) * 3) !important;
  --position: 2px !important;
  --space: calc(var(--position) * 2) !important;
  width: var(--size) !important;
  height: var(--size) !important;
  background: radial-gradient(circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0) padding-box !important;
  background-size: var(--space) var(--space) !important;
  mask-image: conic-gradient(from calc(var(--gradient-angle) + 45deg), black, transparent 10% 90%, black) !important;
  border-radius: inherit !important;
  opacity: 0.4 !important;
}

/* Efeito de Brilho de Fundo (Shimmer) */
.form-contato .ff-btn::after {
  content: "" !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  background: linear-gradient(-50deg, transparent, var(--shiny-cta-highlight), transparent) !important;
  mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important;
  opacity: 0.6 !important;
  z-index: -1 !important;
  animation: shimmer var(--duration) linear infinite !important;
}

/* Hover State */
.form-contato .ff-btn:hover {
  --gradient-percent: 20% !important;
  --gradient-angle-offset: 95deg !important;
  --gradient-shine: var(--shiny-cta-highlight-subtle) !important;
  transform: scale(1.02);
}

/* Texto do botão acima do brilho */
.form-contato .ff-btn span {
  position: relative;
  z-index: 2;
}

/* KEYFRAMES */
@keyframes gradient-angle {
  to { --gradient-angle: 360deg; }
}

@keyframes shimmer {
  to { transform: rotate(360deg) translate(-50%, -50%); }
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .secao-contato { padding: 70px 15px; }
  .form-contato { padding: 30px 20px; }
  .form-contato .ff-btn { padding: 1rem 1.5rem !important; }
}/* 1. Muda a cor dos TÍTULOS (WhatsApp, Instagram, Nome...) */
.form-contato .ff-el-input--label,
.form-contato .ff-el-input--label label {
    color: #ffffff !important;
}

/* 2. Muda a cor do texto DIGITADO dentro da caixa */
.form-contato .ff-el-form-control {
    color: #ffffff !important;
}

/* 3. Muda a cor do texto de EXEMPLO (Placeholder) */
.form-contato .ff-el-form-control::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* ============================================================
   AJUSTE FINAL: COR DO TEXTO AO DIGITAR
   ============================================================ */

/* Quando o usuário clica no campo para digitar (estado de foco),
   o texto digitado deve ficar PRETO para contraste com o fundo branco. */
.form-contato .ff-el-form-control:focus {
    color: #000000 !important;
}/* End custom CSS */