*{
    box-sizing: border-box;
    color: #020c41;
}

h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    font-weight: normal;
}
body{
    font-family: 'Garnett-Regular' !important;
}
#body.inactive{
    overflow: hidden;
}

.strong{
   font-family: "Garnett-Medium", sans-serif;;
}
.banner-text-size14{
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 18px;
}

.banner-text-size14:last-of-type{
    padding-bottom: 0;
}
.cta-underline{
    text-decoration: underline !important;
}

.main-container{
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;    
}

@media screen and (max-width: 1280px) {
    .main-container{
        padding: 0 80px;
    }    
}

@media screen and (max-width: 900px) {
    .main-container{
        padding: 0 54px;
    }    
}

@media screen and (max-width: 680px) {
    .main-container{
        max-width: 600px;
        padding: 0 20px;
    }    
}

/* #region CintilloSticky */
.cintilloSticky-wrapper{
    position: sticky;
    top: 60px;
    border-bottom: 2px solid #FBAF28;
    background-color: #fff;
    z-index: 2000;
}

.cintilloSticky-wrapper.cintilloInnactive{
    display: none;
}

.cintilloSticky-container{    
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 14px 20px;
}


@media screen and (max-width: 640px) {
    .cintilloSticky-container{
        padding: 12px 20px;
    }    
}

.cintilloSticky-icon-text{
    display: flex;
}

.cintilloSticky-icon-container img{
    vertical-align: middle;
}

@media screen and (max-width: 640px) {
    .cintilloSticky-icon-container img{
        width: 20px;
    }  
}

.cintilloSticky-text-container{
    display: flex;
    align-items: center;
}

.cintilloSticky-text{
    padding-left: 17px;
    font-size: 14px;
    line-height: 20px;
}

@media screen and (max-width: 640px) {
    .cintilloSticky-text{
        padding-left: 0;
        margin-left: -22px;
        margin-top: 5px;
    }    
}


@media screen and (max-width: 540px) {
    .cintilloSticky-text{
        font-size: 12px;
        line-height: 20px;
    }    
}

.cintilloSticky-strong{
    color: #020c41;
    font-size: 14px;
    line-height: 20px;
}
.cintilloSticky-strong::after{
    content: attr(data-desktoptext);
}

@media screen and (max-width: 640px) {
    .cintilloSticky-strong{
        display: block;
        margin-left: 36px;
    }
    .cintilloSticky-strong::after{
        content: attr(data-mobiletext);
    }    
}

.cintilloSticky-description::after{
    content: attr(data-desktoptext);
    color: #666666;

}

@media screen and (max-width: 640px) {
    .cintilloSticky-description::after{
        content: attr(data-mobiletext);  
    }   
}


@media screen and (max-width: 640px) {
    .cintilloSticky-iconCloseMenu-container{
        position: absolute;
        top: 20px;
        right: 20px;
    }  
}

.cintillocloseMenu{
    width: 16px;
    height: 16px;
    background-image: url(./assets/icon-closeMenu.svg);
    display: block;
    cursor: pointer;
}

/* #endregion CintilloSticky */

.main-text-wrapper{
    background-color: #F3F7FF;
    padding-bottom: 540px;
}

.main-container-text{
    padding: 60px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 140px;
    text-align: center;
}

@media screen and (max-width:768px) {
    .main-container-text{
        padding: 60px 20px;
        padding-top: 100px;
    }
    
}
.main-text-subtite1{
    font-family: "Garnett-Semibold", sans-serif;
    color: #020c41;
    font-size: 14px;
}
@media screen and (max-width:680px) {
    .main-text-subtite1{
        font-size: 12px;
    }    
}
.main-text-title {
    color: #020c41;
    font-size:42px;
    margin: 0px;
    font-family: "Garnett-Semibold", sans-serif;
}
@media screen and (max-width:680px) {
    .main-text-title{
        font-size: 24px;
        line-height: 34px;
    }    
}

.main-text-title .main-text-title-spotlight{
    color: #035cf7;
}

.main-text-subtitle2{
    color: #666666;
    font-size: 18px;
    margin: 0;
}

@media screen and (max-width:680px) {
    .main-text-subtitle2{
        font-size: 14px;
        line-height: 24px;
    }
    
}

.widgetMap-container{
    margin-top: -560px;
}

.widgetMap-container #smt-covwidget-widgetdisclaimer{
    display: none;
}

.banners-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}

.banner{
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 0px 3px #00000008;
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 40px;
}

.banner.banner-map{
    padding: 20px;
}

.banner-text-container{
    padding: 30px;
}

@media screen and (max-width:680px) {
    .banner-text-container{
        padding: 20px;
    }

    .banner.banner-map{
        padding: 12px;
    }

}

.banner-cta-text{
    color: #035cf7;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 0;
}

.banner-infoImport{
    width: 60%;
    flex: 0 0 calc(60% - 16px);
}

@media screen and (max-width:900px) {
    .banner-infoImport{
        width: 100%;
        flex: auto;
    }
    
}

.banner-sm-subtitle{
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    font-family: "Garnett-Semibold", sans-serif;
}
.banner-infoImport .banner-sm-subtitle{
    color: #48a83e;
}

.banner-title{
    font-size: 18px !important;
    color: #020c41;
    margin-top: 0;
    font-family: "Garnett-Semibold", sans-serif;
    padding-bottom: 10px;
    line-height: 24px;
}

.banner-list{
    font-size: 14px;
    padding-left: 18px;
    margin: 0;
    color: #020c41;
    line-height: 24px;
}

.banner-txt-spotlight{
    color: #007CC2;
    text-decoration: none;
}

.banner-segViaje{
    width: 40%;
    flex: 0 0 calc(40% - 16px);
    position: relative;
}

@media screen and (max-width:900px) {
    .banner-segViaje{
        width: 100%;
        flex: auto;
    }
    
}

.banner-segViaje .banner-sm-subtitle{
    color: #1b8198;
}

.banner-segViaje-cta-wrapper{
    background-color: #EBF5FA;
    display: flex;
    justify-content: flex-end;
    padding: 12px 31px;
    width: 100%;
    bottom: 0;
    position: absolute;
}

@media screen and (max-width:900px) {
    .banner-segViaje-cta-wrapper{
        position: relative;
    }
    
}

.banner-cta-button{
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    color: #007CC2;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 39px;
    font-size: 12px;
    align-self: center;
    text-decoration: none;
}

.banner-cta-button:hover{
    background-color: #007cc2;
    color: #FFFFFF;
    border-color: #007cc2;
    cursor: pointer;
}


.banner-masInfo .banner-text-container-left{
    display: flex;
    align-items: center;
}

@media screen and (max-width:900px) {
    .banner-masInfo .banner-text-container-left{
        flex-direction: column;
        align-items: flex-start;
    }
    .banner-masInfo .banner-text-container-left p{
        margin: 4px 0;        
    }
    .banner-masInfo .banner-text-container-left h3{
        margin: 4px 0;        
    }

    
}

.banner-masInfo .banner-text-container-left .banner-text-left-title{
    margin-right: 8px;

}

.banner-reqViaje{
    width: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

@media screen and (max-width:960px){
    .banner-reqViaje{
        width: 100%;
        margin-bottom: 0;
        border-right: 1px solid #E5E5E5;
        border-bottom: none;
    }    
}

.banner-reqViaje .banner-sm-subtitle{
    color: #E91B2F;
}

.banner-aliLaboratorios{
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #F2F8FC;
}

@media screen and (max-width:960px){
    .banner-aliLaboratorios{
        width: 100%;
    }    
}

.banner-aliLaboratorios .banner-sm-subtitle{
    color: #004990;
}
.container-banner-title{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.container-banner-title img{
    width: 22px;
    height: 20px;
    margin-right: 10px;
}

.banner-title-g{
    color: #020c41;
    font-size: 24px !important;
    margin: 0;
    font-family: "Garnett-Semibold", sans-serif;
}

@media screen and (max-width: 540px) {
    .banner-title-g{
        font-size: 20px !important;
    }
    
}

.banner-textHeader{
    display: flex;
}

.banner-textHeader img{
    position: relative;
    top: 15px;
    margin-right: 10px;
    height: 57px;
}

@media screen and (max-width:540px) {
    .banner-textHeader img{
        top: 0;
    }
    
}


.banner-textContent{
    margin-left: 58px;
}

@media screen and (max-width:540px) {
    .banner-textContent{
        margin-left: 0;
    }
    
}

.banner-aliLaboratorios .banner-textContent p{
    margin-top: 0;
}

.legal-container{
    background-color: rgb(250 250 250);
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
}

.legal-mainContent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1280px;
    padding: 30px 20px;
}

.legal-mainContent .legal-contentParr{
    font-size: 11px;
    color: #666666;
    line-height: 18px;
}

.legal-contentParr .legal-contentLink{
    color: #035cf7;
}

/* Modal */
.modal-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 100px;
    z-index: 2000;
    display: none;
    overflow: auto;
}

.modal-wrapper.active{
    display: block;
}
.modal{
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    margin: 0 auto;
    max-width: 704px;
    overflow: auto;
    margin-bottom: 200px;
    display: none; 
}

.modal.active{
    display: block;
}


.modal-header{
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    padding: 25px;
    align-items: center;
}

.modal-header img{
    width: 45px;
}
.modal-header h2{
    color: #020c41;
    font-family: "Garnett-Semibold", sans-serif;
    font-size: 28px;
    margin: 0;
    margin-left: 15px;
}
.modal-header .close{
    margin-left: auto;
    width: 20px;
    cursor: pointer;
}
.modal-content{
    padding: 30px;
    color: #020c41;
    font-size: 14px;
    line-height: 24px;
}

.modal-content ul{
    padding-left: 18px;
}

.gray-text{
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
}

.banner-cta-text img{
    max-width: 12px;
}

.banner-content-text{
    font-size: 14px;
}

.container-textInfo{
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:768px) {
    .container-textInfo{
        flex-direction: column;
    }    
}

.infoMasInfo{
    padding-bottom: 20px;
}

.container-textInfo h4{
    color: #020c41;
    font-family: "Garnett-Semibold", sans-serif;
    font-size: 18px !important;
    line-height: 22px;
    font-weight: normal;
    padding-bottom: 10px;
}

.container-textInfo .textInfo-parr{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}

.masInfo-container{
    padding-bottom: 60px;
}

.wrapperModalLabs .pre-header{
    font-size: 12px;
    line-height: 18px;
    color: #007cc2;
}

.wrapperModalLabs h3{
    color: #020c41;
    font-weight: normal;
    font-size: 32px !important;
    line-height: 36px;
    margin-bottom: 10px;
    font-family: "Garnett-Semibold", sans-serif;
}

.wrapperModalLabs .modalDescription{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
}

.labs-content{
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: center;
}

.labs-content:first-of-type{
    padding: 0;
    padding-bottom: 20px;
}

.wrapperDescLabs{
    padding-left: 10px;
}

.wrapperDescLabs .labsTitle{
    color: #020c41;
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 0;
    font-family: "Garnett-Semibold", sans-serif;
}

.wrapperDescLabs .labsDesc{
    color: #666666;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}

.wrapperDescLabs .labsMore{
    color: #007cc2;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
}
.banner-text-cta-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    gap: 12px;
}

@media screen and (max-width: 680px){
    .banner-text-cta-container {
        padding: 20px;
    }
}

.banner-headerImgTitle-container{
    display: flex;
}

.banner-text-img-container{
    display: flex;
    align-items: center;    
}

.banner-text-img-container .banner-img-container .banner-img{
    margin-right: 20px;    
}
@media screen and (max-width:760px) {
    .banner-text-img-container .banner-img-container .banner-img{
        display: none;
    }    
}
.banner-text-img-container .text-container p{
    font-size: 14px;
    line-height: 22px;
}

.banner-reqMex-wrapper{
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 10px;
    padding-bottom: 40px;
}

@media screen and (max-width:1280px) {
    .banner-reqMex-wrapper{
        padding: 0 70px;
        padding-bottom: 40px;
    }    
}

@media screen and (max-width:900px) {
    .banner-reqMex-wrapper{
        padding: 0 42px;
        padding-bottom: 40px;
    }    
}

@media screen and (max-width:680px) {
    .banner-reqMex-wrapper{
        padding: 0 20px;
        padding-bottom: 40px;
    }    
}
.banner-reqMex{
    margin-bottom: -5px;
}

.banner-reqMex-text-container{
    display: flex;
    flex-direction: column;

}

.banner-reqMex-text-container .banner-img-container{
    position: relative;
    margin-right: 10px;
    top: 14px;
}

@media screen and (max-width:980px) {
    .banner-reqMex-text-container .banner-img-container{
        top: 40px;
    }
    
}

.banner-reqMex .text-container{
    margin-left: 70px;
    margin-top: -30px;
}

@media screen and (max-width:980px) {
    .banner-reqMex .text-container{
        margin-top: 0px;
    }
    
}
.banner-reqMex .text-container .banner-cta-text{
    display: none;

}

@media screen and (max-width:680px) {
    .banner-reqMex-text-container .banner-img-container{
        top: 0;
    }
    .banner-reqMex-text-container .banner-img-container .banner-img{
        width: 48px;
    }
    .banner-reqMex .text-container{
        margin-left: 0;
    }
}

@media screen and (max-width:375px) {
    .banner-reqMex-text-container .banner-img-container{
        display: none;
    }
}

@media screen and (max-width:680px) {
    .banner-reqMex .text-container p{
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }
    .banner-reqMex .text-container .banner-cta-text{
        display: block;    
    }
    
    .banner-text-cta-container .banner-btn-container{
        display: none;

    }

    .banner-reqMex .text-container{
        margin-left: 0;
    }
}

.banner-btn-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 220px;
}
.banner-btn-container a{
    padding: 12px 20px;
    margin: 0 5px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: #007cc2;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
    font-family: "Garnett-Semibold", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    transition: all 0.1s ease;
}

@media screen and (max-width:780px) {
    .banner-btn-container{
        min-width: 170px;
    }    
}
.banner-btn-container a:hover{
    background-color: #007cc2;
    border-color: #007cc2;
    color: #ffffff;
}


@media screen and (max-width:980px) {
    .banner-reqMex .banner-title{
        max-width: 340px;

    }
    
}

@media screen and (max-width:680px) {
    .banner-reqMex .text-container .banner-cta-text {
        padding-top: 0;
    } 
}


.modal-wrapper-modalErrorMap{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;   
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 10000;
    display: none;
}

.modal-wrapper-modalErrorMap.active{
    display: flex;
}

#modalErrorMap{
    padding: 32px;
    max-width: 352px;
    border-radius: 4px;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0%;
    transform: translateY(-50px);
    transition: all 1s ease;
    margin: 0 16px;
}
@media screen and (max-width:380px) {
    #modalErrorMap{
        padding: 32px 20px;
    }
    
}
#modalErrorMap.active{
    opacity: 100%;
    visibility: visible;
    transform: translateY(0);
}
#modalErrorMap .modalErrorMap-img-container{
    display: flex;
    justify-content: center;
}

.modalErrorMap-text-container{
    justify-content: center;
    text-align: center;
    margin-top: 28px;
}

.modalErrorMap-text-container .modalErrorMap-preheader{
    color: #E91B2F;
    font-size: 14px;
    line-height: 20px;
    font-family: "Garnett-Semibold", sans-serif;
}

.modalErrorMap-text-container .modalErrorMap-header{
    font-size: 24px;
    line-height: 32px;
    color: #020c41;
    margin: 0 24px;
    font-family: "Garnett-Semibold", sans-serif;
    padding-bottom: 8px;
}

.modalErrorMap-text-container .modalErrorMap-content{
    font-size: 16px;
    line-height: 24px;
    color: #020c41;
}

@media screen and (max-width:380px) {
    .modalErrorMap-text-container .modalErrorMap-content{
        font-size: 14px;
        line-height: 20px;
    }    
}


.modalErrorMap-cta-container{
    display: flex;
    justify-content: center;
    margin-top: 26px;
}

@media screen and (max-width:380px) {
    .modalErrorMap-cta-container{
        margin-top: 20px;
    }    
}

.modalErrorMap-cta-arrowRight{
    margin-left:3px;
}
.modalErrorMap-cta{
    text-align: center;
    background-color: #E91B2F;
    padding: 23px 38px;
    border-radius: 35px;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    transition: background-color .1s ease;
}

.modalErrorMap-cta:hover{
    background-color: #bd2d34;
}

@media screen and (max-width:380px) {
    .modalErrorMap-cta{
        padding: 23px 14px;
    }    
}