.elementor-765 .elementor-element.elementor-element-ef874b5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-765 .elementor-element.elementor-element-ef874b5:not(.elementor-motion-effects-element-type-background), .elementor-765 .elementor-element.elementor-element-ef874b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F0B3F;}.elementor-765 .elementor-element.elementor-element-c5ad355{--display:flex;--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-eael-fluentform .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-fluentform .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-fluentform .eael-fluentform-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-eael-fluentform .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-fluentform .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-eael-fluentform .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-765 .elementor-element.elementor-element-ce3f1cf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form{border-radius:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=text]):not([type=email]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group textarea, .elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group select{text-align:center;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group input[type=email] {float:center;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group input[type=text] {float:center;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group textarea, .elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group select{text-indent:3px;padding:0px 0px 0px 0px;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group select{width:100%;height:47px;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group textarea{width:79%;height:10%;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group{margin-bottom:15px;}.elementor-765 .elementor-element.elementor-element-ce3f1cf .eael-contact-form.eael-fluent-form-wrapper .ff-el-group .ff-btn-submit{background-color:#409EFF !important;color:#ffffff !important;}@media(min-width:768px){.elementor-765 .elementor-element.elementor-element-ef874b5{--content-width:1200px;}.elementor-765 .elementor-element.elementor-element-c5ad355{--width:100%;}}/* Start custom CSS for eael-fluentform, class: .elementor-element-ce3f1cf */@keyframes neon {
    0% {
        box-shadow: 0 0 5px #0ac2ca, 0 0 10px #0ac2ca, 0 0 20px #0ac2ca, 0 0 40px #0ac2ca, 0 0 80px #0ac2ca;
    }
    0% {
        box-shadow: 0 0 10px #0ac2ca, 0 0 20px #0ac2ca, 0 0 40px #0ac2ca, 0 0 80px #0ac2ca, 0 0 160px #0ac2ca;
    }
    1% {
        box-shadow: 0 0 5px #0ac2ca, 0 0 10px #0ac2ca, 0 0 20px #0ac2ca, 0 0 40px #0ac2ca, 0 0 80px #0ac2ca;
    }
}

@keyframes button-neon {
    0% {
        box-shadow: 0 0 5px #6b20ff, 0 0 10px #6b20ff, 0 0 20px #6b20ff, 0 0 40px #6b20ff, 0 0 80px #6b20ff;
    }
    0% {
        box-shadow: 0 0 10px #6b20ff, 0 0 20px #6b20ff, 0 0 40px #6b20ff, 0 0 80px #6b20ff, 0 0 160px #6b20ff;
    }
    0% {
        box-shadow: 0 0 5px #6b20ff, 0 0 10px #6b20ff, 0 0 20px #6b20ff, 0 0 40px #6b20ff, 0 0 80px #6b20ff;
    }
}

.container {
    font-family: Montserrat, sans-serif;
    color: #fff;
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 0px;
    text-align: center;
}

h1.fronteeen {
    color: #fff;
}

.payment-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.payment-option {
    background-color: #72727228;
    padding: 20px;
    border-radius: 15px;
    transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
    border: solid 2px #3a3a72;
    text-align: center;
}

.payment-option:hover {
    background-color: #3a3a72;
    color: #0ac2ca;
    animation: neon 1.5s infinite alternate;
        border: solid 2px;
    border-color: #ffffff;
}

.payment-option h2 {
    color: #ffffff;
}

.payment-option p {
    color: #fff;
}

.badge {
    border-color: #0ac2ca;
    color: #0ff3ff;
    padding: 10px 10px;
    border-radius: 25px;
    font-size: 0.3em;
    border: solid 2px;
}

.comunicate_asesores:hover {
    animation: neon 1.5s infinite alternate;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5ad355 */.custom-radio-field {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas */
    gap: 20px; /* Espacio entre las tarjetas */
    background-color: #5A1E99; /* Fondo del área completa */
    padding: 20px;
    border-radius: 10px;
}

.custom-radio-field .payment-card {
    background-color: #7227B4;
    padding: 20px;
    border-radius: 10px;
    color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-radio-field .payment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-radio-field .payment-title {
    font-size: 18px;
    font-weight: bold;
}

.custom-radio-field .badge {
    padding: 5px 10px;
    border-radius: 15px;
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.custom-radio-field .economico {
    background-color: #00D8F8; /* Color azul para "MÁS ECONÓMICO" */
}

.custom-radio-field .flexible {
    background-color: #00D8F8; /* Color para "MÁS FLEXIBLE" */
}

.custom-radio-field .nacionales {
    background-color: #00D8F8; /* Color para "NACIONALES" */
}

.custom-radio-field p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
}

.custom-radio-field input[type="radio"] {
    margin-right: 10px;
    accent-color: #ffffff; /* Color del radio button */
}/* End custom CSS */
/* Start custom CSS */.metodo_de_pago_aic{
    display: flex;
    justify-content: center; /* Para centrar horizontalmente */
    align-items: center; /* Para centrar verticalmente */
    margin: 20px 0; /* Ajusta el margen según sea necesario */
}






/* ###### 3 */

/* Estilo para el contenedor principal */
.pagar_bootcamp_container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Estilo para el botón de pago */
.boton_realiza_tu_pago a {
    color: #463d78;
    background-color: #49e387;
    font-size: 19px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: bold;
    padding: 0.8rem 3rem;
    display: inline-block;
    text-align: center;
    margin-right: 20px; /* Espacio entre el botón y el contenedor de comprobante */
}

/* Estilo para el contenedor de comprobante de pago */
.comprobante_de_pago {
    border: 2px dashed #6a45aa; /* Borde punteado */
    border-radius: 10px; /* Esquinas redondeadas */
    padding: 40px 40px; /* Espaciado interno */
    color: #fff; /* Color del texto */
    text-align: center; /* Centrar el texto */
    position: relative; /* Posicionamiento relativo */
    background-image: url('https://admissions.kodigo.org/wp-content/uploads/2024/05/nube.png'); /* URL del icono */
    background-size: 50px; /* Tamaño del icono */
    background-position: center 20px; /* Posición del icono (centrado y 20px desde arriba) */
    background-repeat: no-repeat; /* No repetir el icono */
}

/* Agregar texto antes del contenido del contenedor */
.comprobante_de_pago::before {
    content: "Selecciona o arrastra aquí para subir tu archivo"; /* Texto a agregar */
    display: block; /* Mostrar el contenido en un bloque separado */
    margin-bottom: 20px; /* Espacio debajo del texto */
    color: #fff; /* Color del texto */
}

/* Estilo para el botón de subir archivo */
.comprobante_de_pago button {
    color: #fff; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    border: none; /* Sin borde */
    border-radius: 5px; /* Esquinas redondeadas */
    cursor: pointer; /* Cambiar el cursor al pasar por encima */
    transition: background-color 0.3s ease; /* Transición suave */
}

/* Efecto hover para el botón de subir archivo */
.comprobante_de_pago button:hover {
    background-color: #8b00af; /* Color de fondo al pasar por encima */
}



/* ###### boton guardar y reanudar */
.boton_guardar {
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    height: 100%; /* Asegurar que el contenedor tome toda la altura disponible */
}

/* Estilo para el botón guardar y reanudar */
.boton_guardar_elemento {
    color: #ffffff; /* Color del texto */
    background-color: #007bff; /* Color de fondo inicial */
    font-size: 16px; /* Tamaño de la fuente */
    border-radius: 5px; /* Esquinas redondeadas */
    text-decoration: none; /* Sin subrayado */
    font-weight: bold; /* Texto en negrita */
    padding: 0.8rem 1.5rem; /* Espaciado interno */
    border: none; /* Sin borde */
    cursor: pointer; /* Cursor de puntero */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transición suave para hover */
}

.boton_guardar_elemento:hover {
    background-color: #0056b3; /* Color de fondo en hover */
    color: #ffffff; /* Color del texto en hover */
}


/* Efecto para seleccion de metodo de pago */
.metodo_de_pago_aic_elemento:hover {
    animation: neon 1.5s infinite alternate;
}

/*color texto de numero telefonico */
.iti__country-name{
    color: #1f0b3f;
}/* End custom CSS */