.elementor-314 .elementor-element.elementor-element-f16ea34{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-f16ea34:not(.elementor-motion-effects-element-type-background), .elementor-314 .elementor-element.elementor-element-f16ea34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ae2ef2c );background-image:url("https://kinxpay.io/wp-content/uploads/2026/09/bg-footer-kinxpay.webp");background-size:cover;}.elementor-314 .elementor-element.elementor-element-b0acb73{--display:flex;--justify-content:center;--padding-top:30px;--padding-bottom:30px;--padding-left:60px;--padding-right:60px;}.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-314 .elementor-element.elementor-element-5517305{text-align:center;}.elementor-314 .elementor-element.elementor-element-5517305 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-d785830 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-314 .elementor-element.elementor-element-b0acb73{--content-width:900px;}}@media(max-width:767px){.elementor-314 .elementor-element.elementor-element-f16ea34{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-314 .elementor-element.elementor-element-b0acb73{--padding-top:20px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-cd9c727 *//* --- REGULACIÓN DE ESPACIADOS (GAP) --- */
.fluentform .ff-t-container,
.fluentform .ff-el-group {
  margin-bottom: 2px !important; /* Espaciado entre filas */
}

    .frm-fluent-form .ff-t-container {
        display: flex;
        gap: 0px;
        width: 100%;
    }

.fluentform .ff-t-cell {
  padding-left: 5px !important;   /* Espaciado entre columnas (10px total) */
  padding-right: 5px !important;
}

.fluentform .ff-t-container {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

/* --- TEXTOS Y LABELS EN COLOR #111111 --- */
.fluentform .ff-el-input-label,
.fluentform .ff-el-form-check-label,
.fluentform .ff-el-help-message {
    font-size: 14px;
    font-weight: 400;
  
}

.fluentform,
.fluentform label {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 0px !important;
  color: #111111 !important;
  
}

/* --- INPUTS: BACKGROUND TRANSPARENTE Y TEXTO #111111 AL ESCRIBIR --- */
.fluentform .ff-el-form-control,
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="url"],
.fluentform textarea,
.fluentform select {
  background-color: transparent !important; /* Fondo transparente */
  background: transparent !important;
  border: 1px solid #8C5A41 !important;     /* Borde #8C5A41 */
  border-radius: 8px !important;
  padding: 10px 14px !important;
  color: #111111 !important;                /* Color de texto al escribir */
  font-size: 14px;
  outline: none !important;
  box-shadow: none !important;
}

/* Forzar color de texto #111111 mientras se escribe y cuando está en focus */
.fluentform .ff-el-form-control:focus,
.fluentform .ff-el-form-control:active {
  background-color: transparent !important;
  color: #111111 !important;
  border-color: #8C5A41 !important;
  box-shadow: 0 0 0 2px rgba(140, 90, 65, 0.2) !important;
}

/* Forzar el estilo de texto para el autocompletado de los navegadores (Chrome/Safari) */
.fluentform .ff-el-form-control:-webkit-autofill,
.fluentform .ff-el-form-control:-webkit-autofill:hover,
.fluentform .ff-el-form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #111111 !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Placeholder (texto de sugerencia dentro de la caja) */
.fluentform .ff-el-form-control::placeholder {
  color: #718096 !important;
  opacity: 1;
}

/* --- BOTÓN SIN RELLENO, BORDE #111111 Y RADIUS 8PX --- */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"] {
  background-color: transparent !important;
  border: 1px solid #111111 !important;
  color: #111111 !important;
  border-radius: 8px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: none !important;
  margin-top: 5px !important;
}

.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background-color: #111111 !important;
  color: #ffffff !important;
}/* End custom CSS */