.elementor-1057 .elementor-element.elementor-element-ea28e6a{--display:flex;--min-height:540px;--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;--margin-top:-94px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1057 .elementor-element.elementor-element-ea28e6a:not(.elementor-motion-effects-element-type-background), .elementor-1057 .elementor-element.elementor-element-ea28e6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ilaeglobal.com/wp-content/uploads/2026/05/Group-2331.png");background-position:0px -60px;background-repeat:no-repeat;}.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-1057 .elementor-element.elementor-element-849cf0e .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:58px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-1057 .elementor-element.elementor-element-40a6df9 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1057 .elementor-element.elementor-element-3757435 .elementor-button{background-color:#009B8B;font-family:"Exo", Sans-serif;font-size:16px;font-weight:500;border-radius:36px 36px 36px 36px;padding:14px 14px 14px 14px;}.elementor-1057 .elementor-element.elementor-element-3757435{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1057 .elementor-element.elementor-element-7cad7d0f{--display:flex;--padding-top:10px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1057 .elementor-element.elementor-element-90a66bc{padding:0px 0px 0px 26px;border-style:solid;border-width:0px 0px 0px 3px;border-color:#FEC427;}.elementor-1057 .elementor-element.elementor-element-90a66bc .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-widget-woocommerce-checkout-page .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1057 .elementor-element.elementor-element-9fe04ba{--billing-details-title-alignment:center;--sections-border-type:none;--sections-padding:30px 10px 0px 10px;--forms-fields-padding:0px 0px 0px 0px;}.elementor-1057 .elementor-element.elementor-element-9fe04ba .woocommerce-shipping-fields{--shipping-heading-padding-start:10px;}.elementor-1057 .elementor-element.elementor-element-9fe04ba .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (0px*2) + 16px );padding-left:0px;padding-right:0px;}.elementor-1057 .elementor-element.elementor-element-9fe04ba .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (0px*2) + 16px );right:0px;}.elementor-1057 .elementor-element.elementor-element-9fe04ba .select2-container--default .select2-selection--single{height:auto;}.elementor-1057 .elementor-element.elementor-element-9fe04ba .woocommerce-button{padding:0px 0px 0px 0px;width:auto;}.elementor-1057 .elementor-element.elementor-element-a16ba55.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1057 .elementor-element.elementor-element-ea28e6a:not(.elementor-motion-effects-element-type-background), .elementor-1057 .elementor-element.elementor-element-ea28e6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1057 .elementor-element.elementor-element-3757435 .elementor-button{font-size:11px;}}@media(max-width:767px){.elementor-1057 .elementor-element.elementor-element-ea28e6a{--min-height:490px;}.elementor-1057 .elementor-element.elementor-element-ea28e6a:not(.elementor-motion-effects-element-type-background), .elementor-1057 .elementor-element.elementor-element-ea28e6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-662px -78px;}.elementor-1057 .elementor-element.elementor-element-849cf0e .elementor-heading-title{font-size:34px;}.elementor-1057 .elementor-element.elementor-element-40a6df9{text-align:center;}.elementor-1057 .elementor-element.elementor-element-40a6df9 .elementor-heading-title{font-size:16px;}.elementor-1057 .elementor-element.elementor-element-9fe04ba{--sections-padding:30px 10px 0px 10px;}.elementor-1057 .elementor-element.elementor-element-9fe04ba .woocommerce-shipping-fields{--shipping-heading-padding-start:10px;}}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-9fe04ba *//* ==========================================================================
   CSS DEFINITIVO: SINCRONIZACIÓN DE CAMPOS REALES Y RESPONSIVE EN REJILLA
   ========================================================================== */

/* 1. Ocultación y Limpieza General de Estructuras de WooCommerce */
.woocommerce-checkout #order_review,
.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
#payment {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-billing-fields h3,
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table .cart_item,
.woocommerce-checkout-review-order-table .cart-subtotal {
    display: none !important;
}

.woocommerce-checkout-review-order-table {
    border: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
}

/* 2. Rejilla Base de 3 Columnas para Pantallas Grandes (Escritorio) */
.woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px 20px !important;
}

/* Forzar a todas las filas nativas a integrarse al Grid */
.woocommerce-billing-fields__field-wrapper p.form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Estilos unificados para Inputs, Selects nativos y Campos Dinámicos */
.woocommerce-checkout .input-text,
.woocommerce-checkout select,
#billing_curso_seleccionado,
#billing_programa_seleccionado,
#billing_documento_adjunto {
    background-color: #DCDCDC !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 14px 15px !important;
    height: 52px !important;
    font-size: 14px !important;
    color: #444 !important;
    appearance: none !important;
    box-sizing: border-box !important;
}

/* Forzar visualización correcta del contenedor del archivo en el Grid */
#billing_documento_adjunto_field {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* Modificador del botón nativo del explorador para subir archivos */
#billing_documento_adjunto::-webkit-file-upload-button {
    background: #555555 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 2px 10px !important;
    margin-right: 10px !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

/* 4. SOLUCIÓN AL BOTÓN DE PAÍS (Select2 de WooCommerce) */
.woocommerce-checkout .select2-container--default .select2-selection--single {
    background-color: #DCDCDC !important;
    border: none !important;
    border-radius: 12px !important;
    height: 45px !important;
    padding-left: 7px !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
    font-size: 14px !important;
    padding-left: 8px !important;
    line-height: 45px !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
    top: 0 !important;
    right: 10px !important;
}

/* ==========================================================================
   5. Formateo del Bloque del Precio Central (CON LOS NUEVOS TÍTULOS)
   ========================================================================== */
.woocommerce-checkout-review-order-table tfoot {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

.woocommerce-checkout-review-order-table .order-total {
    display: block !important;
    padding: 0 !important;
    border: none !important;
}

.woocommerce-checkout-review-order-table .order-total th {
    display: none !important;
}

.woocommerce-checkout-review-order-table .order-total td {
    display: block !important;
    width: 100% !important;
    font-family: sans-serif !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    color: #111111 !important;
    text-align: center !important;
    border: none !important;
}

/* TÍTULO NUEVO ARRIBA DEL PRECIO */
.woocommerce-checkout-review-order-table .order-total td::before {
    content: "Separa tu cupo pagando ahora tu admisión y matrícula" !important;
    display: block !important;
    font-size: 15px !important;
    color: #333333 !important;
    font-weight: 400 !important;
    margin-bottom: -10px !important;
    margin-top: -40px !important;
    font-family: sans-serif !important;
}

/* TEXTO 1 ABAJO DEL PRECIO */
.woocommerce-checkout-review-order-table .order-total td::after {
    content: "*Concepto de admisión y matrícula" !important;
    display: block !important;
    font-size: 13px !important;
    color: #666666 !important;
    font-weight: 400 !important;
    margin-top: -20px !important;
}

/* TEXTO 2 NUEVO AL FINAL (Ocupamos el contenedor del tfoot para inyectarlo abajo) */
.woocommerce-checkout-review-order-table tfoot::after {
    content: "*No incluye mensualidad" !important;
    display: block !important;
    font-size: 13px !important;
    color: #666666 !important;
    font-weight: 300 !important;
    margin-top: -20px !important;
    margin-bottom: -30px !important;
    text-align: center !important;
    font-family: sans-serif !important;
}

/* Alerta de aviso o métodos de pago sin configurar */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-notice {
    text-align: center !important;
    margin: 15px auto !important;
    max-width: 600px !important;
}

/* 6. Estilo del Botón de Acción Principal */
.woocommerce-checkout #place_order {
    background-color: #FFC423 !important;
    color: #000000 !important;
    font-family: sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 15px 40px !important;
    display: block !important;
    width: auto !important;
    min-width: 320px !important;
    margin: 25px auto 0 auto !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.woocommerce-checkout #place_order:hover {
    background-color: #E5B01F !important;
}

.woocommerce-privacy-policy-text {
    display: none !important;
}

.woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 20px auto 0 auto !important;
    font-size: 13px !important;
    color: #444 !important;
}

/* Ocultar las palabras "(opcional)" de las etiquetas del checkout */
.woocommerce-checkout .form-row label .optional {
    display: none !important;
}

/* Forzar asterisco rojo de obligatorio en el campo de Teléfono */
#billing_phone_field label::after {
    content: " *" !important;
    color: #a00 !important;
    font-weight: bold !important;
    display: inline-block !important;
}

/* ==========================================================================
   8. FORZAR ORDEN ESTRICTO DE CAMPOS EN LA REJILLA (PREVIENE REORDENAMIENTO AJAX)
   ========================================================================== */

/* FILA 1 */
#billing_first_name_field {
    order: 1 !important;
}
#billing_last_name_field {
    order: 2 !important;
}
#billing_phone_field {
    order: 3 !important;
}

/* FILA 2 */
#billing_country_field {
    order: 4 !important;
}
#billing_city_field {
    order: 5 !important;
}
#billing_email_field {
    order: 6 !important;
}

/* FILA 3 (Sincronizado con tus IDs reales de PHP) */
#billing_curso_seleccionado_field,
#billing_programa_seleccionado_field {
    order: 7 !important;
    grid-column: span 1 !important;
}
#billing_documento_adjunto_field {
    order: 8 !important;
    grid-column: span 1 !important;
}

/* ==========================================================================
   9. ADAPTABILIDAD 100% RESPONSIVE
   ========================================================================== */

/* Tablets (Ancho menor a 1024px) - Pasa a 2 Columnas */
@media (max-width: 1024px) {
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    /* En tablet se adaptan a ocupar una columna de las dos disponibles */
    #billing_curso_seleccionado_field,
    #billing_programa_seleccionado_field,
    #billing_documento_adjunto_field {
        grid-column: span 1 !important;
    }
}

/* Móviles (Ancho menor a 767px) - Todo en 1 sola Columna vertical */
@media (max-width: 767px) {
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    #billing_curso_seleccionado_field,
    #billing_programa_seleccionado_field,
    #billing_documento_adjunto_field {
        grid-column: span 1 !important;
    }
    
    .woocommerce-checkout #place_order {
        width: 100% !important;
        min-width: unset !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
    }
    
    .woocommerce-checkout-review-order-table .order-total td {
        font-size: 34px !important;
    }

    /* Ajustar tamaño de los textos nuevos en móviles para que no se corten */
    .woocommerce-checkout-review-order-table .order-total td::before {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a16ba55 *//* Contenedor Flexbox para ponerlos en línea */
.checkout-botones-custom-container {
    display: flex;
    gap: 15px;
    margin: 25px 0;
}

/* Estilos de tus botones */
.btn-custom-chk {
    padding: 14px 28px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

/* Botón Pagar Ahora (Negro) */
.chk-negro {
    background-color: #000000;
    color: #ffffff;
}
.chk-negro:hover {
    background-color: #222222;
}

/* Botón Recibir Link (Amarillo) */
.chk-amarillo {
    background-color: #FFCC00;
    color: #000000;
}
.chk-amarillo:hover {
    background-color: #E6B800;
}

/* OCULTAR EL BOTÓN REAL Y LAS PASARELAS NATIVAS DE ABAJO */
/* De esta forma el usuario solo interactúa con tus dos botones perfectos de arriba */
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #place_order {
    display: none !important;
}/* End custom CSS */