/* Banner */

header.nav_home {
    position: fixed;
    width: 100%;
    z-index: 10;
    transition: 0.3s ease-in-out;
}

.fondo_header_scrol {
    background-color: var(--color-verde);
    transition: 0.3s ease-in-out;
    top: 0px;
}

.fondo_header_scrol>.uk_section_15 {
    padding-top: 8px;
    padding-bottom: 8px;
}


.fondo_header_scrol .figure_logo_home {
    max-width: 90px;
    transition: 0.3s ease-in-out;
}

.figure_logo_home {
    max-width: 125px;
    margin: 0px;
    transition: 0.3s ease-in-out;
}





.margin_top_banner {
    margin-top: 150px;
}


.seccion_banner {
    height: 100vh;
    min-height: 660px;
}

.empresa_curso_vertical {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    background-color: var(--color-blanco);
    font-family: var(--font-bebas);
    letter-spacing: 2px;
    color: var(--color-cabecera-programa-2);
    display: flex;
    justify-content: center;
    padding: 8px 0px;
    align-items: center;
    font-size: 26px;
}

.align_responsive_banner {
    align-items: center;
}

.fondo_programass {
    background-color: var(--color-plomo-claro);
}

.update_top_formulario {
    top: -40px;
    position: relative;
}

.container_titulos_blancos {
    align-self: start;
}

.pestana_blanca_home {
    background-color: var(--color-blanco);
    padding: 5px 15px;
    margin: 5px 0px;
    align-self: start;
}

/* //transform rotate 180deg */
.pestana_blanca_home h2 {
    font-size: 20px;
    font-weight: 700;
}

.figure_home {
    max-width: 550px;
}

.seccion_banner img,
.section_certificacion_flotante img,
.section_certitficado img,
.container_meses_programa img,
.item_herramientas img {
    width: 100%;
    object-fit: contain;
}

.btn_inscribirme {
    border-radius: 10px;
    border: 2px solid var(--color-blanco);
    margin: 5px 0px;
    background-color: var(--color-naranja);
    /* background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
}

.fondo_header_scrol .btn_inscribirme {
    background-color: var(--color-verde--banner);
}

a.btn_inscribirme,
.btn_principal,.btn_terminos {
    color: var(--color-blanco);
}

.btn_principal {
    border-radius: 10px;
    margin: 5px 0px;
    background-color: var(--color-verde);

}

.btn_terminos {
    border-radius: 10px;
    margin: 5px 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

}

.btn_principal:hover {
    cursor: pointer;
    opacity: 0.7;
    color: var(--color-blanco);
}

.btn_inscribirme:hover {
    cursor: pointer;
}

/* Popup Terminos y condiciones */

.contendro_popup_termino {
    width: 100% !important;
    max-width: 570px !important;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-color: var(--color-plomo-popup);
    ; */
    padding: 30px 15px 10px 15px;
    background-position: right;
}

.contenido_parrafo_terminoscondiciones {
    background-color: var(--color-blanco);
    border-radius: 20px;
    padding: 30px 25px;
}

#modal_terminosycondiciones.uk-modal {
    padding-top: 20px;
    padding-bottom: 20px;
}

.contenido_parrafo_terminoscondiciones p {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 4px;
    color: var(--color-negro);
}

.m_auto_b20 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.uk-modal-close-default:hover {
    cursor: pointer;
}


/* Formulario Home */

.container_formulario_home {
    padding: 20px 0px;
    background-color: var(--color-blanco);
    border-radius: 10px;
    padding: 20px;
    max-width: 300px;
}

.container_formulario_home h3 {
    color: var(--color-verde);
    font-size: 20px;
    font-weight: bold;
}

#terminos a{
    color: var(--color-verde);
}

.container_formulario_home span {
    color: var(--color-verde);
    font-weight: bold;
}

.container_formulario_home .uk-input {

    color: var(--color-negro);
    border-radius: 8px;
    height: 35px;
    font-size: 13px;
}

.border_gray200_g_b_4 {
    border: 1px solid var(--color-negro);
}

.container_formulario_home .uk-checkbox {
    border: 1px solid var(--color-negro);
}

/* .container_formulario_home .uk-input:focus,.container_formulario_home .uk-checkbox:focus {
    border-color: var(--color-rojo);
} */

.error-border {
    border: none;
    border: 1px solid red !important;
    border-radius: 4px;

}

#terminos {
    font-size: 13px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
}

.item_sec_reclamo {
    gap: 10px;
}


/* Certificacion flotante */

.certificado_img_home figure {
    max-width: 100px;
}

.contenedor_Certificado {
    background-color: var(--color-blanco);
    border-radius: 20px;
    padding: 0px 0px 0px 60px;
    width: 100%;
    max-width: 1020px;
    margin-top: -90px;
    display: flex;
    align-items: center;
    z-index: 2;
    border: 1px solid var(--color-blanco);
}

.texto_certificadohome {
    text-align: center;
    padding: 15px 0px;
}

.texto_certificadohome h3 {
    color: var(--color-dark-verde);
    font-weight: 600;
    font-size: 30px;
}

.texto_certificadohome span {
    color: var(--titulo-certificado-banner);
    font-weight: 500;
    font-size: 20px;
}

/* Certificacion */

.section_certitficado {
    background-color: var(--color-hueso);
}

.container_text_certificacion {
    padding-left: 20px;
    padding-right: 20px;
}

.container_text_certificacion h2 {
    font-size: 35px;
    font-weight: bold;
}

.container_text_certificacion p,
.container_text_certificacion li {
    font-size: 20px;
    text-align: justify;
    color: var(--color-negro);
}

.resaltado_franja {
    /* content: "";
    display: block;
    width: 90px;
    height: 6px;
    margin-bottom: 5px;
    background-repeat: no-repeat; */
    content: "";
    display: block;
    background-color: var(--color-medium-verde);
    width: 110px;
    height: 6px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}

.padding_left_right_20 {
    padding-left: 20px;
    padding-right: 20px;
}

.container_text_certificacion .uk-button {
    padding: 8px;
}

.btn_certificacion {
    /* actualizar */
    padding: 12px 16px !important;
    line-height: 1.3;
    width: 100%;
    color: var(--color-blanco);
    background: linear-gradient(to right, #005f2f, #068f15);
}


/* Programas educativos */


.resaltado_franja_amarilla {
    content: "";
    display: block;
    background-color: var(--color-medium-verde);
    width: 110px;
    height: 6px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}

.container_informacion_programa h2,
.container_informacion_programa p,
.container_informacion_programa li {
    color: var(--color-blanco);
    font-weight: 500;
    font-size: 18px;
}

.container_meses_programa .marco_europeo {
    color: var(--color-blanco);
    font-weight: 500;
    font-size: 15px;
    margin: 15px 0px;
    align-items: start;
}

.item_tipo_programa div {
    font-size: 18px;
}

.pestana_amarilla span {
    color: var(--color-blanco);
    font-size: 20px;
}

.container_informacion_programa p {
    text-align: justify;
}

.container_informacion_programa h2 {
    font-size: 35px;
}

.informacion_body_programa {
    margin-top: 10px;
}

.section_programas .pestana_blanca_home {
    margin: 20px auto;
}

.section_programas .pestana_blanca_home>* {
    color: var(--color-negro);
    font-weight: 600;
}

.pestana_amarilla {
    background-color: var(--color-naranja);
    padding: 5px 10px;
    margin: 5px 0px 15px 0px;
    text-align: center;
    border-radius: 5px;
}

.pestana_amarilla>* {
    color: var(--color-blanco);
    font-weight: 600;
}

.line_vertical_blanco {
    border: 1px solid var(--color-blanco);
}

.item_tipo_programa {
    text-align: center;
}

.item_tipo_programa>* {
    color: var(--color-plomo)
}


.detalle_meses_programas {
    display: flex;
    gap: 20px;
    align-items: end;
    justify-content: center;
}

.detalle_meses_programas figure {
    margin: 0;
}

.rotate_horizontal {
    display: inline-block;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    background-color: var(--color-naranja);
    color: var(--color-blanco);
    font-weight: 800;
    padding: 34px 0;
    font-size: 20px;
    text-align: center;
}

.meses_rotate_vertical {
    display: inline-block;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    color: var(--color-plomo);
    font-weight: bold;
    font-size: 20px;

}

.texto_tipo_programa {
    color: var(--color-plomo);
    font-weight: bold;
    font-size: 15px;
    line-height: 1.1;
}

.cantidad_meses_number {
    position: absolute;
    font-size: 90px;
    color: var(--color-blanco);
    font-weight: 600;
    font-family: var(--font-roboto);
}

.detalle_meses_programas .grafico_amarillo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 134px;
}

.detalle_meses_programas .containt1_meses {
    width: 136px;
}

.item_modalidad_estudio {
    display: flex;
    flex-direction: column;
    background-color: var(--transparencia-cuadro-programas);
    justify-content: end;
}

.item_modalidad_estudio h3 {
    font-size: 30px;
    color: var(--color-blanco);
    font-weight: 600;
}


.container_programa_basico .tipo_ingles_marco,
.container_programa_intermedio .tipo_ingles_marco {
    color: var(--color-blanco);
    font-size: 38px;
}

.container_programa_intermedio .duracion_brindamos_programas {
    color: var(--color-blanco);
    font-size: 29px;
    line-height: 1;
}

.container_programa_basico span,
.container_programa_intermedio span {
    color: var(--color-blanco);
    font-size: 18px;
}

.regular .container_programa_basico {
    margin-right: 5px;
    margin-bottom: 5px;
    gap: 30px;
    align-items: center;
}

.regular .container_programa_intermedio {
    margin-bottom: 5px;
    padding: 10px 35px;
    gap: 30px;
    align-items: center;
}

.intensivo .container_programa_intermedio {
    /*  margin-left: 60px; */
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 35px;
    gap: 30px;
    align-items: center;
}


.container_programa_basico,
.container_programa_intermedio {
    background-color: var(--transparencia-cuadro-programas);
    padding: 10px 35px;
}

/* Herramientas Educativas */

.section_herramientas {
    background-color: var(--color-hueso);
}

.item_d_body_herramientas .__titulo_1_herramientas {
    font-size: 30px;
    color: var(--color-blanco);
    font-family: Lato, Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.item_d_body_herramientas .__titulo_2_herramientas {
    font-size: 40px;
    color: var(--color-blanco);
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.item_d_body_herramientas .__texto_herramientas>* {
    font-size: 18px;
    color: var(--color-blanco);
    padding-top: 10px;
    font-family: Lato, Helvetica, Arial, sans-serif;
}

.__separator_herramientas {
    width: 92px;
    height: 7px;
    background: var(--color-verde-light);
    float: right;

}

.item_herramientas {
    display: flex;
    flex-direction: column;
    border-right: 3px dotted #026634;
    padding-right: 20px;
}

.item_herramientas:hover {
    cursor: pointer;
}

.fondo_item_herramientas {
    background: var(--color-verde-herramientas);
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
    max-width: 200px;
    margin: 10px 24px;
}

.figure_herramienta {
    /* background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    background-color: var(--color-verde-herramientas);
    border-radius: 50%;
    border: 2px solid var(--color-blanco);
    padding: 5px;

}

.figure_herramienta img {
    padding: 15px;
}

.title_item_herramientas {
    color: var(--color-negro);
    text-align: center;
}



.btn_whatsapp {
    display: flex;
    align-items: center;
    padding: 10px 25px;
    gap: 5px;
    font-weight: bold;
    background-color: var(--color-verde-herramientas);
}

.btn_whatsapp figure {
    max-width: 35px;
    margin: 0;
}

.container_modal_herramientas {
    max-width: 750px !important;
    border-radius: 20px;
    width: 100%;
    height: 450px;
    background-size: cover;
}

.close_herramientas,
.close_herramientas:hover {
    color: var(--color-blanco);
    font-weight: 800;
}



/* Materiales interactivos */

.fondo_libros_didacticos {
    background-color: var(--color-plomo-claro);
}

.section_materiales_patentes figure {
    margin: 0px;
    display: flex;
    justify-content: center;
}

.container_images_materiales {
    gap: 20px;
    margin: 40px 0px;
}

.container_images_materiales a {
    display: flex !important;
}

.container_logos_patente {
    padding: 17px 35px;
    border-top: 3px dotted var(--color-amarillo);
    border-bottom: 3px dotted var(--color-amarillo);
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.container_logos_patente p {
    color: var(--color-blanco);
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.container_logos_patente figure {
    max-width: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .text_info_material>* {
    color: var(--color-blanco);
} */

.parrafo_material {
    max-width: 400px;
    font-size: 20px;
    font-weight: bold;
}

/* Audiolibros */

/* Plan de estudio */

.uk_section_15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.plan_estudio {
    background-color: var(--color-blanco);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 10px 85px;
    margin: auto;
}

.plan_estudio h3 {
    color: var(--color-verde-light);
    font-weight: bold;
}

.plan_estudio:hover {
    cursor: pointer;
}

.bg_azul {
    background-color: var(--color-verde-light);
}

/* Audiolibros */

.ejercic_principal {
    display: flex;
}

.ejercicios_iternos_ingles {
    letter-spacing: -5px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0px 20px 0px;
}

.container_title_centrado {
    align-items: center;
    justify-content: center;
}

/* Convenios y Capacitaciones */

.fondo_convenios,
.fondo_mas_cursos {
    background-color: var(--fondo-convenios);
}

.parrafo_convenios {
    justify-content: center;
    text-align: center;
    display: flex;
    font-size: 17px;
    margin-bottom: 20px;
}

.parrafo_convenios p {
    max-width: 800px;
    color: var(--color-negro);
}

.item_convenio {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_convenios .uk-position-center-left.quitar_icon_svg {
    margin-left: 0px;
}

.list_convenios .uk-position-center-right.quitar_icon_svg {
    margin-right: 0px;
}

.quitar_icon_svg svg {
    display: none;
}

.quitar_icon_svg {
    visibility: visible !important;
    display: block !important;
}

.paddind_border {
    padding: 0px 30px;
}

.fondo_blanco_circulo {
    background-color: var(--color-blanco);
    border-radius: 50%;
}


/* Galeria */

.item_fotos {
    margin: 1%;
    width: 35%;
}

.item_fotos a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Footer */

.fondo_footer {
    background-color: var(--color-verde);
}

footer {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

footer .section_footer h3,
footer .section_footer a {
    color: var(--color-blanco);
}

.franja_footer {
    background-color: var(--color-negro);
    color: var(--color-blanco);
}

.icon_footer_red {
    background-color: var(--color-blanco);
    border-radius: 50%;
}

.icon_footer_red figure {
    /* border-radius: 50%; */
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
}

.icon_footer_red figure img {
    padding: 10px;
}

/* Pàgina 404 */

#nav_404 {
    background-color: var(--color-celeste2);
}

#logo_header_celeste_404 {
    max-width: 120px;
}

#logo_header_blanco_404 {
    max-width: 90px;
}

.parrafo_404 {
    display: flex;
    justify-content: center;
    color: var(--color-celeste2);
    font-weight: 700;
    font-size: 20px;
}

.btn_verde_home_centro {
    background-color: var(--color-amarillo);
    color: var(--color-blanco);
    padding: 10px 30px;
    border-radius: 10px;
}

.btn_verde_home_centro:hover {
    background-color: var(--color-blanco);
    color: var(--color-azul);
    cursor: pointer;
    font-weight: 600;
    border: 1px solid var(--color-azul);

}

#nav_404 {
    position: relative;
    width: 100%;
    transition: 0.3s ease-in-out;
}

#nav_404.fondo_header_scrol_404 {
    position: fixed;
    transition: 0.3s ease-in-out;
}

.contenedor_404_center img {
    margin-top: -40px;
}


.m_b_0 {
    margin-bottom: 0;
}

/* Modalidad CUrso */

.modalidad_cursos {
    background-color: #0072b1;
    color: white;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    padding: 5px;
    font-weight: 500;
}

.curso_nivel h3 {
    color: var(--color-plomo);
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1;
}

.curso_nivel span {
    color: var(--color-plomo);
    font-weight: 500;
    line-height: 1.1;
}

.duracion_inicio p {
    margin: 0px;
}

.modalidad_baner {
    background-color: var(--color-blanco);
    color: var(--color-dark-verde);
    border-radius: 28px;
    display: flex;
    justify-content: center;
    padding: 7px 25px 3px 25px;
    font-weight: 600;
    margin-right: auto;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 31px;
    font-family: var(--font-bebas);
}


.detalles_datos_curso_baner h2 {
    color: var(--color-blanco);
    font-family: var(--font-bebas);
    letter-spacing: 5px;
    font-size: 165px;
    line-height: 0.8;
    font-weight: 700;
    display: inline-block;
    transform: translateY(8px);
}

.detalles_datos_curso_baner h3 {
    color: var(--color-blanco);
    font-size: 69px;
    font-family: var(--font-bebas);
    text-align: center;
    line-height: 1;
}

.detalles_datos_curso_baner h4 {
    color: var(--color-blanco);
    font-size: 22px;
    margin: 0px;
    font-weight: 700;
    background-color: var(--color-verde--banner);
    padding: 8px 35px;
}