.elementor-1685 .elementor-element.elementor-element-9c9888f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1685 .elementor-element.elementor-element-9c9888f.e-con{--align-self:center;}.elementor-1685 .elementor-element.elementor-element-ec4f0e1{--display:flex;--min-height:419px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#DB8252;--border-color:#DB8252;--border-radius:20px 20px 20px 20px;--padding-top:050px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-1685 .elementor-element.elementor-element-ec4f0e1:not(.elementor-motion-effects-element-type-background), .elementor-1685 .elementor-element.elementor-element-ec4f0e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#324049;}.elementor-1685 .elementor-element.elementor-element-23d6ffc{text-align:center;}.elementor-1685 .elementor-element.elementor-element-23d6ffc .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:25px;color:#FFFFFF;}.elementor-1685 .elementor-element.elementor-element-0d2caaa{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-1685 .elementor-element.elementor-element-0d2caaa.elementor-element{--align-self:center;}.elementor-1685 .elementor-element.elementor-element-0d2caaa .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;color:#FFFFFF;}@media(max-width:767px){.elementor-1685 .elementor-element.elementor-element-9c9888f{--content-width:500px;--padding-top:120px;--padding-bottom:160px;--padding-left:160px;--padding-right:160px;}.elementor-1685 .elementor-element.elementor-element-ec4f0e1{--content-width:500px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1685 .elementor-element.elementor-element-23d6ffc{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1685 .elementor-element.elementor-element-23d6ffc .elementor-heading-title{font-size:24px;}}@media(min-width:768px){.elementor-1685 .elementor-element.elementor-element-9c9888f{--content-width:500px;}.elementor-1685 .elementor-element.elementor-element-ec4f0e1{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-3d35b14 *//* ========================================= 1. ESTILO DOS CAMPOS DE ENTRADA (Fundo escuro, bordas finas e arredondadas) ========================================= */ .fluentform .ff-el-form-control { background-color: rgba(255, 255, 255, 0.05) !important; /* Fundo quase transparente */ border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Borda fina e suave */ color: #ffffff !important; /* Texto que o cliente digita */ border-radius: 14px !important; /* Arredondamento igual ao modelo de baixo */ padding: 16px !important; height: auto !important; font-size: 15px !important; transition: all 0.3s ease; /* Transição suave para o foco */ } /* Cor do texto de exemplo (Placeholder) */ .fluentform .ff-el-form-control::placeholder { color: rgba(255, 255, 255, 0.6) !important; /* Branco suave */ opacity: 1; } /* Estilo quando o cliente clica no campo */ .fluentform .ff-el-form-control:focus { background-color: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.4) !important; /* Borda clareia um pouco */ outline: none !important; box-shadow: none !important; } /* ========================================= 2. ESTILO DO BOTÃO (ESTADO NORMAL) ========================================= */ .fluentform .ff-btn-submit { background-color: #db8252 !important; /* Sua cor exata */ border: none !important; border-radius: 8px !important; color: #ffffff !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; /* Espaçamento entre letras igual ao print */ padding: 18px 40px !important; width: 85% !important; /* Botão largo */ margin-top: 15px !important; /* --- Efeito de Transição (Essencial para o levante suave) --- */ transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Sombra projetada suave (no estado normal) */ box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important; } /* ========================================= 3. EFEITO DO BOTÃO (AO PASSAR O MOUSE - HOVER) ========================================= */ .fluentform .ff-btn-submit:hover { background-color: #e69163 !important; /* Um tom levemente mais claro para destacar */ /* --- O Pulo do Gato: Levantar o botão --- */ /* translateY(-4px) move o botão 4 pixels para cima */ transform: translateY(-4px) !important; /* Aumenta a sombra para simular que ele está mais longe do fundo */ box-shadow: 0 8px 15px rgba(0,0,0,0.3) !important; cursor: pointer; }/* End custom CSS */