.elementor-585 .elementor-element.elementor-element-610c7516{--display:flex;--min-height:70vh;--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;overflow:visible;}.elementor-585 .elementor-element.elementor-element-610c7516.e-con{--align-self:center;}.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-585 .elementor-element.elementor-element-80328cb{padding:25px 25px 25px 25px;z-index:999;}.elementor-585 .elementor-element.elementor-element-80328cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-585 .elementor-element.elementor-element-5a783da9{z-index:999;}.elementor-585 .elementor-element.elementor-element-5a783da9 .gk-gravity-form{text-align:left;padding:25px 25px 25px 25px;}.elementor-585 .elementor-element.elementor-element-6509938{--display:flex;--min-height:70vh;--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;overflow:visible;}.elementor-585 .elementor-element.elementor-element-6509938.e-con{--align-self:center;}.elementor-585 .elementor-element.elementor-element-220343a{padding:25px 25px 25px 25px;z-index:999;}.elementor-585 .elementor-element.elementor-element-220343a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-585 .elementor-element.elementor-element-ff2bbb7{z-index:999;}.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gk-gravity-form{text-align:left;padding:25px 25px 25px 25px;}#elementor-popup-modal-585 .dialog-widget-content{animation-duration:0.8s;background-color:#252525;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 50px 50px 0px;}#elementor-popup-modal-585 .dialog-message{width:420px;height:70vh;align-items:center;}#elementor-popup-modal-585{justify-content:flex-end;align-items:flex-end;}#elementor-popup-modal-585 .dialog-close-button{display:flex;top:4%;background-color:#252525;font-size:27px;}body:not(.rtl) #elementor-popup-modal-585 .dialog-close-button{right:8%;}body.rtl #elementor-popup-modal-585 .dialog-close-button{left:8%;}#elementor-popup-modal-585 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-585 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-585 .elementor-element.elementor-element-610c7516{--content-width:100%;--min-height:100vh;--justify-content:center;}.elementor-585 .elementor-element.elementor-element-6509938{--content-width:100%;--min-height:100vh;--justify-content:center;}#elementor-popup-modal-585 .dialog-message{width:100vw;height:100vh;}#elementor-popup-modal-585{justify-content:center;align-items:center;}#elementor-popup-modal-585 .dialog-close-button{font-size:29px;}#elementor-popup-modal-585 .dialog-widget-content{margin:0px 0px 0px 0px;}}/* Start custom CSS for gk_elementor_gravity_form, class: .elementor-element-5a783da9 *//* =========================================
   ESTILOS GENERALES Y SEPARACIÓN
   ========================================= */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
}

/* Ocultar etiquetas visuales */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_label {
    display: none !important;
}

/* Forzar campo de email y confirmación a una sola columna */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield .ginput_container_email {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; /* Espacio intermedio entre Email y Confirmar Email */
}

.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield .ginput_container_email span {
    width: 100% !important;
    max-width: 100% !important;
}

/* Quita cualquier margen/padding extra interno del segundo campo */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield .ginput_container_email span:last-child {
    margin-bottom: 0 !important;
}

/* =========================================
   INPUTS DE TEXTO (Píldoras)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper input[type="text"],
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper input[type="email"],
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper input[type="tel"] {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 18px 25px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    
    box-shadow: none !important;
    width: 100% !important;
}

/* =========================================
   ÁREA DE TEXTO (Mensaje)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper textarea {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: none !important;
    border-radius: 25px !important; 
    padding: 20px 25px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    
    box-shadow: none !important;
    width: 100% !important;
    min-height: 120px !important;
    resize: none !important; 
}

/* =========================================
   PLACEHOLDERS (Textos internos)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper input::placeholder,
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper textarea::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* =========================================
   CHECKBOX (Política de Privacidad)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_checkbox {
    margin-top: 15px !important;
}

.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_checkbox li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}

/* Caja del checkbox personalizada */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 24px !important;
    height: 24px !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: none !important;
    border-radius: 4px !important;
    margin-right: 15px !important;
    margin-top: 0 !important;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

/* Símbolo cuando el checkbox está marcado */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texto de la política */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_checkbox label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
}

.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_checkbox label a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* =========================================
   BOTÓN DE ENVIAR
   ========================================= */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gform_footer {
    margin-top: 25px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gform_button {
    background-color: #ffffff !important;
    color: #1a5c7a !important; 
    border: none !important;
    border-radius: 50px !important;
    padding: 18px 30px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    width: 100% !important; 
    cursor: pointer !important;
    transition: transform 0.3s ease, background-color 0.3s ease !important;
}

/* Efecto hover del botón */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gform_button:hover {
    background-color: #f5f5f5 !important;
    transform: scale(1.02);
}

/* =========================================
   ESTILOS GENERALES Y SEPARACIÓN
   ========================================= */
/* Controla la separación de la cuadrícula base de Gravity Forms */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gform_fields {
    row-gap: 10px !important; /* Reduce o aumenta este valor a tu gusto */
}

/* Controla el margen adicional debajo de cada campo */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield {
    margin-bottom: 15px !important; /* Antes lo tenías en 20px, redúcelo a 5px o 0 */
    padding-bottom: 0 !important;
}

/* Ocultar etiquetas visuales */
.elementor-585 .elementor-element.elementor-element-5a783da9 .gform_wrapper .gfield_label {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for gk_elementor_gravity_form, class: .elementor-element-ff2bbb7 *//* =========================================
   ESTILOS GENERALES Y SEPARACIÓN
   ========================================= */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield {
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
}

/* Ocultar etiquetas visuales */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_label {
    display: none !important;
}

/* Forzar campo de email y confirmación a una sola columna */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield .ginput_container_email {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; /* Espacio intermedio entre Email y Confirmar Email */
}

.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield .ginput_container_email span {
    width: 100% !important;
    max-width: 100% !important;
}

/* Quita cualquier margen/padding extra interno del segundo campo */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield .ginput_container_email span:last-child {
    margin-bottom: 0 !important;
}

/* =========================================
   INPUTS DE TEXTO (Píldoras)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper input[type="text"],
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper input[type="email"],
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper input[type="tel"] {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 18px 25px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    
    box-shadow: none !important;
    width: 100% !important;
}

/* =========================================
   ÁREA DE TEXTO (Mensaje)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper textarea {
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: none !important;
    border-radius: 25px !important; 
    padding: 20px 25px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    
    box-shadow: none !important;
    width: 100% !important;
    min-height: 120px !important;
    resize: none !important; 
}

/* =========================================
   PLACEHOLDERS (Textos internos)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper input::placeholder,
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper textarea::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 400 !important;
}

/* =========================================
   CHECKBOX (Política de Privacidad)
   ========================================= */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_checkbox {
    margin-top: 15px !important;
}

.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_checkbox li {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
}

/* Caja del checkbox personalizada */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 24px !important;
    height: 24px !important;
    background-color: rgba(255, 255, 255, 0.25) !important;
    border: none !important;
    border-radius: 4px !important;
    margin-right: 15px !important;
    margin-top: 0 !important;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

/* Símbolo cuando el checkbox está marcado */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Texto de la política */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_checkbox label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
}

.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_checkbox label a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* =========================================
   BOTÓN DE ENVIAR
   ========================================= */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gform_footer {
    margin-top: 25px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gform_button {
    background-color: #ffffff !important;
    color: #1a5c7a !important; 
    border: none !important;
    border-radius: 50px !important;
    padding: 18px 30px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    width: 100% !important; 
    cursor: pointer !important;
    transition: transform 0.3s ease, background-color 0.3s ease !important;
}

/* Efecto hover del botón */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gform_button:hover {
    background-color: #f5f5f5 !important;
    transform: scale(1.02);
}

/* =========================================
   ESTILOS GENERALES Y SEPARACIÓN
   ========================================= */
/* Controla la separación de la cuadrícula base de Gravity Forms */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gform_fields {
    row-gap: 10px !important; /* Reduce o aumenta este valor a tu gusto */
}

/* Controla el margen adicional debajo de cada campo */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield {
    margin-bottom: 15px !important; /* Antes lo tenías en 20px, redúcelo a 5px o 0 */
    padding-bottom: 0 !important;
}

/* Ocultar etiquetas visuales */
.elementor-585 .elementor-element.elementor-element-ff2bbb7 .gform_wrapper .gfield_label {
    display: none !important;
}/* End custom CSS */