@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
:root {
    --row-count: 5;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Sora";
    font-style: normal;
}

.page-grid {
    grid-template-rows: repeat(var(--row-count), auto);
}

.color_title1 {
    color: var(--color-principal) !important;
}

#btn_movil {
    text-decoration: none !important;
}

.contenedor_fechas {
    display: flex;
    gap: 5rem;
    align-items: center;
    margin: 2rem 0px 1rem 0;
    justify-content: flex-start;
}

.porque_cont_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #3C4857;
}

.item_fechas {
    display: flex;
    gap: 2rem;
    color: #FFFFFF;
}

.item_sub_titulouno {
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    color: #3C4857;
}

.item_sub_titulodos {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #EBEEF1;
}

.que_aprenderas_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 40px;
    color: #FFFFFF !important;
}

.que_aprenderas_title {
    font-weight: 600;
    font-size: 26px;
    line-height: 33px;
    text-align: center;
    color: #FFFFFF;
    padding: 0 30px;
}

.que_aprenderas_img {
    padding: 1rem 0rem;
}

.que_aprenderas_desc {
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
}

@media (min-width: 900px) {
    .item_video {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 617px;
    }
    #movil {
        display: none !important;
    }
    #cont_form {
        transform: translateX(25px) !important;
    }
    #encabezado_movil_responsive {
        display: none !important;
    }
    .titulo_principal {
        width: 100% !important;
    }
    .desc_uno {
        width: 88% !important;
    }
    .que_aprenderas_section {
        display: none !important;
    }
    body {
        background: #F5F8FD;
    }
    .contenedor_estadisticas,
    .footer {
        display: none !important;
    }
    .cont_testimonio_movil {
        display: none !important;
    }
    #btn_movil {
        display: none;
    }
    .sticky {
        transform: translateX(50px);
    }
    .zona_movil {
        display: none;
    }
    .zona_movil_recortada {
        display: none !important;
    }
    .cont_imagen_portada_movil {
        display: none !important;
    }
    .vista_web {
        padding: 5rem 0rem;
    }
    .teacher_titulo {
        margin-top: 2rem;
    }
    .titulo_stats_movil {
        display: none;
    }
    .txt_stats_movil {
        display: none;
    }
    .titulo_brouch_movil {
        display: none;
    }
    .content-grid {
        display: grid;
        grid-template-columns: 24px 2fr 1fr 24px;
        /*Area formulario*/
        /*----Fin Area formulario----*/
    }
}

@media (min-width: 900px) and (min-width: 1248px) {
    .content-grid {
        grid-template-columns: 0.8fr 640px 470px 1fr;
    }
}

@media (min-width: 900px) {
    .content-grid .grid-item {
        grid-column: 1/-1;
        grid-template-areas: ". content . .";
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    .content-grid .sticky {
        margin-top: 3rem;
        grid-column: 3/4;
        grid-row: 1/-1;
        top: 0;
        z-index: 100;
    }
    .content-grid .sticky .contenedor_formulario {
        margin-bottom: 24px;
        top: 24px;
        padding: 30px 40px 0px 40px;
        z-index: 100;
        background: #EEF2F5;
        border: 1px solid #D4DAE0;
        box-shadow: 0px 4px 16px rgba(6, 38, 87, 0.4);
        border-radius: 18px;
        width: 443px;
        height: 533px;
    }
    .content-grid .sticky .contenedor_formulario_on {
        transition-duration: 0.3s;
        margin-bottom: 24px;
        top: 24px;
        padding: 30px 40px 0px 40px;
        z-index: 100;
        background: #EEF2F5;
        border: 2px solid #FF0000;
        box-shadow: 0px 4px 16px rgba(6, 38, 87, 0.4);
        border-radius: 18px;
        width: 443px;
        height: 533px;
    }
    .content-grid .nav {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .content-grid .nav li {
        border-bottom: 4px solid #234;
        margin-right: 2rem;
        transition: all 0.3s;
        padding-top: 20px;
        height: 60px;
    }
    .content-grid .nav li:hover {
        color: #41d6c3;
        border-bottom: 4px solid #41d6c3;
    }
    .content-grid .grid-item.item1 {
        color: white;
        grid-row: 1;
        height: 100%;
    }
    .content-grid .item2 {
        background: #234;
        box-shadow: 0 1px 4px 0 rgba(53, 53, 53, 0.25);
        color: white;
        grid-row: 2;
        height: 60px;
        padding-top: 0;
        top: -1px;
    }
    .content-grid .item3 {
        grid-row: 3;
        background: #F5F8FD;
    }
    .content-grid .item6 {
        padding: 2rem 0 6rem 0;
    }
    .content-grid .content {
        grid-area: content;
        padding-right: 40px;
    }
}

.item7 {
    background: #254EC1;
}

.item3 {
    background: #F5F8FD;
}


/*Zona de la portada*/

.flex-items-datos {
    display: flex;
    text-align: center;
    justify-content: flex-start;
    gap: 0rem;
    width: 605px;
    /* transform: translateX(-60px); */
    margin-top: 2rem;
    align-items: flex-start;
}

.cont_base_portada {
    display: flex;
    width: 150%;
    margin-top: 1rem;
}

.logo_inicial_contenedor {
    margin-bottom: 1rem;
}

.encabezado {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    color: #3C4857;
    opacity: 0.75;
    padding: 2rem 0rem 1rem 0rem;
}

.titulo_principal {
    font-weight: 800;
    font-size: 39px;
    line-height: 107%;
    display: flex;
    align-items: center;
    color: #243141;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    /* gap: 10rem; */
}

.txt_fecha {
    font-weight: 600;
    font-size: 24px;
    line-height: 107%;
    text-align: center;
    color: #3C4857;
    padding-bottom: 0.5rem;
}

.txt_fecha_1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 107%;
    text-align: center;
    color: #3C4857;
    padding-top: 0.5rem;
}

.desc_uno,
.desc_dos {
    font-family: "Sora";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #3C4857;
}

.desc_dos {
    margin-bottom: 2rem;
}

.cont_imagen_portada img {
    width: 90%;
    padding: 2rem;
}

.cont_imagen_portada_movil img {
    width: 100%;
}


/***/

footer {
    align-items: center;
    background: #1B2B34;
    color: white;
    display: flex;
    justify-content: center;
    height: 100vh;
}

.que_aprenderas {
    color: #F1E68F;
    font-size: 24px;
    line-height: 30px;
}

.desc_aqueapre {
    font-weight: 400;
    font-size: 16.3px;
    line-height: 21px;
    text-align: justify;
    color: #3C4857;
}


/*Carousel de las empresas*/

.carousel {
    position: relative;
    width: 50%;
    height: 100px;
    margin: 0 auto;
}

.carousel-content {
    position: relative;
    overflow: hidden;
    transition: width 0.4s;
    height: 100%;
}

.slide {
    height: 100%;
    background: transparent;
    position: absolute;
    z-index: 1;
    transition: left 0.4s cubic-bezier(0.47, 0.13, 0.15, 0.89);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    outline: none;
    color: white;
    -webkit-user-select: none;
}

.nav-left {
    left: -25px;
}

.nav-right {
    right: -25px;
}

.carousel-arrow-icon-left {
    margin-left: 5px;
    margin-top: -30px;
    color: black;
}

.carousel-arrow-icon-right {
    margin-left: 7px;
    margin-top: -30px;
}


/*Zona de empresas*/

.empresas_zona {
    display: flex;
    align-items: center;
}

.empresa_palabras {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subtitulo_empresa1,
.subtitulo_empresa2 {
    line-height: 20px;
}

.subtitulo_empresa1 {
    font-weight: 700;
    font-size: 21px;
    color: #525B75;
}

.subtitulo_empresa2 {
    font-weight: 300;
    font-size: 16px;
    color: #000000;
}


/*3ra zona informes*/

.contenedor_cards_informe {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 3rem 0rem;
}

.card_informe {
    background: #FFFFFF;
    border: 2.5px solid #E0E0E0;
    box-shadow: 0px 0px 23px #dce3f8;
    border-radius: 16px;
    width: 175px;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/*Accordeon*/

.img_arrow_inicial {
    position: absolute;
    transform: translateX(-90px);
}

.img_arrow_estructura {
    position: absolute;
    transform: translateX(-80px);
}

.cont_titulo_estructura {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.titulo_estructura {
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    color: var(--color-principal);
    padding-top: 1rem;
}

button.course-accordion {
    background-color: transparent;
    color: #3C4857;
    cursor: pointer;
    padding: 1.5rem 1rem;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 22px;
    font-weight: 600;
    transition: 0.4s;
    line-height: 1.5em;
    text-transform: none;
    letter-spacing: 0px;
    font-weight: 600;
    font-style: normal;
    border-bottom: 2px solid #DBDBDB;
}


/*When the button is active or mouse hovers*/

button.course-accordion.active,
button.course-accordion:hover {
    background-color: #E9EBF0 !important;
    color: #525B75;
    border-bottom: 2px solid transparent;
}


/*button not active*/

button.course-accordion:after {
    content: "❯";
    transform: rotate(90deg);
    color: #525B75;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}


/* minus button */

button.course-accordion.active:after {
    content: "❯";
    color: #525B75;
    transform: rotate(-90deg);
}

div.course-panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    background-color: #E9EBF0;
    transition: max-height 0.2s ease-out;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.4px;
    font-weight: 400;
    font-style: normal;
    color: rgba(0, 0, 0, 0.88);
}


/*Zona Link a brouch*/

.contenedor_link {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titulo_brouch {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #2A2E54;
    margin-bottom: 1rem;
}

.btn_brouch {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #FF7918;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    border: none;
    padding: 1rem 4rem;
    cursor: pointer;
}

.btn_brouch:hover {
    background-color: #FF7918;
}


/*ZONA DOCENTES*/

.teacher_titulo {
    font-weight: 700;
    font-size: 36px;
    line-height: 45px;
    text-align: center;
    color: #FFFFFF;
}

.items_teacher {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
}

#fistname:focus {
    border: 1px solid #254EC1 !important;
    opacity: 1 !important;
}

#email:focus {
    border: 1px solid #254EC1 !important;
    opacity: 1 !important;
}

#phone:focus {
    border: 1px solid #254EC1 !important;
    opacity: 1 !important;
}

.form__row__list:focus {
    border: 1px solid #254EC1 !important;
    opacity: 1 !important;
}

.title_teacher {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.desc_teacher {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
}


/**Hover*/

.img_teacher_container {
    overflow: hidden;
}


/*IMG_HOVER*/

.img-wrapper {
    overflow: hidden;
    border-radius: 100px;
}

.inner-img {
    width: 150px;
    transition: 0.3s;
    transform: scale(1.1);
}

.inner-img:hover {
    transform: scale(1.2);
}


/* Other styling elements, that are not necessary for the example */

.img-wrapper {
    display: inline-block;
    box-sizing: border-box;
}


/* Slideshow container */

.slideshow-container {
    position: relative;
    height: 250px;
}


/* Slides */

.mySlides {
    display: none;
    text-align: center;
}


/* Next & previous buttons */

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/* Position the "next button" to the right */

.next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* The dot/bullet/indicator container */

.dot-container {
    text-align: center;
    padding: 20px;
    transform: translateY(32px);
}


/* The dots/bullets/indicators */

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}


/* Add a background color to the active dot/circle */

.active,
.dot:hover {
    background-color: #FFFFFF !important;
}


/* Add an italic font style to all quotes */

q {
    font-style: italic;
}


/* Add a blue color to the author */

.author {
    color: cornflowerblue;
}


/*Zona estadisticas*/

.contenedor_estadisticas {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #DEE3E9;
    padding: 3rem 0rem;
}

.contenedor_interno_estadisticas {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
    gap: 3rem;
}

.item_estadisticas {
    display: flex;
    text-align: center;
    width: 240px;
    height: 217px;
    background: #EBEEF1;
    box-shadow: 0px 0px 27.0098px rgba(0, 0, 0, 0.15);
    border-radius: 26.0094px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.titulo_estats1,
.titulo_estats2,
.titulo_estats3 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 21px;
    color: #3C4857;
}

.titulo_estats1 {
    margin: 0.5rem 0rem;
}

.titulo_estats2 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.titulo_estats3 {
    margin-bottom: 0.5rem;
    margin-top: 15px;
}

.subtitulo_estats {
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #3C4857;
}

.titulo_stats {
    color: #2A2E54;
    font-weight: 700;
    font-size: 36px;
    line-height: 34px;
    padding-top: 0rem;
    padding-bottom: 1rem;
}

.txt_stats {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #3C4857;
    text-align: center;
    padding: 1rem 0rem 4rem 0rem;
}


/*Footer*/

.footer {
    background: #545E6A;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 3rem;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
}


/**Formulario**/

.cabeza__izquierda {
    padding-top: 5rem;
}

.input-icons {
    position: relative;
    float: left;
    width: 100%;
}

.input-icons img {
    position: absolute;
    right: -16px;
    top: 0px;
    z-index: 4;
    height: 19px;
}

.icon {
    padding: 10px;
    min-width: 40px;
}

.is-invalid {
    border: 1px solid #DE2242 !important;
    opacity: 1 !important;
}


/**** Star Part 1 ****/

.part1__background {
    background: #D4DAE0;
}

.part1__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0rem 0;
}

.part1__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 2rem;
}

.cabeza__izquierda__logo {
    order: -1;
    margin-bottom: 0px !important;
}

.titulo__descarga {
    font-size: 18px;
}

.cabeza {
    display: grid;
    grid-template-columns: 1fr;
    font-family: Sora, serif;
}

.cabeza__banner__title {
    color: #98945D;
    font-size: 20px;
    font-weight: 700;
}

.cabeza__banner {
    position: relative;
    margin: 2rem 2rem -0.5rem 2rem;
}

.cabeza__banner__name {
    font-size: 30px !important;
    color: #525B75;
    font-weight: 900;
    line-height: 3.5rem;
}

.cabeza__banner__date {
    list-style: none;
    color: #98945D;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    left: 8px;
    top: -6rem;
    padding-bottom: 0.5rem;
}

.cabeza__banner__datetime {
    color: #3C4857;
    font-size: 24px;
    font-weight: 700;
    list-style: none;
    padding-left: 2.5rem;
    position: relative;
    left: -37px;
    top: -155px;
}

.cabeza__banner__img img {
    width: 115%;
    margin-left: -4rem;
    margin-top: -13rem;
}

@media (min-width: 700px) {
    .part1__header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: -3rem;
        padding-top: 1rem;
        margin-right: 0rem;
    }
    .part1__background {
        background: #D4DAE0;
        height: 100% !important;
    }
    .cabeza {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
    }
    .cabeza__banner__txt {
        display: flex;
        flex-direction: column;
        gap: 0rem;
    }
    .cabeza__banner__title {
        color: #98945D;
        font-size: 25px;
        font-weight: 700;
        text-align: left !important;
        padding-bottom: 7rem;
    }
    .cabeza__banner__name {
        font-size: 45px !important;
        color: #525B75;
        font-weight: 900;
        line-height: 3rem;
    }
}

.card__contenedor {
    background: #F2F3F5;
    padding: 2rem 3rem 0rem;
    box-shadow: 0px 4px 12px rgba(6, 38, 87, 0.1607843137);
    border-radius: 27px;
}

.card__titulo {
    padding-top: 0.5rem;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    color: #FF7918;
}

.success_titulo__confirm_success {
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: #014760;
    text-align: center;
}

.card__subtitulo {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #3C4857;
    width: 100%;
    padding: 0.5rem 2rem 1rem 2rem;
}

.arrow_small_svg {
    position: absolute;
    transform: translate(-45px, -10px);
    /*Cambiar svg*/
    max-width: 35px;
}

@media (max-width: 900px) {
    .card__subtitulo {
        padding: 0.5rem 0rem 1rem 0rem;
    }
    .arrow_small_svg {
        display: none;
    }
}

.card__form {
    display: grid;
    gap: 0.7rem;
    justify-items: center;
}

.form__row {
    outline: none;
    border-radius: 10px;
    border: 1px solid #D4DAE0;
    padding-left: 1rem;
    width: 100%;
    height: 40px;
    color: #3C4857;
}

.form__row__code {
    outline: none;
    border-radius: 10px 0 0 10px;
    border: 1px solid #D4DAE0;
    padding-left: 0.7rem;
    width: 105%;
    height: 40px;
    color: #8A959E;
}

.form__row__phone {
    outline: none;
    border-radius: 0 10px 10px 0;
    border: 1px solid #D4DAE0;
    padding-left: 1rem;
    margin-left: 4px;
    width: 98%;
    height: 40px;
    color: #8A959E;
}

.form__row__list {
    outline: none;
    border-radius: 10px;
    border: 1px solid #D4DAE0;
    padding-left: 0.7rem;
    margin-left: 0px;
    width: 100%;
    height: 38px;
    color: #8A959E;
}

.parte4__book__icon img {
    margin: 0 0 -16em 0;
    padding: 0;
    position: relative;
    top: -23em;
    left: 55em;
}

.form__terminos {
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    text-align: justify;
    color: #6C757D;
}

.card__button {
    transform: translateY(0px);
}

@media (max-width: 900px) {
    .terminos_zona {
        transform: translate(0px, 0px);
    }
}

.card__button {
    transform: translateY(0px);
}

.check_arles {
    display: none;
    position: absolute;
    background: white;
    color: red;
    border: red solid 1px;
    text-align: center;
    padding: 3px;
    border-radius: 10px;
    right: -42px;
    bottom: 23px;
    width: 84px;
    font-size: 9px;
    line-height: 13px;
}

.card__button {
    display: flex;
    background: #FF7918;
    color: white;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    width: 100%;
    height: 53px;
    gap: 2rem;
    border: 1px solid transparent;
}

.card__button:hover {
    background: #FFA14A !important;
    cursor: pointer !important;
    border: 1px solid transparent;
}

.is-disable {
    border: 1px solid #FF7918;
    background: #FF7918 0 0 no-repeat padding-box !important;
    color: #FFFFFF;
}

.is-disable:hover {
    border: 1px solid #FF9F47;
    background: #FF7918 0 0 no-repeat padding-box !important;
    color: #FFFFFF;
    cursor: pointer;
}

@media (max-width: 900px) {
    .que_aprenderas_section {
        background: var(--color-principal) !important;
    }
    .item_video {
        padding: 0 1rem;
    }
    #web {
        display: none !important;
    }
    #encabezado_web_responsive {
        display: none !important;
    }
    .caja_5 {
        width: 85%;
        margin: 0 35px;
        overflow: hidden;
        position: relative;
    }
    .que_aprenderas {
        display: none;
    }
    .sticky {
        background: #F5F8FD;
        padding: 2rem 0;
        transform: translateY(-1px);
    }
    .contenedor_fechas {
        display: flex;
        gap: 2rem;
        align-items: center;
        margin: 2rem 0px 1rem 0;
        justify-content: center;
    }
    #descartado {
        display: none;
    }
    .img_arrow_inicial {
        display: none;
    }
    #btn_web {
        display: none;
    }
    .zona_movil_recortada {
        position: absolute;
        width: 100%;
        transform: translateY(-35px);
        z-index: 999;
    }
    .zonarecortada_web {
        display: none;
    }
    .vista_web {
        display: none;
    }
    .img_arrow_inicial {
        transform: translateX(-40px);
    }
    .titulo_brouch {
        display: none;
    }
    .cont_imagen_portada {
        display: none !important;
    }
    .titulo_stats {
        display: none;
    }
    .txt_stats {
        display: none;
    }
    .teacher_titulo {
        font-size: 26px;
        margin-bottom: 3rem;
    }
    .item7 {
        padding: 3rem 0rem;
    }
    .title_teacher {
        margin-bottom: 1rem;
    }
    .desc_teacher {
        margin-bottom: 3rem;
    }
    .contenedor_interno_estadisticas {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-direction: column;
    }
    .flechas_estadistica {
        display: none !important;
    }
    .titulo_stats_movil {
        color: #17365F;
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        padding-top: 0rem;
        padding-bottom: 1rem;
        text-align: center;
    }
    .txt_stats_movil {
        font-weight: 500;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        color: #3C4857;
        text-align: center;
        padding: 1rem 2.5rem 4rem 2.5rem;
    }
    .contenedor_cards_informe {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
        gap: 3rem;
    }
    button.course-accordion {
        font-size: 16px;
    }
    .titulo_brouch_movil {
        font-weight: 700;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        color: #2A2E54;
        margin-bottom: 2rem;
    }
    .contenedor_link {
        padding: 4rem 0rem;
    }
    .empresas_zona {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 5rem 0rem;
    }
    .empresa_palabras {
        margin-bottom: 1rem;
    }
    .carousel {
        width: 70% !important;
    }
    .contenedor_formulario {
        top: 24px;
        padding: 25px 24px 0px 24px;
        margin: 0rem auto;
        z-index: 100;
        background: #EEF2F5;
        border: 1px solid #D4DAE0;
        width: 90%;
        height: 545px;
        border-radius: 18px;
        box-shadow: 0px 4px 16px rgba(77, 99, 133, 0.4);
    }
    .contenedor_formulario_on {
        top: 24px;
        padding: 25px 24px 0px 24px;
        z-index: 100;
        background: #E7EDF3;
        border: 1px solid #D4DAE0;
        width: 90%;
        border-radius: 18px;
        height: 478px;
    }
    .encabezado {
        font-size: 18px;
    }
    .titulo_principal {
        font-weight: 700 !important;
        font-size: 28px !important;
        line-height: 35px !important;
        text-align: center !important;
        padding: 0 50px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    .desc_uno,
    .desc_dos {
        display: none;
    }
    .logo_inicial_contenedor {
        padding-top: 2rem;
        text-align: center;
    }
    .item1 {
        background: #F5F8FD;
    }
    .titulo_estructura {
        text-align: center;
        padding: 0rem 3rem;
        line-height: 40px;
    }
    .cont_titulo_estructura {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .img_arrow_estructura {
        transform: translateX(15px);
    }
    .encabezado {
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #3C4857;
    }
    .dialog {
        border: 0 !important;
        background: transparent !important;
        margin: 0 auto !important;
        top: 5% !important;
        width: 859px !important;
    }
    .cont_item_testimonio {
        display: none !important;
    }
    .title_test {
        padding: 0rem 1rem;
    }
    .mySlidestest {
        padding: 55px !important;
    }
    .modal-content {
        width: 90% !important;
    }
}

.cont_testimonio_movil {
    width: 90%;
    max-width: 550px;
    height: 432px;
    background: #FFFFFF;
    box-shadow: 0px 5px 25px rgba(214, 218, 230, 0.7);
}


/*Recursos para modals*/

.dialog {
    padding: 20px;
    border: 0;
    background: transparent;
    margin: 0 auto;
    top: 25%;
    width: 850px;
}

.dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.dialog__wrapper {
    padding: 50px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.dialog__close {
    border: 0;
    padding: 0;
    width: 35px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    background: transparent;
    color: black;
    border-radius: 50%;
    font-size: 25px;
    line-height: 11px;
    position: absolute;
    top: 50px;
    right: 60px;
    cursor: pointer;
    --webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.content_dialog_teacher {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.img_modal_teacher {
    width: 150px;
    margin-bottom: 1rem;
}

.img_teacher_modal {
    border-radius: 10rem;
    width: 100%;
}

.titulo_modal_teacher {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #254EC1;
    margin-bottom: 0.5rem;
}

.titulo_cargo_modal {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #606B7C;
    margin-bottom: 2rem;
}

.desc_modal {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
    color: #606B7C;
}


/*nUEVA ZONA DE SLIDE*/


/* Slideshow container */

.slideshowdos-container {
    position: relative;
    height: 250px;
}


/* Next & previous buttons */

.prevdos,
.nextdos {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/* Position the "nextdos button" to the right */

.nextdos {
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* On hover, add a black background color with a little bit see-through */

.prevdos:hover,
.nextdos:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


/* The dotdoss/bullets/indicators */

.dotdos {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active,
.dotdos:hover {
    background-color: #717171;
}


/* Fading animation */

.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

.item_movil_content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}


/* On smaller screens, decrease text size */

@media only screen and (max-width: 300px) {
    .prevdos,
    .nextdos,
    .text {
        font-size: 11px;
    }
}


/*Success Style*/

.success_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 4rem;
}

.success_titulo_success {
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    /* identical to box height */
    padding: 0.5rem 0;
    color: #FF7918;
}

.success_txtuno {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    padding: 1rem 0 1rem 0;
    color: #3C4857;
}


/*Zona recortada*/

.zonarecortada_web {
    position: absolute;
    width: 100%;
    transform: translate(0px, -120px);
}

@media (max-width: 1100px) {
    .zonarecortada_web {
        transform: translate(0px, -110px);
    }
}


/*Nueva zona testimonios*/

.zona_testimonios {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F4F7FE;
    padding: 4rem 0;
}

.small_title {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0.5rem;
    color: #3C4857;
}

.title_test {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 3.5rem;
    color: #254EC1;
}

.cont_item_testimonio {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
}

.item_testimonio {
    width: 359px;
    height: 334px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    box-shadow: 0px 5px 25px rgba(214, 218, 230, 0.7);
}

.item_foto_testimonio {
    width: 70px;
    padding: 0.5rem 0rem;
}

.item_title_testimonio {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    /* identical to box height */
    text-align: center;
    color: #3C4857;
}

.text_testimonios {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #3C4857;
    width: 350px;
    margin-top: 3rem;
}

.item_test_resposive {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/* Slideshow container */

.slideshowtest-container {
    position: relative;
    background: #FFFFFF;
    height: 432px;
}


/* Slides */

.mySlidestest {
    display: none;
    padding: 80px;
    text-align: center;
}


/* Next & previous buttons */

.prevtest,
.nexttest {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: black;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/* Position the "nexttest button" to the right */

.nexttest {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
}


/* The dottest/bullet/indicator container */

.dottest-container {
    text-align: center;
    transform: translateY(-55px);
}


/* The dotstest/bullets/indicators */

.dottest {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: white;
    border: 1px solid #262839;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}


/* Add a background color to the activetest dottest/circle */

.activetest,
.dottest:hover {
    background-color: #262839;
    border: 1px solid #262839;
}


/**Temporal*/

.caja_5 {
    width: 85%;
    overflow: hidden;
    position: relative;
}

.caja_5 img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.caja_5 .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 98.8%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.3s;
    cursor: pointer;
}

.caja_5 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.caja_5 .buttons .fa {
    background: black;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 10%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    opacity: 0;
    position: relative;
    transition: all 0.3s, color 0.1s 0.3s;
    color: transparent;
}

.caja_5 .buttons .fa-link {
    left: -10px;
}

.caja_5 .buttons .fa-search {
    left: 10px;
}

.caja_5:hover .buttons .fa {
    opacity: 1;
    left: 0;
    color: rgba(255, 255, 255, 0.9);
}

.caja_5:hover .ovrly {
    opacity: 1;
}


/*modal*/

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 40rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: flex-end;
}

.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 9rem;
    background-color: lightgray;
    position: absolute;
    z-index: 999999;
    transform: translate(12px, -12px);
}

.close-button:hover {
    background-color: darkgray;
}

.show-modal {
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

@media (max-width: 370px) {
    .que_aprenderas_title {
        padding: 0 0px;
    }
    .titulo_principal {
        padding: 0 40px !important;
    }
}


/******************/

.btn-acceso-web {
    display: flex;
    border-radius: 54px;
    background: #9B004C;
    color: #FFF;
    text-align: center;
    font-family: "Sora";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    width: 279px;
    height: 45px;
    align-items: center;
    justify-content: center;
}

.infoweb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

.infoweb_title {
    color: #263A44;
    text-align: center;
    font-family: "Sora";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}


/****************************/

.success_portada {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .success_portada {
        padding: 4rem 8rem 2rem 8rem;
    }
}

@media (max-width: 900px) {
    .success_portada_title {
        padding-top: 1rem;
        font-size: 26px !important;
    }
    .success_portada_a,
    .link_portada {
        font-size: 14px !important;
    }
    .infoweb_title {
        font-size: 20px !important;
    }
}

.success_portada_title {
    color: #243141;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.success_portada_p {
    color: #243141;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.success_portada_a {
    color: #243141;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 1rem 0;
}

.link_portada {
    color: #9B004C;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration: none;
}

.success_portada,
.success_form,
.success_group_button,
.success_sugerencias,
.success_footer {
    margin: 0 auto;
    max-width: 1300px;
}

.success_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

.success_form_title {
    color: #243141;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 2rem;
}

@media (min-width: 900px) {
    .success_form_title {
        width: 780px;
    }
    #movil_title_success {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .success_form_title {
        font-size: 16px !important;
    }
    #web_title_success {
        display: none !important;
    }
    .form_container_success {
        display: flex !important;
        justify-content: center !important;
        gap: 1rem !important;
        flex-direction: column !important;
    }
    .success_portada_p {
        color: #243141;
        text-align: center;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-top: 1rem;
        padding-bottom: 2rem;
        padding-right: 3.2rem;
        padding-left: 3.2rem;
    }
    .success_portada {
        padding: 3rem 0;
    }
}

.success_group_button_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .success_group_button_items {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4rem;
        row-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        justify-content: center;
    }
    .success_group_button_title {
        color: #243141;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding-bottom: 0.5rem;
    }
    .item_sugerencia_main {
        width: 350px;
        height: 305px;
        background: #F8F9FA;
    }
}

@media (max-width: 900px) {
    .success_group_button_items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
    .success_group_button_title {
        color: #243141;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 0 4rem 0.5rem 4rem;
    }
    .item_sugerencia_main {
        width: 100%;
        height: 305px;
        background: #F8F9FA;
    }
    .slider-sugerencias {
        padding: 0 2rem !important;
    }
}

.item_sugerencia_conatiner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.item_sugerencia_img {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}

.item_sugerencia_conatiner_texts {
    padding: 1rem;
}

.item_sugerencia_img img {
    width: 100%;
    height: auto;
}

.item_etiqeuta {
    position: absolute;
    background: #FF7918;
    padding: 0 1rem;
    transform: translateY(20px);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.item_sugerencia_subtitle {
    color: #263A44;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.item_sugerencia_title {
    color: #263A44;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0.5rem 0;
    height: 60px;
}

.item_sugerencia_a {
    color: #FF7918;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.success_sugerencias {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.success_sugerencias .wrapper .my-slider .slick-dots {
    display: none;
}

.success_group_button {
    padding: 3rem 0;
}

.success_sugerencias_title_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.success_sugerencias_title {
    color: #263A44;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 0.5rem;
    /* 107.692% */
}

@media (min-width: 900px) {
    .slider-sugerencias {
        width: 750px;
    }
}

@media (max-width: 900px) {
    .slider-sugerencias {
        width: 100%;
    }
    .slider-sugerencias .wrapper-sugerencias button.slick-prev.slick-arrow {
        left: -20px !important;
    }
    .slider-sugerencias .wrapper-sugerencias button.slick-next.slick-arrow {
        right: -20px !important;
    }
}

.success_footer_text {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 3rem 0;
}

.cert_success {
    padding: 4rem 0;
}

.cert_success_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    text-align: center;
}

@media (min-width: 900px) {
    #btn_wspcontro_movil {
        display: none !important;
    }
}

@media (max-width: 900px) {
    #btn_wspcontro_web {
        display: none;
    }
    .cert_success_container {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 2rem !important;
        text-align: center !important;
    }
    .success_footer {
        display: none !important;
    }
}

.input_form_success {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #243141;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 0 1rem;
    border: none;
}

.input_form_select_success {
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #243141;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 0 1rem;
    border: none;
    border-radius: 5px 0px 0px 5px;
}

.input_form_phone_success {
    border-radius: 0px 5px 5px 0px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #243141;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 0 1rem;
    border: none;
}

.btn_success_form {
    border-radius: 4px;
    background: var(--Minera, var(--color-principal));
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    border: none;
}

@media (min-width: 900px) {
    .form_container_success {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }
    .input_form_success {
        width: 215px;
        height: 50px;
    }
    .input_form_select_success {
        width: 150px;
        height: 50px;
    }
    .input_form_phone_success {
        width: 215px;
        height: 50px;
        transform: translate(-3px, 0px);
    }
    .btn_success_form {
        width: 100px;
        height: 50px;
    }
}

@media (max-width: 900px) {
    .sub_cont_phone {
        display: flex;
    }
    .input_form_success {
        width: 100%;
        height: 50px;
    }
    .input_form_select_success {
        width: 70%;
        height: 50px;
    }
    .input_form_phone_success {
        width: 100%;
        height: 50px;
    }
    .btn_success_form {
        width: 100%;
        height: 50px;
    }
}


/******************/

.btn-acceso-web {
    display: flex;
    border-radius: 54px;
    background: #9B004C;
    color: #FFF;
    text-align: center;
    font-family: "Sora";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    width: 279px;
    height: 45px;
    align-items: center;
    justify-content: center;
}

.infoweb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

.infoweb_title {
    color: #263A44;
    text-align: center;
    font-family: "Sora";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}


/****************************/

.success_portada {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .success_portada {
        padding: 4rem 8rem 2rem 8rem;
    }
}

@media (max-width: 900px) {
    .success_portada_title {
        padding-top: 1rem;
        font-size: 26px !important;
    }
    .success_portada_a,
    .link_portada {
        font-size: 14px !important;
    }
    .infoweb_title {
        font-size: 20px !important;
    }
}

.success_portada_title {
    color: #243141;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.success_portada_p {
    color: #243141;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.success_portada_a {
    color: #243141;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 1rem 0;
}

.link_portada {
    color: #9B004C;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration: none;
}

.success_portada,
.success_form,
.success_group_button,
.success_sugerencias,
.success_footer {
    margin: 0 auto;
    max-width: 1300px;
}

.success_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
}

.success_form_title {
    color: #243141;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 2rem;
}

@media (min-width: 900px) {
    .success_form_title {
        width: 780px;
    }
    #movil_title_success {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .success_form_title {
        font-size: 16px !important;
    }
    #web_title_success {
        display: none !important;
    }
    .form_container_success {
        display: flex !important;
        justify-content: center !important;
        gap: 1rem !important;
        flex-direction: column !important;
    }
    .success_portada_p {
        color: #243141;
        text-align: center;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding-top: 1rem;
        padding-bottom: 2rem;
        padding-right: 3.2rem;
        padding-left: 3.2rem;
    }
    .success_portada {
        padding: 3rem 0;
    }
}

.success_group_button_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .success_group_button_items {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4rem;
        row-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        justify-content: center;
    }
    .success_group_button_title {
        color: #243141;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding-bottom: 0.5rem;
    }
    .item_sugerencia_main {
        width: 350px;
        height: 305px;
        background: #F8F9FA;
    }
}

@media (max-width: 900px) {
    .success_group_button_items {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
    .success_group_button_title {
        color: #243141;
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        padding: 0 4rem 0.5rem 4rem;
    }
    .item_sugerencia_main {
        width: 100%;
        height: 305px;
        background: #F8F9FA;
    }
    .slider-sugerencias {
        padding: 0 2rem !important;
    }
}

.item_sugerencia_conatiner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.item_sugerencia_img {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}

.item_sugerencia_conatiner_texts {
    padding: 1rem;
}

.item_sugerencia_img img {
    width: 100%;
    height: auto;
}

.item_etiqeuta {
    position: absolute;
    background: #FF7918;
    padding: 0 1rem;
    transform: translateY(20px);
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.item_sugerencia_subtitle {
    color: #263A44;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.item_sugerencia_title {
    color: #263A44;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0.5rem 0;
    height: 60px;
}

.item_sugerencia_a {
    color: #FF7918;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.success_sugerencias {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.success_sugerencias .wrapper .my-slider .slick-dots {
    display: none;
}

.success_group_button {
    padding: 3rem 0;
}

.success_sugerencias_title_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.success_sugerencias_title {
    color: #263A44;
    text-align: center;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 0.5rem;
    /* 107.692% */
}

@media (min-width: 900px) {
    .slider-sugerencias {
        width: 750px;
    }
}

@media (max-width: 900px) {
    .slider-sugerencias {
        width: 100%;
    }
    .slider-sugerencias .wrapper-sugerencias button.slick-prev.slick-arrow {
        left: -20px !important;
    }
    .slider-sugerencias .wrapper-sugerencias button.slick-next.slick-arrow {
        right: -20px !important;
    }
}

.success_footer_text {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 3rem 0;
}

.cert_success {
    padding: 4rem 0;
}

.cert_success_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    text-align: center;
}

@media (min-width: 900px) {
    #btn_wspcontro_movil {
        display: none !important;
    }
}

@media (max-width: 900px) {
    #btn_wspcontro_web {
        display: none;
    }
    .cert_success_container {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 2rem !important;
        text-align: center !important;
    }
    .success_footer {
        display: none !important;
    }
}

.input_form_success {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #243141;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 0 1rem;
    border: none;
}

.input_form_select_success {
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #243141;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 0 1rem;
    border: none;
    border-radius: 5px 0px 0px 5px;
}

.input_form_phone_success {
    border-radius: 0px 5px 5px 0px;
    background: #FFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #243141;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 0 1rem;
    border: none;
}

.btn_success_form {
    border-radius: 4px;
    background: var(--Minera, var(--color-principal));
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    border: none;
}

@media (min-width: 900px) {
    .form_container_success {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }
    .input_form_success {
        width: 215px;
        height: 50px;
    }
    .input_form_select_success {
        width: 150px;
        height: 50px;
    }
    .input_form_phone_success {
        width: 215px;
        height: 50px;
        transform: translate(-3px, 0px);
    }
    .btn_success_form {
        width: 100px;
        height: 50px;
    }
}

@media (max-width: 900px) {
    .sub_cont_phone {
        display: flex;
    }
    .input_form_success {
        width: 100%;
        height: 50px;
    }
    .input_form_select_success {
        width: 70%;
        height: 50px;
    }
    .input_form_phone_success {
        width: 100%;
        height: 50px;
    }
    .btn_success_form {
        width: 100%;
        height: 50px;
    }
}


/*# sourceMappingURL=pa-diremin2023.css.map */