* {
    margin: 0;
    padding: 0;
}

:root {
    --color: #ff8800;
    --border: #ae9585;
    --label-primary:#fff3cd;
}

body {
    height: 100%;
}
.content_img{
    width: auto;
    height: 210px;
    top: 0;
    position: absolute;
    left: 5%;
}
.content_img-intrucciones{
    width: auto;
    height: 150px;
    top: 0;
    position: absolute;
    left: 5%;
}
.body__fondo__1 {
    background-image: url("../img/imagenes/fondos_fondo1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.body__fondo__2 {
    background-image: url("../img/imagenes/fondos_fondo2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.body__fondo__3 {
    background-image: url("../img/imagenes/fondos_fondo3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.body__fondo__4 {
    background-image: url("../img/imagenes/fondos_fondo4.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body__fondo__5 {
    background-image: url("../img/imagenes/fondos_fondo5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body__fondo__6 {
    background-image: url("../img/imagenes/fondos_fondo6.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body__fondo__7 {
    background-image: url("../img/imagenes/fondos_fondo9.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body__fondo__8 {
    background-image: url("../img/imagenes/fondos_fondo8.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body__fondo__white {
    background: #fff;
}
/*********** principal******************/
.fondos_fondo1{
    max-width: 550px!important;
    position: absolute;
    right: 0;
}
.content__flex {
    display: flex;
    justify-content: center;
    min-height: 80vh;
    align-items: center;
}

.content__principal {
    text-align: center;
    width: 700px;
}

    .content__principal h1 {
        font-weight: 600;
        font-family: Arial, Helvetica, sans-serif;
    }

.content__div__title {
    margin-top: 60px;
}

.content__div__title .content__title {
    display: flex;
}
.content__div__title .liner__vertical {
    color: var(--color);
}
.content__div__title .texto__title {
    color: #fff;
    font-size: 40px;
    background: var(--color);
    padding: 1px 15px;
    border-top-right-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.texto__title__carreras {
    color: #fff;
    font-size: 60px;
    padding: 1px 15px;
    border-top-right-radius: 20px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

/******************** ingreso****************************/
.img__logo {
    margin-top: 15px;
    margin-left: 15px;
}

.img__logo img {
    width:30%;
}

.content__text__ingreso {
    display: flex;
    justify-content: center;
    min-height: 60vh;
    align-items: center;
}

.content__empezar {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  
 
}
.fs-cantidad{
    font-size: 100px;
}
.imagen_empesar{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 750px;
}
.progress-bar-warning{
    background:var(--color);
}
.bg__orange {
    background-color: var(--color);
    color: #fff;
    padding: 2px;
}
.bg__orange__linear {
    border: 1px solid var(--color);
    color: var(--color);
    padding: 2px;
}
.bg__black {
    background-color: #382f2d;
    color: #fff;
    padding: 2px;
}
.bg_label_orange {  
    color: var(--color);
    border: 1px solid var(--color);
    padding: 2px;
}

.c__orange {
    color: var(--color);
}

.font__weight__600 {
    font-weight: 600;
}

.font__weight__500 {
    font-weight: 500;
}

.content__foto__ingreso {
    display: flex;
    justify-content: center;
    min-height: 100vh;
    align-items: center;
}

.align__center__right {
    margin-left: 50px;
}
.align-ingreso{
    margin-left: 50px;
}
.content-alternativas{
    margin-top: 20%;
}
.btn-liner-ingreso {
    border: 8px solid transparent;
    border-radius: 40px;
    background: linear-gradient(to bottom, rgb(240, 126, 5), rgb(255, 136, 0)), linear-gradient(to top, rgb(192, 129, 58), rgb(255, 154, 39));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-size: 25px;
    padding: 8px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 15px -20px;
}

.btn-liner-siguente {
    border: 5px solid transparent;
    border-radius: 40px;
    background: linear-gradient(to bottom, rgb(240, 126, 5), rgb(255, 170, 0)), linear-gradient(to top, rgb(192, 129, 58), rgb(255 189 39));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    /* Other styles */
    font-size: 20px;
    padding: 10px 50px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 15px -20px;
}

.btn-liner-confirmar {
    border: 5px solid transparent;
    border-radius: 40px;
    background: linear-gradient(to bottom, rgb(240, 126, 5), rgb(255, 170, 0)), linear-gradient(to top, rgb(192, 129, 58), rgb(255 189 39));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    /* Other styles */
    font-size: 20px;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 15px -20px;
}

.btn-liner-empezar {
    border: 5px solid transparent;
    border-radius: 40px;
    background: linear-gradient(to bottom, rgb(240, 126, 5), rgb(255, 170, 0)), linear-gradient(to top, rgb(192, 129, 58), rgb(255 189 39));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    /* Other styles */
    font-size: 20px;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 15px -20px;
}

.btn-liner-whatsapp {
    border: 5px solid transparent;
    border-radius: 40px;
    background: linear-gradient(to bottom, rgb(24, 118, 6), rgb(29, 145, 9)), linear-gradient(to top, rgb(24, 118, 6), rgb(29, 145, 9));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    /* Other styles */
    font-size: 16px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 15px -20px;
}

    .btn-liner-whatsapp .icono__whatsapp {
        color: #1d9109;
        padding: 3px 5px;
        background-color: #fff;
        border-radius: 50%;
        font-size: 16px;
        margin-right: 10px;
    }

.btn-liner-ingreso .icono__play {
    color: var(--color);
    padding: 10px 14px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 20px;
    margin-left: 10px;
}

.btn-liner-siguente .icono__play {
    color: var(--color);
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    margin-left: 10px;
}

.btn-liner-confirmar .icono__play {
    color: var(--color);
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    margin-left: 10px;
}

.btn-liner-empezar .icono__play {
    color: var(--color);
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 50%;
    font-size: 18px;
    margin-left: 10px;
}

.btn-liner-introduccion {
    background: none !important;
    border-color: var(--color);
    font-weight: 600;
    padding: 10px 30px !important;
    font-size: 30px;
    color: black;
}

.btn-liner-alternativa {
    background: none !important;
    border-color: var(--color);
    font-weight: 600;
    padding: 10px 10px !important;
    font-size: 20px;
    color: black;
}

.btn-liner-daleclick {
    background: none !important;
    border-color: var(--color);
    font-weight: 600;
    padding: 0px 20px !important;
    font-size: 14px;
    color: black;
}

.bg__select {
    background: var(--color);
    color: #fff;
    height: 50px !important;
}

.btn__pol__pri {
    background: #ae9585 !important;
    color: #fff !important;
    height: 50px !important;
    font-size: 1.5rem;
    border-radius:10px;
    border: none;
}

.align__buttom {
    text-align: right;
}

/************************ formulario ingreso *********************************/
.content__formulario {
    display: flex;
    justify-content: center;
    min-height: 100vh;
    align-items: center;
}
.content__formulario_datos {
    display: flex;
    justify-content: end;
    min-height: 100vh;
    align-items: center;
    margin-right: 50px;
}
.content__formulario_datos .formulario{
    padding:30px;
    max-width: 500px;
}
.formulario {
    padding: 5px 30PX;
}
.align-check{
    display: flex;
    align-items: center;
    justify-content: start;
    text-align: start;
}
.elije_carrera{
    position: absolute;
    bottom: 5%;
    left: 5%;
    max-width: 380px;
}
.botton-empesar{
    position: absolute;
    bottom: 10%;
    right: 10%;
}
.border__input {
    border-color: var(--border);
    border-width: 2px;
    border-style: dashed;
}

.border__dashed {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 2px dashed var(--border);
    padding: 5px;
    border-right: none;
}

.div__border__right {
    border-right: 2px dashed var(--border);
}

.div__border__bottom {
    border-bottom: 2px dashed var(--border);
}

.div__border__left {
    border-left: 2px dashed var(--border);
}


.align__content__carreras {
    display: flex;
    justify-content: center;
}

.heigth__input {
    height: 50px !important;
}

.content__parrafo__instrucciones {
    padding: 20px;
    position: absolute;
    top: 53%;
    left: 25%;
    margin: auto;
    transform: translate(-20%, -53%);
    text-align: justify;
}

.align__button {
    position: absolute;
    bottom: 10%;
    right:10%;
}

.content__img__pc {
    text-align: center;
}
.img__card__fondo {
    width: 20%;
}
.img__card__fondo img {
    width: 150px;
    height: auto!important;
}

/************************** alternativas ***********************/
.img__ilustraciones {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.input__check__answer {
    width: 20px;
    height: 20px;
}

.content__lista__carrera {
    background: var(--color);
    color: white;
    padding: 10px;
    /* border-radius: 10px; */
}

.content__lista__carrera ul li {
    font-size: 20px;
}

.fas__font__size {
    font-size: 40px;
    color: var(--color);
    ;
}

.font__weight__600 {
    font-weight: 600;
}

.align__text__icon {
    display: flex;
    justify-content: right;
    align-items: center;
    flex-wrap: wrap;
}

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

.border__div__error {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.padding__telefono {
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.margin__menos {
    margin-left: -15px;
}

.title__felicidades {
    color: var(--color);
}

.nombre__color {
    color: var(--color);
}

.font__size__error__title {
    font-size: 60px;
}

.parrafo__final {
    text-align: justify;
    padding: 20px;
}

.content__parrafo__footer {
    margin-right: 100px;
}

/********************************* carreras *********************************************/
.numero__carrera {
    margin-left: 180px;
}

.padding__top__20 {
    padding: 20px;
}

.margin__top__25 {
    margin-top: 25px;
}

.margin__top__70 {
    margin-top: 70px;
}
.margin__top__120 {
    margin-top: 120px;
}
.padding__top__45 {
    padding: 45px;
}

.h1__font__size {
    font-size: 40px;
}
.imagen-felicitaciones{
    position: absolute;
    right: -20%;
}
.contenedor {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width:2560px) {
    .contenedor {
        max-width: 1440px;
    }

    .texto__title__carreras {
        font-size: 60px;
    }
}

@media (max-width:1920px) {
    .contenedor {
        max-width: 1144px;
    }
}

@media (max-width:1600px) {
    .contenedor {
        max-width: 1144px;
    }

    .texto__title__carreras {
        font-size: 55px;
    }
    .content-alternativas{
        margin-top: 20%;
    }
}

@media(max-width:1024px) {
    .content_img{
        width: auto;
        height: 150px;
        top: 0;
        position: absolute;
        left: 5%;
       
    }
    .content_instrucciones{
        width: auto;
        height: 200px;
        top: 0;
        position: absolute;
        left: 5%;
       
    }
    .img__card__fondo img {
        width: 150px;
        height: auto!important;
    }
    
    .content_img-intrucciones{
        width: auto;
        height: 150px;
        top: 0;
        position: absolute;
        left: 5%;
    }
    .h1__font__size {
        font-size: 40px;
    }

    .texto__title__carreras {
        font-size: 44px;
    }

}

@media (max-width:768px) {

    .body__fondo__1,
    .body__fondo__2,
    .body__fondo__3,
    .body__fondo__4,
    .body__fondo__5,
    .body__fondo__6,
    .body__fondo__7,
    .body__fondo__8 {
        background: #fff;
    }
    .content_img{
        width: auto;
        height: 170px;
        top: 0;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }
    .content_img-intrucciones{
        width: auto;
        height: 150px;
        top: -2%;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -2%);
    }
    .content__text__ingreso {
        min-height: 60vh;
    }
    .content__formulario_datos {
        display: flex;
        justify-content: center;
        min-height: 100vh;
        align-items: center;
        margin-top: 10%;
        margin-right: 0;
    }
    .content__formulario {
        display: flex;
        justify-content: center;
        min-height: 80vh;
        align-items: center;
    }
    .img__card__fondo img {
        width: 100px;
        height: auto!important;
    }
    .align-ingreso{
        margin-left: 0px;
    }
    .fondos_fondo1{
     display: none;
    }
    .content__parrafo__instrucciones {
        padding: 20px;
        position: absolute;
        top: 50%;
        left: 20%;
        margin: auto;
        transform: translate(-15%, -50%);
        text-align: justify;
    }
    .content-alternativas{
        margin-top: 20%;
    }
    .imagen-felicitaciones{
        position: static;
        right: -15%;
        width: 500px;
        margin-top: 5%;
    }
    .h1__font__size {
        font-size: 35px;
        text-align: center;
    }

    .content__foto__ingreso {
        min-height: 40vh;
        align-items: center;
    }

    .icon__carreras {
        width: 50px;
    }

    .img__test__ingreso {
        max-width: 100%;
    }

    .align__button {
        position: absolute;
        bottom: 10%;
        right: 50%;
        transform: translate(50%, 10%);
    }

    .img__logo {
        margin-left: 0px;
        text-align: -webkit-center;
    }

    .img__logo img {
        width: 70%;
        height: auto;
    }

    .align__center__right {
        margin-left: 0px;
        text-align: center;
    }

    .align__center {
        text-align: center;
    }

    .icono__play {
        font-size: 18px;
        padding: 6px 10px;
    }

    .align__buttom {
        text-align: center;
    }

    .content__parrafo__footer {
        margin-right: 0px;
    }

    .padding__top__20 {
        padding: 0px;
    }

    .margin__top__25 {
        margin-top: 10%;
    }
    .margin__top__70 {
        margin-top: 15%;
    }
    .padding__top__45 {
        padding: 0px!important;
    }
}

@media (max-width:540px) {
    .imagen-felicitaciones{
        position: absolute;
        right: 0;
    }
    .content__text__ingreso {
        min-height: 30vh;
        text-align: center !important;
    }
    .content__formulario_datos {
        display: flex;
        justify-content: center;
        min-height: 100vh;
        align-items: center;
        margin-top: 10%;
    }
    .elije_carrera{
        position: absolute;
        bottom: 15%;
        left: 5%;
        max-width: 220px;
    }
    .img__card__fondo {
        width: 33%;
    }
    .botton-empesar{
        position: absolute;
        bottom: 10%;
        right: 5%;
    }
    .margin__top__25{
        margin-top: 35%;
    }
    .margin__top__70 {
        margin-top: 35%;
    }
    .h1__font__size {
        font-size: 35px;
        text-align: center;
    }

    .h2__font__size {
        font-size: 30px;
        text-align: center;
    }

    .h3__font__size {
        font-size: 25px;
        text-align: center;
    }

    .content__foto__ingreso {
        min-height: 40vh;
        align-items: center;
    }

    .img__test__ingreso {
        max-width: 100%;
    }

    .btn-liner-ingreso {
        font-size: 20px !important;
        padding: 10px 10px;
    }

    .btn-liner-introduccion {
        font-size: 20px !important;
        padding: 5px 5px;
    }

    .align__button {
        text-align: center !important;
    }

    .icono__play {
        font-size: 14px;
        padding: 5px 8px !important;
    }

    .align__text__icon {
        justify-content: center;
    }

    .border__dashed {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border: 2px dashed var(--border);
        padding: 5px;
        margin: 10px;
    }

    .icon__carreras {
        width: 50px;
    }

    .nombre__carreras {
        font-size: 12px;
    }

    .border__div__error {
        border-radius: 20px;
        margin: 10px;
    }

    .font__size__info {
        font-size: 12px;
    }

    .content__div__title {
        margin-top: 50px;
    }

        .content__div__title .texto__title {
            font-size: 25px;
        }

    

    .numero__carrera {
        margin-left: 70px;
    }

        .numero__carrera h1 {
            margin-left: 25px;
        }
 
    
    .padding__top__45 {
        padding: 0px;
    }

    .texto__title__carreras {
        font-size: 34px;
    }
}
@media (max-width:425px){
    .elije_carrera{
        position: absolute;
        bottom: 15%;
        left: 50%;
        max-width: 220px;
        transform: translate(-50%, -15%);
    }
    .botton-empesar{
        position: absolute;
        bottom: 10%;
        right: 50%;
        transform: translate(50%, 10%);
    }
    .content__parrafo__instrucciones {
        padding: 20px;
        text-align: justify;
        margin-top: 20%;
    }
    .content-alternativas{
        margin-top: 30%;
    }
    .img__card__fondo {
        width: 33%;
    }
}
@media (max-width:375px) {
    .content__formulario_datos {
        display: flex;
        justify-content: center;
        min-height: 100vh;
        align-items: center;
        margin-top: 15%;
    }
    .elije_carrera{
        position: absolute;
        bottom: 25%;
        left: 50%;
        max-width: 220px;
        transform: translate(-50%, -25%);
    }
    .content__parrafo__instrucciones {
        padding: 30px;
        text-align: justify;
        margin-top: 20%;
    }
    .img__card__fondo {
        width: 50%;
    }
    .botton-empesar{
        position: absolute;
        bottom: 15%;
        right: 50%;
        transform: translate(50%, 15%);
    }
    .content-alternativas{
        margin-top: 32%;
    }
    .h2__font__size {
        font-size: 30px;
        text-align: center;
    }

    .h3__font__size {
        font-size: 20px;
    }

    .content__foto__ingreso {
        min-height: 40vh;
        align-items: center;
    }

    .img__test__ingreso {
        max-width: 100%;
    }

    .btn-liner-ingreso {
        font-size: 15px !important;
        padding: 10px 10px;
    }

    .btn-liner-introduccion {
        font-size: 15px !important;
        padding: 5px 5px;
    }

    .align__button {
        text-align: center !important;
    }

    .icono__play {
        font-size: 14px;
        padding: 5px 8px !important;
    }

    .nombre__carreras {
        font-size: 9px;
    }

    .parrafo__final {
        text-align: justify;
        padding: 5px;
    }

    .border__div__error {
        font-size: 12px;
        margin: 10px;
    }

    .font__size__info {
        font-size: 12px;
    }

    .content__div__title {
        margin-top: 50px;
    }

        .content__div__title .texto__title {
            font-size: 20px;
        }

    .texto__title__carreras {
        font-size: 24px;
    }

    .numero__carrera {
        margin-left: 70px;
    }

        .numero__carrera h1 {
            font-size: 25px;
        }

    .padding__top__45 {
        padding: 0px!important;
    }
}

/*CHECKED*/
.div-circle {
    padding-left: 10px;
    padding-right: 12px;
    cursor: pointer;
    border-radius: 6px;
    width: 25px;
    height: 25px;
    margin: auto;
    background-color: white;
    border: 1px solid #fd8700;
}

.div-circle span {
    color: #fd8700;
    font-weight: 600 !important;
    position: relative;
    right: 2.5px;
}

    
.div-check-circle {
    padding-left: 10px;
    padding-right: 12px;
    cursor: pointer;
    /*border-radius: 100%;*/
    width: 25px;
    height: 25px;
    margin: auto;
    background-color: #fd8700;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    /* border-radius: 6px; */
    -moz-box-shadow: 0 3px 5px #ccc;
    -webkit-box-shadow: 0 3px 5px #ccc;
    -o-box-shadow: 0 3px 5px #ccc;
    box-shadow: 0 3px 5px #ccc;
}

    .div-check-circle span {
        color: white !important;
        font-weight: 600 !important;
        position: relative;
        right: 1px;
        top: 1px;
    }

.font-circular {
    font-family: 'Circular Std Book', sans-serif;
}

.font-circular-bold {
    font-family: 'Circular Std Bold', sans-serif;
}

.font-harabara {
    font-family: 'Harabara Mais Demo', sans-serif;
}

/*preguntas css*/
@media (max-width:768px) {
    .pre_left_0 {
        left: 0px !important;
    }

    .pre_right_25 {
        right: 25px !important;
    }

    .contaier_alternativas {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}