.elementor-54 .elementor-element.elementor-element-1949195{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-12de69d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-8df816b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-7156712{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-059b9ad{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-0c97d0d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-2841961{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54 .elementor-element.elementor-element-930b228{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-20bdec4 *//* ============================================
   CONTACT — CSS PARA FLUENT FORMS
   Pega esto en: Elementor > edita la página >
   Avanzado (panel izquierdo) > CSS personalizado
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* ── CONTENEDOR DEL FORM ── */
.fluentform,
.ff-default {
  font-family: 'Inter', sans-serif !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid #e2d9ec !important;
  border-radius: 24px !important;
  padding: 40px 44px !important;
  box-shadow: 0 8px 40px rgba(44,31,56,0.08) !important;
}

/* ── LABELS ── */
.ff-el-input--label label,
.fluentform label {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1a1225 !important;
  margin-bottom: 8px !important;
}
.ff-el-is-required .ff-el-input--label label::after {
  content: ' *';
  color: #c0566a !important;
}

/* ── INPUTS / TEXTAREA / SELECT ── */
.ff-el-input--content input[type="text"],
.ff-el-input--content input[type="email"],
.ff-el-input--content input[type="tel"],
.ff-el-input--content select,
.ff-el-input--content textarea,
.fluentform input:not([type="submit"]),
.fluentform select,
.fluentform textarea {
  width: 100% !important;
  padding: 13px 16px !important;
  border: 1.5px solid #e2d9ec !important;
  border-radius: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  color: #1a1225 !important;
  background: #faf7f3 !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  outline: none !important;
}
.ff-el-input--content input:focus,
.ff-el-input--content select:focus,
.ff-el-input--content textarea:focus,
.fluentform input:focus,
.fluentform textarea:focus {
  border-color: #c0566a !important;
  box-shadow: 0 0 0 3px rgba(192,86,106,0.12) !important;
  background: #ffffff !important;
}
.fluentform textarea { min-height: 130px !important; resize: vertical !important; line-height: 1.6 !important; }

/* ── BOTÓN DE ENVÍO ── */
.ff-btn,
.fluentform button[type="submit"] {
  width: 100% !important;
  padding: 16px 24px !important;
  background: #1a1225 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  box-shadow: 0 4px 20px rgba(26,18,37,0.18) !important;
  text-transform: none !important;
}
.ff-btn:hover, .fluentform button[type="submit"]:hover {
  background: #2d1f3d !important;
  transform: translateY(-1px) !important;
}

/* ── ERRORES ── */
.error.text-danger, .ff-el-input--errors .error {
  font-size: 12.5px !important;
  color: #c0566a !important;
  margin-top: 5px !important;
}

/* ── MENSAJE DE ÉXITO ── */
.ff-message-success {
  background: #f0f9f0 !important;
  border: 1.5px solid #6ee7b7 !important;
  border-radius: 14px !important;
  color: #1a5e35 !important;
  padding: 20px 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
  .fluentform, .ff-default {
    padding: 28px 22px !important;
    border-radius: 20px !important;
    margin: 0 5vw !important;
  }
}/* End custom CSS */