.elementor-123 .elementor-element.elementor-element-41c9c23{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--margin-top:50px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-123 .elementor-element.elementor-element-ed6c083{--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-123 .elementor-element.elementor-element-d78f718{--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;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:#D7FF4F59;--border-color:#D7FF4F59;--border-radius:26px 26px 26px 26px;box-shadow:0px 0px 16px 0px rgba(214.9999999999998, 255, 79, 0.29);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-123 .elementor-element.elementor-element-d78f718:not(.elementor-motion-effects-element-type-background), .elementor-123 .elementor-element.elementor-element-d78f718 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12151A;}.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-123 .elementor-element.elementor-element-4063451 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:800;}body.elementor-page-123:not(.elementor-motion-effects-element-type-background), body.elementor-page-123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-123 .elementor-element.elementor-element-d78f718{--width:70%;}}@media(max-width:767px){.elementor-123 .elementor-element.elementor-element-41c9c23{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-123 .elementor-element.elementor-element-ed6c083{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-123 .elementor-element.elementor-element-d78f718{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-123 .elementor-element.elementor-element-4063451 .elementor-heading-title{font-size:26px;}}/* Start custom CSS for shortcode, class: .elementor-element-7677221 *//* ====================================================
   ESTILOS PREMIUM DARK SAAS PARA FLUENT FORMS (ID: 3)
   ==================================================== */

/* 1. Tipografía y espaciado general */
.fluent_form_3 {
  font-family: inherit;
}

.fluent_form_3 .ff-el-group {
  margin-bottom: 22px !important;
}

/* 2. Etiquetas de los campos (Labels) */
.fluent_form_3 .ff-el-input--label label {
  color: #f1f5f9 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  margin-bottom: 8px !important;
}

/* Asterisco de campo obligatorio en color Neón */
.fluent_form_3 .ff-el-asterisk {
  color: #d7ff4f !important;
  font-weight: bold;
}

/* 3. Cajas de texto, selects y áreas de texto (Inputs) */
.fluent_form_3 .ff-el-form-control,
.fluent_form_3 input[type="text"],
.fluent_form_3 input[type="email"],
.fluent_form_3 input[type="tel"],
.fluent_form_3 input[type="number"],
.fluent_form_3 input[type="url"],
.fluent_form_3 select,
.fluent_form_3 textarea {
  background-color: #12151b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  font-size: 0.95rem !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

/* Texto de sugerencia (Placeholders) */
.fluent_form_3 .ff-el-form-control::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}

/* 4. Efecto al hacer clic o escribir (Focus con resplandor Neón) */
.fluent_form_3 .ff-el-form-control:focus,
.fluent_form_3 select:focus,
.fluent_form_3 textarea:focus {
  border-color: #d7ff4f !important;
  box-shadow: 0 0 0 3px rgba(215, 255, 79, 0.15) !important;
  outline: none !important;
  background-color: #161a22 !important;
}

/* 5. Opciones desplegables (Dropdowns) */
.fluent_form_3 select option {
  background-color: #12151b !important;
  color: #ffffff !important;
  padding: 10px;
}

/* 6. Botones de Radio y Checkboxes */
.fluent_form_3 .ff-el-form-check {
  margin-bottom: 12px !important;
}

.fluent_form_3 .ff-el-form-check-label {
  color: #cbd5e1 !important;
  font-size: 0.95rem !important;
  cursor: pointer;
  padding-left: 6px;
}

.fluent_form_3 input[type="radio"],
.fluent_form_3 input[type="checkbox"] {
  accent-color: #d7ff4f !important; /* Convierte el punto del radio en verde neón */
  width: 18px !important;
  height: 18px !important;
  cursor: pointer;
  vertical-align: middle;
}

/* 7. Cuadro de 'Información Importante' (Aclaraciones) */
.fluent_form_3 .ff-custom_html,
.fluent_form_3 .ff_section_break {
  background: rgba(215, 255, 79, 0.05) !important;
  border: 1px solid rgba(215, 255, 79, 0.3) !important;
  border-radius: 16px !important;
  padding: 20px 24px !important;
  margin: 25px 0 !important;
  color: #e2e8f0 !important;
}

.fluent_form_3 .ff-custom_html strong {
  color: #d7ff4f !important;
}

/* 8. Botón de Enviar (Botón Neón Redondeado) */
.fluent_form_3 .ff-btn-submit {
  background-color: #d7ff4f !important;
  color: #0b0d10 !important;
  border: 1px solid #d7ff4f !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
  padding: 16px 36px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
  margin-top: 15px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
}

/* Hover del botón */
.fluent_form_3 .ff-btn-submit:hover {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #0b0d10 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(215, 255, 79, 0.25) !important;
}/* End custom CSS */