/* Start custom CSS */html, body { background: radial-gradient(ellipse 70% 60% at 85% 110%, rgba(207,109,95,.38), rgba(207,109,95,0) 70%), radial-gradient(ellipse 50% 50% at 100% 0%, rgba(107,190,150,.18), rgba(107,190,150,0) 70%), #1D1331 !important; background-attachment: fixed !important; }
.elementor-element-18ceec3d { background: transparent !important; min-height: 100vh; padding-left: max(24px, calc((100% - 1200px) / 2)) !important; padding-right: max(24px, calc((100% - 1200px) / 2)) !important; }
.elementor-788 h1, .elementor-788 h2 { font-family: Ubuntu, sans-serif !important; font-size: clamp(2.8rem, 7.5vw, 5.4rem) !important; line-height: .92 !important; letter-spacing: -.03em !important; }
.elementor-788 h1 { font-weight: 700 !important; color: #faf6f0 !important; }
.elementor-788 h2 { font-weight: 300 !important; color: #6BBE96 !important; margin-bottom: 28px !important; }
.elementor-788 p strong { font-weight: 500; color: #6BBE96; }
.elementor-788 a, .elementor-788 a:visited { color: inherit; text-decoration: none; transition: color .2s; }
.elementor-element-4a3dbf1a a:hover { color: #6BBE96 !important; }
#jf-topo { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { #jf-topo { display: none; } }

/* Formulário Mailchimp no estilo da peça: barra creme com campo + botão */
.mc_container, .mc_container * { font-family: Ubuntu, sans-serif !important; box-sizing: border-box; }
.mc_container form.mc_signup_form { margin: 0; }
.mc_container .mc_form_inside { display: flex; flex-wrap: wrap; align-items: stretch; gap: 6px; background: #faf6f0; border-radius: 8px; padding: 6px; box-shadow: 0 18px 40px -18px rgba(0,0,0,.6); }
.mc_container .mc_merge_var { flex: 1 1 220px; margin: 0 !important; padding: 0 !important; }
.mc_container .mc_merge_var label, .mc_container .mc-indicates-required { display: none !important; }
.mc_container .mc_merge_var:has(.mc_header_text) { display: none !important; }
.mc_container input.mc_input { width: 100% !important; height: 100%; min-height: 52px; margin: 0 !important; padding: 0 14px !important; border: 0 !important; border-radius: 5px !important; background: transparent !important; color: #1D1331 !important; font-size: 1.05rem !important; box-shadow: none !important; outline: none; }
.mc_container input.mc_input::placeholder { color: #8a8398; opacity: 1; }
.mc_container .mc_signup_submit { flex: 0 0 auto; margin: 0 !important; padding: 0 !important; text-align: left; }
.mc_container input.mc_signup_submit_button { width: auto !important; height: 100%; min-height: 52px; margin: 0 !important; padding: 0 24px !important; border: 0 !important; border-radius: 5px !important; background: #1D1331 !important; color: #faf6f0 !important; font-size: 1.05rem !important; font-weight: 500 !important; cursor: pointer; transition: background .2s; }
.mc_container input.mc_signup_submit_button:hover { background: #2c1f4a !important; }
.mc_container .mc_message_wrapper { order: 10; flex: 1 1 100%; }
.mc_container .mc_message_wrapper:empty { display: none; }
.mc_container .mc_message_wrapper * { margin: 4px 8px !important; font-size: .95rem !important; color: #1D1331 !important; }
.mc_container .mc_error_msg { color: #b23a2c !important; }
@media (max-width: 767px) {
  .elementor-element-18ceec3d { padding-left: 16px !important; padding-right: 16px !important; }
  .mc_container .mc_form_inside { flex-direction: column; }
  .mc_container .mc_merge_var { flex: 0 0 auto; }
  .mc_container .mc_signup_submit, .mc_container input.mc_signup_submit_button { width: 100% !important; }
}/* End custom CSS */