.elementor-1417 .elementor-element.elementor-element-c8ab65f{--display:flex;--min-height:490px;--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-1417 .elementor-element.elementor-element-c8ab65f:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-c8ab65f > .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-1417 .elementor-element.elementor-element-39fc661 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:58px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-1417 .elementor-element.elementor-element-11decfc .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-1417 .elementor-element.elementor-element-13f6ffe{--display:flex;--padding-top:10px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1417 .elementor-element.elementor-element-5a459e9{padding:0px 0px 0px 26px;border-style:solid;border-width:0px 0px 0px 3px;border-color:#FEC427;}.elementor-1417 .elementor-element.elementor-element-5a459e9 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-1417 .elementor-element.elementor-element-4e9e24f{--display:flex;--padding-top:10px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-1417 .elementor-element.elementor-element-dd5131d.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1417 .elementor-element.elementor-element-c8ab65f:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-c8ab65f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1417 .elementor-element.elementor-element-c8ab65f:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-c8ab65f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1417 .elementor-element.elementor-element-39fc661 .elementor-heading-title{font-size:34px;}.elementor-1417 .elementor-element.elementor-element-11decfc .elementor-heading-title{font-size:34px;}}/* Start custom CSS for shortcode, class: .elementor-element-134c67f *//* ==========================================================================
   1. ROMPER DISTRIBUCIÓN NATIVA DE WOOCOMMERCE (ANCHO COMPLETO)
   ========================================================================== */

/* Forzar al contenedor de detalles a ocupar todo el ancho */
.checkout-cursos-container .col2-set,
.checkout-cursos-container #customer_details {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    float: none !important;
}

/* Hacer que la columna de facturación (col-1) sea de ancho completo */
.checkout-cursos-container .col2-set .col-1,
.checkout-cursos-container #customer_details .col-1 {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    float: none !important;
    padding: 10 !important;
}

/* Ocultar por completo la columna derecha de Información Adicional */
.checkout-cursos-container .col2-set .col-2,
.checkout-cursos-container #customer_details .col-2 {
    display: none !important;
}

/* ==========================================================================
   2. REJILLA BASE DE 3 COLUMNAS (SISTEMA GRID MODERNO ANTE AJAX)
   ========================================================================== */
.checkout-cursos-container .woocommerce-billing-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px 20px !important;
}

/* Resetear las filas nativas para que se integren perfectamente al Grid */
.checkout-cursos-container .woocommerce-billing-fields__field-wrapper .form-row {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 10 !important;
    box-sizing: border-box !important;
}

/* Ocultar los limpiadores de flotado nativos que rompen el orden */
.checkout-cursos-container .woocommerce-billing-fields__field-wrapper .clear {
    display: none !important;
}

/* ==========================================================================
   3. FORZAR ORDEN ESTRICTO DE CAMPOS EN LA REJILLA
   ========================================================================== */

/* FILA 1 */
.checkout-cursos-container #billing_first_name_field { order: 1 !important; }
.checkout-cursos-container #billing_last_name_field  { order: 2 !important; }
.checkout-cursos-container #billing_phone_field      { order: 3 !important; }

/* FILA 2 */
.checkout-cursos-container #billing_country_field    { order: 4 !important; }
.checkout-cursos-container #billing_city_field       { order: 5 !important; }
.checkout-cursos-container #billing_email_field      { order: 6 !important; }

/* FILA 3 - Selectores Dinámicos (Soporta tus diferentes IDs de PHP) */
.checkout-cursos-container #billing_curso_virtual_field,
.checkout-cursos-container #billing_curso_seleccionado_field,
.checkout-cursos-container #billing_programa_seleccionado_field { 
    order: 7 !important; 
    grid-column: span 1 !important; 
}
.checkout-cursos-container #billing_documento_adjunto_field { 
    order: 8 !important; 
    grid-column: span 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ==========================================================================
   4. ESTILOS UNIFICADOS DE INPUTS Y SELECTS (DISEÑO GRIS redondeado)
   ========================================================================== */
.checkout-cursos-container .woocommerce-billing-fields__field-wrapper .input-text,
.checkout-cursos-container .woocommerce-billing-fields__field-wrapper select,
.checkout-cursos-container #billing_curso_virtual,
.checkout-cursos-container #billing_curso_seleccionado,
.checkout-cursos-container #billing_programa_seleccionado,
.checkout-cursos-container #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-shadow: none !important;
    box-sizing: border-box !important;
}

/* Modificador del botón de subir archivo */
.checkout-cursos-container #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;
}

/* Adaptación para el .elementor-1417 .elementor-element.elementor-element-134c67f de País (Select2) */
.checkout-cursos-container .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;
}
.checkout-cursos-container .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
    font-size: 14px !important;
    padding-left: 8px !important;
    line-height: 45px !important;
}
.checkout-cursos-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px !important;
    top: 20px !important;
    bottom: -40px !important;
    right: 10px !important;
}

/* Control estricto de asteriscos y etiquetas opcionales */
.checkout-cursos-container #billing_phone_field label::after {
    content: " *" !important;
    color: #a00 !important;
    font-weight: bold !important;
    display: inline-block !important;
}
.checkout-cursos-container .form-row label .optional {
    display: none !important;
}

/* ==========================================================================
   5. LIMPIEZA RADICAL DE COMPONENTES NATIVOS DE WOOCOMMERCE
   ========================================================================== */

/* ELIMINA EL CUADRO INTRUSO DE PRECIO: Ocultación absoluta de la tabla de revisión nativa */
.checkout-cursos-container table.shop_table,
.checkout-cursos-container .woocommerce-checkout-review-order-table {
    display: none !important;
}

/* Ocultar otros títulos y avisos redundantes del tema */
.checkout-cursos-container .woocommerce-notice,
.checkout-cursos-container .woocommerce-form-coupon-toggle,
.checkout-cursos-container .woocommerce-billing-fields > h3,
.checkout-cursos-container .woocommerce-additional-fields,
.checkout-cursos-container #order_review_heading,
.checkout-cursos-container .woocommerce-privacy-policy-text {
    display: none !important;
}

/* ==========================================================================
   6. SECCIÓN DE BOTONES Y PASARELA
   ========================================================================== */
.checkout-cursos-container #payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.checkout-cursos-container #payment ul.payment_methods {
    display: none !important;
}

/* Estilo por si necesitas heredar el botón nativo #place_order */
.checkout-cursos-container #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;
}
.checkout-cursos-container #place_order:hover {
    background-color: #E5B01F !important;
}

/* ==========================================================================
   7. ADAPTABILIDAD RESPONSIVE
   ========================================================================== */

/* Tablets (Ancho menor a 1024px) - Pasa a 2 Columnas */
@media (max-width: 1024px) {
    .checkout-cursos-container .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    .checkout-cursos-container #billing_curso_virtual_field,
    .checkout-cursos-container #billing_curso_seleccionado_field,
    .checkout-cursos-container #billing_programa_seleccionado_field,
    .checkout-cursos-container #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) {
    .checkout-cursos-container .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .checkout-cursos-container #billing_curso_virtual_field,
    .checkout-cursos-container #billing_curso_seleccionado_field,
    .checkout-cursos-container #billing_programa_seleccionado_field,
    .checkout-cursos-container #billing_documento_adjunto_field {
        grid-column: span 1 !important;
    }
    .checkout-cursos-container #place_order {
        width: 100% !important;
        min-width: unset !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd5131d *//* 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 */