.elementor-8260 .elementor-element.elementor-element-5a5e1f5{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.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-8260 .elementor-element.elementor-element-a241950{text-align:center;}.elementor-8260 .elementor-element.elementor-element-a241950 .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:32px;font-weight:400;color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-field-type-html{padding-bottom:0px;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-button{font-family:"Metropolis", Sans-serif;font-size:23px;font-weight:900;border-radius:12px 12px 12px 12px;padding:20px 30px 20px 30px;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .e-form__buttons__wrapper__button-next{background-color:#FF5923;color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-button[type="submit"]{background-color:#FF5923;color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .e-form__buttons__wrapper__button-previous{background-color:#FF5923;color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8260 .elementor-element.elementor-element-1ba01f4{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-8260 .dialog-widget-content{animation-duration:1.2s;background-color:#00000000;border-radius:12px 12px 12px 12px;}#elementor-popup-modal-8260{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8260 .dialog-message{width:600px;height:auto;}@media(max-width:767px){.elementor-8260 .elementor-element.elementor-element-5a5e1f5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-8260 .elementor-element.elementor-element-a241950 .elementor-heading-title{font-size:22px;line-height:1.4em;}.elementor-8260 .elementor-element.elementor-element-1ba01f4 .elementor-button{font-size:14px;}}/* Start custom CSS for form, class: .elementor-element-1ba01f4 *//* --- 1. CONFIGURACIÓN DE LOS CAMPOS (INPUTS) --- */
/* Damos estilo a los campos y dejamos espacio a la izquierda para el icono */

.luis-popup-form .elementor-field-group {
    position: relative; /* Necesario para que el icono se posicione bien */
}

.luis-popup-form .elementor-field-group .elementor-field {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 50px !important; /* Bordes redondos en los campos */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    height: 55px;
    padding-left: 50px !important; /* Espacio extra para que quepa el icono */
    transition: all 0.3s ease;
}

/* Efecto al hacer clic en el campo */
.luis-popup-form .elementor-field-group .elementor-field:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
}

/* Color del texto de ayuda (placeholder) */
.luis-popup-form ::placeholder {
    color: #aaaaaa;
    font-size: 0.9rem;
}

/* --- 2. LOS ICONOS (FontAwesome) --- */
/* Configuración general de los iconos */
.luis-popup-form .campo-usuario::before,
.luis-popup-form .campo-email::before,
.luis-popup-form .campo-telefono::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%); /* Centrado vertical perfecto */
    color: #aaaaaa;
    font-size: 18px;
    z-index: 10;
    pointer-events: none;
}

/* Asignación de iconos específicos */
.luis-popup-form .campo-usuario::before {
    content: "\f007"; /* Icono Usuario */
}

.luis-popup-form .campo-email::before {
    content: "\f0e0"; /* Icono Email */
}

.luis-popup-form .campo-telefono::before {
    content: "\f095"; /* Icono Teléfono */
}

/* --- 3. CHECKBOX (Opcional) --- */
/* Solo color del checkbox, sin tocar nada más */
.luis-popup-form input[type="checkbox"] {
    accent-color: #FF5923;
}

.luis-popup-form .elementor-field-type-checkbox label {
    color: #ffffff !important;
}

/* --- 4. LA "X" DE CERRAR (Mover hacia arriba) --- */
.dialog-lightbox-close-button {
    top: -45px !important; /* La subimos bastante fuera del recuadro */
    right: -10px !important;
    opacity: 1 !important;
    background-color: transparent !important;
}

.dialog-lightbox-close-button i {
    color: #ffffff !important; /* Asegura que la X sea blanca */
    font-size: 25px !important; /* Tamaño de la X */
}

/* --- 5. CONTENEDOR DEL POPUP --- */
/* Eliminar bordes redondeados del cuadrado del popup (opcional) */
.dialog-widget-content, 
.elementor-popup-modal .dialog-message {
    border-radius: 0px !important;
}/* End custom CSS */
/* Start custom CSS *//* --- 1. LA TARJETA GLASS (El contenedor del form) --- */
.luis-glass-card {
    /* Fondo Negro Glass Profundo */
    background: rgba(10, 10, 10, 0.75) !important;
    
    /* El efecto de borrosidad detrás */
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    
    /* Bordes finos premium */
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.15); /* Luz arriba */
    
    /* Sombra potente para que flote */
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
    
    /* Espaciado interno generoso */
    padding: 40px 30px !important;
    
    /* Aseguramos ancho máximo */
    max-width: 100%;
    
    /* IMPORTANTE: Si quieres esquinas cuadradas (NO redondeadas), deja esto en 0px */
    border-radius: 0px !important; 
}

/* --- 2. LA "X" DE CERRAR (Hacia Arriba y Afuera) --- */
.elementor-popup-modal .dialog-close-button {
    top: -45px !important; /* LA SUBIMOS FUERA DE LA CAJA */
    right: -10px !important;
    
    /* Le quitamos el fondo para que sea limpia, o déjala si te gusta */
    background-color: transparent !important;
    border: none !important;
    
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    color: #ffffff !important;
    font-size: 25px !important; /* Un poco más grande para verla bien */
    transition: all 0.3s ease;
}

.elementor-popup-modal .dialog-close-button:hover {
    transform: rotate(90deg); /* Pequeña animación de giro */
    color: #FF5923 !important;
}

/* --- 3. CAMPOS DEL FORMULARIO (Inputs y Textarea SOLAMENTE) --- */
/* Usamos #elementor-popup-modal-8260es específicos para NO tocar el botón */
.elementor-field-group { position: relative; }

.elementor-field-group input.elementor-field,
.elementor-field-group textarea.elementor-field,
.elementor-field-group select.elementor-field {
    background-color: rgba(0, 0, 0, 0.3) !important; /* Más oscuro para contraste */
    border-radius: 50px !important; /* ¿Quieres los campos redondos o cuadrados? Aquí controlas eso */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    height: 55px;
    padding-left: 50px !important; /* Espacio para iconos */
    transition: all 0.3s ease;
}

.elementor-field-group input.elementor-field:focus,
.elementor-field-group textarea.elementor-field:focus {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 89, 35, 0.5) !important; /* Borde naranja al escribir */
    box-shadow: 0 0 15px rgba(255, 89, 35, 0.1);
}

/* --- 4. ICONOS DENTRO DE LOS CAMPOS --- */
.campo-usuario::before, .campo-email::before, .campo-telefono::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #666; /* Gris elegante */
    font-size: 18px;
    z-index: 10;
    pointer-events: none;
}
.campo-usuario::before { content: "\f007"; }
.campo-email::before { content: "\f0e0"; }
.campo-telefono::before { content: "\f095"; }

/* --- SECCIÓN 5 (BOTÓN) ELIMINADA --- */
/* Ahora controlas el botón desde Elementor */

/* --- 6. CHECKBOX --- */
.elementor-field-type-checkbox label { color: #cccccc !important; }
input[type="checkbox"] { accent-color: #FF5923; }/* End custom CSS */