@charset "UTF-8";
/* CSS Document */
.titulo-portada {
    font-family: 'Open Sans';
    color: white;
    font-weight: 900;
    letter-spacing: -0.6rem;
    line-height: 70%;
    font-size: 7rem;
    max-width: 600px;
}

h1.titulo-portada span {
    font-size: 5rem;
    letter-spacing: -0.4rem;
}

.btn-fijo-inicio-correo {
    background-color: #F1972A;
    padding: 10px 40px;
    height: 30px;
    width: fit-content;
    display: flex;
    /* flex-direction: row; */
    align-self: center;
    vertical-align: sub;
    /* justify-content: center; */
    padding: 5px 20px;
    top: -65px;
    left: 310px;
    position: relative;
    font-size: 1.2rem;
    font-family: 'Open Sans';
    color: white;
    /* letter-spacing: -0.2rem; */
    -webkit-border-radius: 60px !important;
    -moz-border-radius: 60px !important;
    border-radius: 60px !important;
    /*   margin: auto 19px !important; */
}

.btn-fijo-inicio-codigo {
    background-color: #F1972A;
    /* width: fit-content; */
    display: flex;
    /* flex-direction: row; */
    align-self: center;
    justify-content: center;
    padding: 5px 20px;
    width: 15rem;
    top: -10px;
    /* left: 310px; */
    position: relative;
    font-size: 1.5rem;
    font-family: 'Open Sans';
    color: white;
    /* letter-spacing: -0.2rem; */
    -webkit-border-radius: 60px !important;
    -moz-border-radius: 60px !important;
    border-radius: 60px !important;
    /*  margin: auto 19px !important; */
}

@media (min-width: 768px) {
    .container {
        max-width: 940px;
        margin: 0 auto;
    }
}

.bg-portada {
    /* background-image: url(../img/bg-fondo.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;*/
    min-height: 85vh;
    width: 100%;
    margin-left: 2%;
    margin-right: 2%;
}

.btn-inicio-portada {
    margin: 0 !important;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px !important;
    position: relative !important;
}

span.info {
    font-weight: 900;
    color: white;
    display: flex;
    letter-spacing: -0.04rem;
    width: 579px;
    line-height: 100%;
    align-items: center;
    padding: 1rem 1rem 1rem 11rem;
    background-color: rgba(97, 77, 110, 0.6);
    font-size: 1.3rem;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: -163px;
}

    span.info img {
        margin-right: 10px;
    }

.btn-fijo-inicio.btn-inicio-portada.mt-5 {
    bottom: unset;
}

span.etiqueta {
    padding: 0.1rem 0.8rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
    font-family: 'Open Sans';
    font-weight: 900;
    background-color: #71627b;
    font-size: 0.8rem;
}

.detalles-pcr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*margin-bottom: -51px;*/
    width: 18rem;
    margin: auto;
}

.detalles-pcr-servicio {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    text-align: left;
    /* letter-spacing: 1.50rem; */
    /* margin-bottom: -51px; */
    /*  width: 12rem; */
    margin: auto;
    font-size: 2.5rem;
}

span.etiqueta-servicio {
    padding: 0.1rem 0.8rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
    font-family: 'Open Sans';
    font-weight: 900;
    background-color: #f19729;
    font-size: 1.8rem;
}

.jumbotron {
    padding: 2rem 5rem;
    margin-bottom: 2rem;
    background-color: unset;
    border-radius: .3rem;
    margin: auto;
}

.detalles-pcr p {
    line-height: 129%;
}

.top {
    position: fixed;
    top: 36px;
    right: 5%;
}

.footer-portada {
    color: white;
    font-weight: 900;
}

span.link-footer-portada {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    height: 42px;
}

    span.link-footer-portada a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.footer-portada p {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    height: 36px;
    margin-top: 10px;
}

.img-titulo-portada {
    margin-bottom: 4rem;
    width: max-content;
}

span.btn-footer {
    align-content: center;
    justify-content: flex-end;
    height: 42x;
    flex: auto;
}

span.info-correo {
    line-height: 100%;
    align-items: center;
}

@media (min-width:990px) {
    .img-titulo-portada-movil {
        display: none;
    }

    .footer-portada {
        display: flex;
    }
}

@media (max-width:990px) {
    body {
        padding: 0px;
        margin: 0px;
        background-color: #978c98;
        width: unset;
    }

    .img-titulo-portada-movil {
        margin: 17rem auto 3rem auto;
        width: 24rem;
        display: block;
        padding: 0 2rem;
    }

    .img-titulo-portada {
        display: none;
    }

    .icono-modal {
        width: 1.7rem !important;
        position: absolute !important;
        right: 6rem !important;
        left: unset !important;
        top: 20.2rem !important;
    }

    .bg-portada {
        background-image: url(../img/bg-fondo-movil.jpg);
        background-color: #978c98;
        position: relative;
        height: 100%;
        width: 100%;
        display: flex !important;
        background-size: 100%;
        flex-direction: column;
        background-position: 65% top;
        background-repeat: no-repeat;
    }

    .top {
        position: relative;
        top: 16px;
        right: unset;
        left: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .jumbotron {
        padding: 0;
        margin-bottom: 0;
        background-color: unset;
        border-radius: 0;
        margin: unset;
    }

    span.info {
        color: white;
        display: flex;
        width: auto;
        flex-direction: column;
        line-height: 100%;
        align-items: center;
        padding: 1rem;
        background-color: #614d6ea3;
        font-size: 1.3rem;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-left: 0;
        justify-content: center;
        text-align: center;
        font-size: 1.3rem;
        padding-left: 30px;
        padding-right: 30px;
    }

        span.info.mb-1 {
            padding-bottom: 0;
            margin: -25px 0 0 0 !important;
        }

    .all-width {
        padding: 0;
        width: 100%;
        margin: 0;
    }



    .btn-fijo-inicio.btn-inicio-portada.mt-5 {
        width: fit-content;
        display: flex;
        flex-direction: row;
        align-self: center;
        justify-content: center;
        padding: 10px 40px;
        top: -87px;
        position: relative;
        font-size: 2rem;
        letter-spacing: -0.2rem;
        -webkit-border-radius: 60px !important;
        -moz-border-radius: 60px !important;
        border-radius: 60px !important;
        margin: auto 19px !important;
    }


    .btn-inicio-portada-servicio.mt-5 {
        background-color: #978c98;
        width: fit-content;
        display: flex;
        flex-direction: row;
        align-self: center;
        justify-content: center;
        padding: 10px 40px;
        top: -87px;
        position: fixed;
        font-size: 2rem;
        letter-spacing: -0.2rem;
        -webkit-border-radius: 60px !important;
        -moz-border-radius: 60px !important;
        border-radius: 60px !important;
        margin: auto 19px !important;
    }

    span.info.mb-5 {
        padding-top: 0.9rem;
        padding-bottom: 4rem;
    }

    .footer-portada {
        min-width: 100%;
        color: white;
        font-weight: 900;
        background-color: #f19729;
        bottom: 0;
        justify-content: center;
        align-items: center;
        padding: 26px;
        /*margin-top: 7rem !important;*/
        text-align: center;
        margin: 0;
        width: auto;
        left: 0;
        right: 0;
        bottom: 0 !important;
        position: relative;
        margin-bottom: 0 !important;
        min-height: 260px;
    }

        .footer-portada p {
            display: flex;
            margin-bottom: 4rem;
            font-size: 1.5rem;
        }

    span.link-footer-portada {
        display: inline-flex;
        align-content: center;
        justify-content: center;
        height: 42px;
        flex-direction: column;
        width: 49%;
        margin: 0;
        padding: 0;
        margin-right: 0 !important;
    }

        span.link-footer-portada img.icono-1 {
            margin-bottom: 0.9rem;
            width: 4rem !important;
        }

        span.link-footer-portada img.icono-2 {
            margin-bottom: 0.8rem;
            width: 5.4rem !important;
        }

        span.link-footer-portada img {
            margin-left: 0;
            margin-right: 0 !important;
            padding-left: 0;
            padding-right: 0;
            align-items: center;
            justify-content: center;
            align-self: center;
        }

    span.info-correo {
        line-height: 100%;
        align-items: center;
    }
}

span.etiqueta {
    letter-spacing: -0.06rem;
    font-size: 0.7rem;
}

span.etiqueta-servicio {
    letter-spacing: -0.06rem;
    font-size: 1rem;
}

@media (max-width:768px) {
    .bg-portada {
        background-color: #978c98;
        position: relative;
        height: 100%;
        width: 100%;
        display: flex !important;
        background-size: 112%;
        flex-direction: column;
        background-position: center top;
        background-repeat: no-repeat;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 520px) {
    .bg-portada {
        background-size: 139%;
    }
}

@media (max-width: 425px) {
    .bg-portada {
        background-size: 166%;
    }
}

.wrap-inicio {
    padding: 0;
}

.header {
    background: #958C99;
}

.caja-horario-examen img {
    width: 27px;
    margin: auto;
}

.box-morado {
    border-radius: 18px;
    background-color: #614D6E;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    width: 100%;
}

.valor {
    background-color: #614D6E !important;
}

.modal .modal-content .modal-body p {
    text-align: center;
    color: #614d6e;
}

.titulo-paso h1 {
    color: #5a3b67;
    font-family: 'Open Sans';
    font-weight: 900;
    font-size: 1.4rem;
    letter-spacing: -0.04rem;
}

.pasos__bubble div {
    text-align: center;
    font-size: 0.8rem;
    line-height: 12px;
    margin: 5px 0 0 0;
    color: #593a66;
    font-weight: 900;
    letter-spacing: -0.04rem;
}

.icono-modal {
    width: 2rem;
    position: absolute;
    left: 24rem;
    top: 5rem;
}

.modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(102 97 105 / 69%);
    padding: 20px;
    z-index: 999;
    overflow-y: scroll;
}

.btn-close-modal {
    padding: 5px 10px;
    border: 1px solid #614d6e;
    font-size: 12px;
    border-radius: 20px;
    color: #614d6e !important;
    text-decoration: none;
}

@media(max-width:425px) {
    .icono-modal {
        right: 4rem !important;
    }
}

.infografia2 {
    width: -webkit-fill-available !important;
}

a.btn-rounder.btn-naranjo.width-all.btn-close-modal.border-0.font-weight-bold {
    font-size: 1rem;
    padding: 20px;
    width: 134%;
    color: white !important;
}

.jumbotron {
    background-color: unset !important;
}

@media(max-width:425px) {
    .detalles-pcr {
        width: auto;
        margin: auto;
        padding: 0;
    }

    .detalles-pcr-servicio {
        width: auto;
        margin: auto;
        padding: 0;
    }

    html, body {
        width: unset;
    }

    .jumbotron {
        padding: 0 !important;
        margin: 0 !important;
    }

    .footer-portada.my-5 {
        margin-bottom: 0 !important;
    }

    .img-titulo-portada-movil {
        margin: 17rem auto 3rem auto;
        width: 13rem;
        display: block;
        padding: 0 0rem;
    }

    .wrap-inicio {
        width: unset;
        padding: 0;
    }

    .btn-fijo-inicio.btn-inicio-portada.mt-5 {
        text-align: center;
        top: -71px;
        font-size: 1rem;
        letter-spacing: -0.09rem;
        margin: auto 19px !important;
    }

    .detalles-pcr {
        width: auto;
        margin: auto;
        padding: 0;
        font-size: -1.8rem;
    }

    .detalles-pcr-servicio {
        width: auto;
        margin: auto;
        /* padding: 0; */
        font-size: 1.65rem;
    }

    span.info {
        justify-content: center;
        text-align: center;
        font-size: 1rem;
    }

    .detalles-pcr p {
        font-size: 0.7rem;
    }

    .detalles-pcr-servicio p {
        font-size: 1.7rem;
    }

    form.form-modal-servicio {
        display: flex;
        flex-direction: row;
        padding: -15px 25px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        /* width: 35%; */
        line-height: 1;
        height: 60px;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        color: #9d9d9d;
    }

        form.form-modal-servicio .sm-form-control-servicio {
            width: 60%;
        }

    .btn-fijo-inicio-correo {
        position: sticky;
        padding: 8px 40px;
        /* top: -100px; */
        left: 90px;
        align-self: center;
        justify-content: center;
    }

    .footer-portada p {
        font-size: 1.3rem;
    }

    .icono-modal {
        right: 4rem !important;
        top: 19rem !important;
    }
}

/*adaptacion mensaje destacado*/

.top {
    top: 80px;
}

.caja-destacado img {
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

@media (max-width: 990px) {
    .top {
        position: relative;
        top: 261px !important;
        right: unset;
        left: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logotipo-s5i-2021 {
        width: 126px;
        margin-left: -10px;
    }

    .caja-destacado img {
        display: none;
    }
}

.caja-destacado {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    color: white;
    padding: 0.5rem 1rem;
    font-weight: 900;
    line-height: 100%;
    height: auto;
    letter-spacing: -0.03rem;
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-color: #f19629;
    font-size: 0.9rem;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .wrap-inicio {
        padding: 0 !important;
    }
}

.jumbotron {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
}

.img-titulo-portada {
    width: 95%;
    height: auto;
    padding-top: 30px;
}

.icono-modal {
    top: 7rem;
}

span.info {
    background-color: rgba(97, 77, 110, 0.6);
}

.detalles-pcr p {
    letter-spacing: -0.3px;
    color: #ffffff;
}

.detalles-pcr-servicio p {
    /* letter-spacing: -0.8px; */
    color: #ffffff;
    font-size: 0.65em;
    line-height: 0.8;
}

.icono-modal {
    width: 2rem;
    position: absolute;
    left: 30rem;
    top: 4rem;
}

.mfp-bg {
    background-image: url("../img/bg-modal.jpg");
    opacity: 1 !important;
}

.mfp-content .nav-carro h5.text-morado {
    font-size: 0.9rem !important;
    line-height: 119%;
    margin-top: 5px;
    color: #634c6e;
}

a.button.button-small.float-right.button-circle.button-border.button-light.boton-modal-ancho {
    right: 10px;
    top: 21px;
}

.boton-carro.carro-examenes {
    margin: auto;
    top: 3rem;
    right: 10%;
    z-index: 9999;
    position: fixed;
}

img.logotipo-modal-examenes {
    margin-right: 7rem;
}

.boton-carro.carro-examenes {
    margin: auto;
    top: 3rem;
    right: 8%;
    z-index: 9999;
    position: fixed;
}

.btn-cerrar-modal-ancho {
    right: -2px !important;
    top: 10px;
    line-height: 100% !important;
    padding: 0.3rem 1rem !important;
    height: auto !important;
    font-size: 0.6rem !important;
}

.boton-carro.carro-modal-ancho {
    top: 10rem;
}

img.logotipo-modal-examenes {
    margin-right: 1rem;
    width: 142px !important;
}

ul.process-steps.steps-examenes.clearfix {
    width: 600px;
    float: right;
}

.boton-carro.carro-modal-ancho {
    top: 8rem;
    right: 10rem;
}

.container-wizard.modal-examenes {
    padding: 2.3rem;
    background: #F6F4F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 84vh;
}

.mfp-content .container-wizard.modal-examenes h2 {
    color: #634c6e;
}

.container-wizard.modal-examenes span.badge-warning {
    color: #eeeeee;
    background-color: rgb(239, 145, 4);
    font-size: 1rem;
    padding: 6px 20px;
    letter-spacing: -0.07rem;
    font-family: 'open Sans';
    margin-bottom: 0.6rem !important;
}

.process-steps.steps-examenes li:before, .process-steps li:after {
    content: '';
    position: absolute;
    top: 22px;
    margin-left: 0;
    width: 37%;
    border-top: 2px solid #624c6e;
}

.mfp-content .process-steps.steps-examenes li.active h5, .mfp-content .process-steps.steps-examenes li.ui-tabs-active h5 {
    font-weight: 900;
    color: #ef9204;
    font-size: 14px;
    line-height: 107%;
}

.process-steps.steps-examenes li {
    float: left;
    position: relative;
    width: 25% !important;
    text-align: center;
    overflow: hidden;
}

.mfp-content .process-steps.steps-examenes li h5 {
    color: #624c6e;
    font-weight: 900;
    letter-spacing: -0.08rem;
    font-size: 0.9rem;
}

.process-steps.steps-examenes li {
    float: left;
    position: relative;
    width: 8rem !important;
    text-align: center;
    overflow: hidden;
}

    .process-steps.steps-examenes li:before, .process-steps li:after {
        content: '';
        position: absolute;
        top: 20px;
        margin-left: 0;
        width: 39%;
        border-top: 3px solid #9587a9;
    }

    .process-steps.steps-examenes li .i-circled {
        color: #624c6e;
        background-color: #f6f4f7 !important;
        border: #9587a9 2px solid;
    }

    .process-steps.steps-examenes li.active a, .process-steps.steps-examenes li.ui-tabs-active a {
        background-color: #ef9207 !important;
        color: #FFF;
        text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
        border-color: #ef9207 !important;
        font-size: 1rem;
        font-weight: 900;
    }

.contenido-step-examenes {
    padding: 0.5rem 2rem;
    background-color: #E8E3EB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 46vh;
}

.container-wizard.modal-examenes {
    padding: 1rem;
}

.boton-carro.carro-modal-ancho {
    top: 6rem;
    right: 6rem;
    z-index: 10000;
}

nav.nav-carro.nav-carro-examenes {
    left: -268px !important;
}

.mfp-content .nav-carro h5.text-morado {
    font-size: 0.9rem !important;
    line-height: 119%;
    margin-top: 5px;
    color: #634c6e;
    font-weight: 900;
    letter-spacing: -0.05rem;
}

label {
    color: #624c6e;
}

.contact-widget {
    height: 41vh;
    overflow-y: scroll;
    padding: 5px 10px;
    border-radius: 13px;
    overflow-x: hidden;
}

    .contact-widget .scroll {
        height: auto;
    }

.mfp-content .process-steps.steps-examenes li h5, .mfp-content .process-steps.steps-examenes li h5 {
    margin-top: 7px;
}

.footer-step-examenes {
    height: unset;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
}

.button-border.button-purple {
    color: #634c6e !important;
    border-color: #634c6e;
}

.button.button-border:not(.button-fill):hover {
    color: #ffffff !important;
}

@media(max-width:902px) {
    .float-left.d-flex.flex-column.align-items-start.p-4 {
        float: none;
        width: 100%;
        display: flex;
        align-items: center !important;
        justify-content: center;
        flex-direction: row;
    }

    ul.process-steps.steps-examenes {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        margin: auto;
        width: -webkit-fill-available;
    }

    .container-wizard.modal-examenes {
        padding: 0;
        background: #F6F4F7;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        height: 88vh;
    }

    .process-steps.steps-examenes li:before, .process-steps li:after {
        display: none;
    }

    .mfp-content .process-steps.steps-examenes li h5, .mfp-content .process-steps.steps-examenes li.active h5, .mfp-content .process-steps.steps-examenes li.ui-tabs-active h5 {
        font-size: 0.7rem;
    }
}

.container.container-botones-modal {
    max-width: 100% !important;
}

img.logotipo-modal-examenes {
    margin-right: 1rem;
    width: 142px !important;
    margin-top: 25px;
}

@media (max-width:768px) {
    .padding-movil-modal {
        padding-top: 102px;
    }
}

span.nombre-examen {
    font-size: 1rem;
    font-family: 'Open Sans';
    font-weight: 900;
    color: #624c6e;
    letter-spacing: -0.03rem;
}

.ss-main .ss-content .ss-list .ss-option.ss-highlighted span.nombre-examen, .ss-main .ss-content .ss-list .ss-option:hover span.nombre-examen,
.ss-main .ss-content .ss-list .ss-option.ss-highlighted span.valor-examen, .ss-main .ss-content .ss-list .ss-option:hover span.valor-examen {
    color: white;
}

.ss-main .ss-content .ss-list .ss-option.ss-disabled {
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: space-between;
}

span.valor-examen {
    font-size: 1.2rem;
    color: #624c6e;
    font-weight: 900;
    letter-spacing: -0.03rem;
}

.ss-main .ss-single-selected .placeholder:after {
    width: auto;
    color: #624c6e;
}

.ss-main .ss-single-selected .placeholder, .ss-main .ss-single-selected .placeholder * {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .ss-main .ss-single-selected .placeholder, .ss-main .ss-single-selected .placeholder * {
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-direction: row;
        width: auto;
        justify-content: space-between;
    }

span.valor-examen small {
    font-size: 0.7rem;
    font-weight: 900;
    margin-right: 0.3rem;
}

.ss-main .ss-content .ss-list .ss-option {
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: space-between;
    background-color: #e8e2ea;
}

    .ss-main .ss-content .ss-list .ss-option.ss-disabled {
        display: flex;
        flex-direction: row;
        width: auto;
        justify-content: space-between;
        opacity: 0.5;
    }

.contenido-step-noheight {
    padding: 0.5rem 2rem;
    background-color: #E8E3EB;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: auto;
}

.ss-main {
    position: relative;
    display: inline-block;
    user-select: none;
    color: #666;
    width: 25rem;
}

span.nombre-examen {
    font-size: 0.8rem;
}

.buscador-examen {
    display: flex;
    /*flex-direction: row;*/
    gap: 10px;
    width: 100%;
}

@media (max-width:700px) {
    .buscador-examen {
        flex-direction: column;
        width: fit-content;
    }

    button.button.button-purple.m-0 {
        min-width: 100%;
    }

    .ss-main {
        width: unset;
    }

    .contenido-step-noheight {
        padding: 0.5rem 0rem;
    }

    span.nombre-examen {
        font-size: 0.7rem;
        margin-right: 0.3rem;
    }

    span.valor-examen {
        font-size: 1rem;
    }

        span.valor-examen small {
            display: none !important;
        }
}

@media (max-width: 576px) {
    .buscador-examen {
        flex-direction: column; /* Apila select y botón para ganar espacio */
    }

    #btnAgregarCarroExamen {
        width: 100%; /* El botón también usa todo el ancho en mobile */
        margin-left: 0 !important;
    }
}

.ss-main .ss-content .ss-list .ss-option {
    align-items: center;
}

span.valor-examen {
    font-size: 1.2rem;
    color: #624c6e;
    font-weight: 900;
    letter-spacing: -0.03rem;
    align-items: center;
    display: flex !important;
    flex-direction: row;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
    transform: unset !important;
    margin: 0 !important;
}

.ss-main .ss-single-selected .ss-arrow:after {
    content: url(../img/icono-lupa-purple.svg);
    padding: 0px;
    margin-top: 3px;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
    transform: unset !important;
    border: unset;
    margin: 0 !important;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up {
    transform: unset !important;
    margin: 0;
    border: unset;
}

img.icono-grilla-1 {
    width: 1.4rem;
}

span.nombre-examen-grilla {
    color: #624c6e;
    font-size: 1rem;
    font-family: 'Open Sans';
    font-weight: 900;
    letter-spacing: -0.04rem;
}

.nombre-add {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-left: 0.5rem;
}

a.boton-add-examen {
    border: 2px solid #ef9204;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    color: #ef9204;
    font-size: 0.6rem;
    font-weight: 900;
    letter-spacing: -0.07rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 7rem;
    padding-right: 1rem;
}

img.add-examen {
    padding: 0.2rem;
    width: 20px;
}

span.nombre-examen-grilla {
    color: #624c6e;
    font-size: 0.8rem;
    font-family: 'Open Sans';
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -0.07rem;
    margin-bottom: 0.3rem;
    text-align: left;
}

span.precio-examen-grilla {
    color: #624c6e;
    font-size: 1rem;
    letter-spacing: -0.05rem;
    font-weight: 900;
}

.mfp-content a.boton-add-examen:hover {
    color: #ef9204;
}

.card-examenes-grilla {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

@media(max-width:1200px) {
    .card-examenes-grilla {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .nombre-add {
        flex-direction: column;
        align-items: center;
    }

    .items-examen {
        flex-direction: column !important;
        display: flex !important;
        align-items: center !important;
    }

    span.nombre-examen-grilla {
        text-align: center !important;
        margin-bottom: 0.3rem;
    }

    .card-examenes-grilla {
        flex-direction: column !important;
    }
}

.card-examenes-grilla {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
}

img.logotipo-examenes {
    width: 11rem !important;
}

img.logotipo-modal-examenes {
    margin-right: 1rem;
    width: 126px !important;
    margin-top: 25px;
}

span.nombre-examen-grilla {
    color: #624c6e;
    font-size: 0.9rem;
    font-family: 'Open Sans';
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -0.07rem;
    margin-bottom: 0.3rem;
    text-align: left;
}

.container-wizard.modal-examenes {
    padding: 1rem !important;
    background: #F6F4F7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: 84vh;
    max-width: none;
    margin: auto;
}

.items-examen {
    flex-direction: row;
    display: flex;
}

@media(max-width:995px) {
    .float-left.d-flex.flex-column.align-items-start.px-4.py-3 {
        display: flex !important;
        align-items: center !important;
        width: 100%;
    }

    ul.process-steps.steps-examenes {
        display: flex;
        align-items: center;
        justify-content: center !important;
        margin: auto;
        float: none !important;
    }
}

.container.container-botones-modal {
    max-width: 100% !important;
    min-height: auto !important;
}

.container-wizard.modal-examenes {
    min-height: auto !important;
    height: auto;
    min-width: -webkit-fill-available;
}

.contenido-step-noheight.white {
    background-color: #f6f4f7;
}

.ss-main {
    width: unset !important;
}

span.valor-examen small {
    font-size: 0.7rem;
    font-weight: 900;
    margin-right: 0.3rem;
    margin-left: 3rem;
}

.contact-widget.ordenes-s5i .scroll {
    height: 246px;
}

.caja-ordenes-s5i {
    background-color: #ffffff;
    padding: 2rem;
}

.footer-detalle-plan {
    background-color: #ffffff;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    padding: 19px;
    border-top: solid 2px #ef9204;
}

h5.nombre-detalle-plan {
    font-size: 1rem;
    color: #6b5676;
    font-weight: 400;
    letter-spacing: -0.09rem;
    text-align: left;
    margin-top: 0.21rem;
}

.header-tabla-detalle {
    background-color: #ffffff;
    color: #ef9204;
    font-weight: 900;
    font-size: 0.7rem;
    padding: 0px;
    text-align: center;
    border-bottom: solid 2px #ef9204;
}

img.icono-alerta-indicaciones {
    width: 6rem;
    margin: 1px auto;
}

.bg-indicaciones {
    background-color: #F6F4F7;
}

input.icono-direccion::after {
    content: url(../img/icono-direccion.svg);
}


#busqueda-consultas .ss-main {
    width: 100% !important;
    position: relative !important;
    display: inline-block !important;
    user-select: none !important;
    color: #666 !important;
}

.filtros-solicitud-atencion-plan .ss-main {
    width: 100% !important;
    position: relative !important;
    display: inline-block !important;
    user-select: none !important;
    color: #666 !important;
}

@media (min-width: 768px) {
    #processTabsExamenes .container {
        margin: 0 auto !important;
        max-width: 940px !important;
    }
}

#processTabsExamenes .container {
    padding: 10px !important;
    width: 100% !important;
}

    #processTabsExamenes .container.container-botones-modal {
        max-width: 100% !important;
        min-height: auto !important;
    }

@media (min-width: 768px) {
    .container {
        max-width: unset;
        margin: 0 auto;
    }
}

#processTabsExamenes .dropzone {
    border: 2px solid rgba(122, 120, 125, 0);
    background: #FFFFFF !important;
    padding: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 1rem;
    display: flex;
    border-radius: 12px;
    margin-bottom: 29px;
}

#processTabsExamenes .nomargin.btn-white.button-circle.p-2 {
    border: solid 2px #583763;
    border-radius: 25px;
    color: #583763;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: -0.06rem;
    margin-top: 23px;
    background-color: #FCFAFC;
    font-size: 0.9rem;
}

.container.container-botones-modal {
    max-width: 660px !important;
    margin-top: 0;
}

#processTabsExamenes .container.container-botones-modal {
    max-width: 100% !important;
    min-height: auto !important;
}

.dropzone {
    background: #786782 !important;
}

.box-morado {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: rgb(98 76 110 / 12%) !important;
    padding: 1.5rem 1.3rem;
}

.box-morado {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: rgb(98 76 110 / 12%) !important;
    padding: 1.5rem 1.3rem;
}

#processTabsExamenes .box-morado {
    color: #624C6E;
    text-align: center !important;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: rgb(255 255 255);
    padding: 1.5rem 1.3rem;
    box-shadow: 2px 0px 12px 0px rgb(189 188 188 / 20%);
    -webkit-box-shadow: 2px 0px 12px 0px rgb(82 75 75 / 18%);
    -moz-box-shadow: 2px 0px 12px 0px rgba(82,75,75,0.56);
}

#processTabsExamenes .dropzone {
    border: 2px solid rgba(122, 120, 125, 0);
    background: #FFFFFF !important;
    padding: 1rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 1rem;
    display: flex;
    border-radius: 12px;
    margin-bottom: 29px;
}

.filtros-solicitud-atencion .ss-main {
    width: 100% !important;
}

.filtros-solicitud-plan .ss-main {
    width: 100% !important;
}

#processTabsExamenes .ss-main {
    width: 100% !important; /* Cambiamos 29rem por 100% */
    min-width: 0 !important; /* Permite que se encoja en pantallas pequeñas */
}

@media(max-width:425px) {
    #processTabsExamenes .ss-main {
        width: 16rem !important;
    }
}

#processTabsExamenes .ss-main .ss-multi-selected span.nombre-examen {
    font-size: 0.9rem !important;
    font-family: 'Open Sans';
    font-weight: 900;
    color: #FFFFFF;
    letter-spacing: -0.03rem;
}

#processTabsExamenes .ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    font-size: 12px;
    padding: 3px 5px;
    margin: 3px 5px 3px 0;
    color: #fff;
    background-color: #624C6E;
    border-radius: 4px;
    animation-name: scaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    width: 100%;
    animation-fill-mode: both;
}

#processTabsExamenes .ss-main .ss-multi-selected span.valor-examen {
    color: white;
    font-size: 1rem;
}

#processTabsExamenes .ss-main .ss-multi-selected span.nombre-examen {
    font-size: 0.7rem !important;
    font-family: 'Open Sans';
    font-weight: 900;
    color: #FFFFFF;
    letter-spacing: -0.03rem;
}

#processTabsExamenes .ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

#processTabsExamenes span.ss-value-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#processTabsExamenes .ss-main .ss-multi-selected span.valor-examen {
    color: white;
    font-size: 1rem;
    display: none !important;
}

#processTabsExamenes .ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    width: auto;
    justify-content: space-between;
}

#processTabsExamenes .ss-main .ss-multi-selected {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    min-height: 46px;
    width: 100%;
    padding: 5px 0 5px 3px;
    border: 1px solid #DCDEE2;
    border-radius: 4px;
    background-color: #fff;
    outline: 0;
    box-sizing: border-box;
    transition: background-color .3s;
}

@media(max-width:700px) {
    button.btn.btn-primary.m-0.btn-agregar-carro {
        width: 100%;
        border-radius: 0 !important;
    }
}

.content-step a.boton-add-examen {
    color: #EF9204;
}

span.info {
    width: 635px !important;
}

@media(max-width:990px) {
    span.info {
        width: auto !important;
    }
}

@media(max-width:990px) {
    .detalles-pcr {
        width: unset;
    }
}

.icono-correo-footer {
    width: 26px;
    height: 26px;
    margin: auto !important;
    vertical-align: middle;
}

@media (max-width: 990px) {
    .img-titulo-portada-movil {
        margin: 4rem auto 3rem auto;
    }

    .top {
        top: 19px !important;
    }

    img.icono-ubicacion-detalles {
        width: 3rem;
    }

    img.icono-entrega-detalles {
        width: 4.5rem;
    }

    .footer-portada {
        /*margin-top: 2rem !important;*/
    }
}

@media (max-width: 425px) {
    span.info.mb-5 {
        padding-top: 0.9rem;
        padding-bottom: 3rem;
        margin-bottom: 36px !important;
    }

    .img-titulo-portada-movil {
        margin: 2rem auto 3rem auto;
        width: 11rem;
        display: block;
        padding: 0 0rem;
    }

    .footer-portada p {
        display: none;
    }

    .footer-portada {
        padding: 8px;
        margin-top: 0rem !important;
        min-height: 20px;
    }

    span.link-footer-portada {
        display: flex;
        align-content: center;
        justify-content: center;
        height: 32px;
        flex-direction: row;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-right: 0 !important;
    }

    .footer-portada.my-5 {
        margin-bottom: 0 !important;
        position: fixed;
        bottom: 0 !important;
    }

    .all-width {
        padding: 0;
        width: 100%;
        margin-bottom: -49px !important;
        margin: 0;
    }

    .icono-correo-footer {
        margin: unset !important;
    }

    span.link-footer-portada {
        display: flex;
        align-content: center;
        justify-content: space-evenly;
        height: 32px;
        flex-direction: row;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-right: 0 !important;
    }

    body, html {
        background: #978c98;
    }

    img.logotipo-examenes {
        width: 9rem !important;
    }

    img.logotipo-modal-examenes {
        margin-right: 0;
        width: 111px !important;
        margin-top: 25px;
    }

    .tabla-detalle.mt-5.px-4 {
        margin: 0 !important;
    }

    .container.container-botones-modal.seleccion-ordenes {
        display: flex;
        flex-direction: column-reverse;
    }

    .footer-step-examenes {
        margin-bottom: 13px;
    }
}

@media (max-width: 425px) {
    img.logotipo-examenes {
        width: 7rem !important;
    }

    img.logotipo-modal-examenes {
        margin-right: 0;
        width: 91px !important;
        margin-top: 25px;
    }
}

.check-terminos.check-terminos-examen label.checkbox-style-3-label {
    color: #583662;
}

.terminos {
    padding: 20px 23px;
}



.indicaciones-examenes-detalle {
    padding: 0.6rem;
    background-color: #f6f4f7;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

    .indicaciones-examenes-detalle h4 {
        margin-top: 0.5rem !important;
        font-size: 0.9rem !important;
        margin-bottom: 0.3rem !important;
    }

    .indicaciones-examenes-detalle h2 {
        font-size: 0.7rem !important;
        line-height: 93%;
        font-weight: 500 !important;
    }

img.icono-alerta-indicaciones {
    width: 2rem;
    margin: 1px auto;
}

@media (max-width:990px) {

    .bg-white.rounded-new.d-flex.flex-column {
        background-color: #f6f4f7 !important;
    }

    h5.nombre-detalle-plan {
        text-align: center;
    }

    .body-detalle-plan h1.titulo-detalle-plan {
        text-align: center;
    }
}

@media (max-width:767px) {

    .tabla-detalle {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width: 425px) {

    span.link-footer-portada {
        display: flex;
        align-content: center;
        justify-content: space-between;
        height: 32px;
        flex-direction: row;
        width: 93%;
        margin: 0;
        padding: 0;
        margin-right: 0 !important;
    }

        span.link-footer-portada img.icono-1 {
            margin-bottom: 0.9rem;
            width: 5.5rem !important;
            margin-bottom: 32px;
        }
}

.disclaimer-contacto {
    color: #5d4157;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    text-align: center !important;
}

    .disclaimer-contacto p {
        text-align: center;
    }

        .disclaimer-contacto p a {
            color: #eba233;
            font-weight: 900;
        }

            .disclaimer-contacto p a:hover {
                color: #eba233;
            }

span.hora-comprobante {
    color: #ef9204;
    font-weight: 900;
    font-size: 0.8rem;
    line-height: 115%;
}


.img-titulo-portada {
    margin-bottom: 2rem;
}

.btn-white.btn-fijo-inicio.btn-inicio-portada.mt-5 {
    background-color: unset;
    border: solid 1px white;
    margin-top: 5px;
    font-size: 13px;
    letter-spacing: -1px;
}

@media(max-width: 990px) {
    .btn-fijo-inicio.btn-inicio-portada.mt-5 {
        display: flex;
        flex-direction: row;
        align-self: center;
        justify-content: center;
        padding: 10px 40px;
        top: -87px;
        position: relative;
        font-size: 2rem;
        letter-spacing: -0.2rem;
        -webkit-border-radius: 60px !important;
        -moz-border-radius: 60px !important;
        border-radius: 60px !important;
        margin: auto 21px !important;
        margin-top: 92px !important;
    }
}

#formulario-cotizacion .contact-widget {
    height: 52vh;
    overflow-y: scroll;
    padding: 5px 10px;
    border-radius: 13px;
    overflow-x: hidden;
}

#formulario-cotizacion .dropzone.dz-clickable {
    cursor: pointer;
    height: 267px;
    display: flex;
    align-items: center !important;
    justify-content: center;
    flex-flow: row;
    flex-flow: row wrap;
    overflow-y: scroll;
}

#formulario-cotizacion h2.titulo-3 {
    font-size: 15px;
}

@media (max-width: 425px) {
    span.btn-footer {
        display: flex;
        align-content: center;
        justify-content: flex-end;
        height: 32px;
        flex-direction: row;
        width: 98%;
        margin: 0;
        padding: 0;
        margin-right: 0 !important;
    }
}

.pac-container {
    z-index: 9999 !important;
}