/*<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable = no">
ADD TO HTML*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
html {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
}

.m-0 {
    margin: 0;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

.mt-3em {
    margin-top: 3em;
}

.half .radio-ip,
.half .checkbox-ip {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: baseline;
    padding-right: 10px;
    margin-bottom: 1.5em;
}

.radio-wrapper.row .radio-ip {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: baseline;
    padding-right: 10px;
    margin-bottom: 1.5em;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type="number"] {
    -moz-appearance: textfield;
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 2px solid #000;
    max-width: 500px;
}

input[type="number"]:focus {
    box-shadow: none;
}

body {
    color: #000;
    font-size: 16px;
    overflow-x: hidden !important;
    padding: 0px !important;
    font-family: "Poppins";
    font-weight: 400;
}

body::-webkit-scrollbar {
    width: 7px;
}

body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: linear-gradient(45deg, #198078, #031b18);
}

ul {
    list-style-position: inside;
    padding: 0;
}

::selection {
    background-color: #2fb1ff;
    color: #fff;
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    font-family: "Poppins";
    font-size: 14px;
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    font-family: "Poppins";
    font-size: 14px;
}

.form-control::placeholder {
    color: #6c757d;
    font-family: "Poppins";
    font-size: 14px;
}

option {
    color: #000;
    font-family: "Poppins";
}

label.error {
    color: red;
    font-size: 14px;
    font-family: "Poppins";
}

.big-s {
    display: block;
}

.small-s {
    display: none;
}

.green-text {
    color: #00cb5e !important;
}

header {
    background: #fff;
    padding: 2em 0;
    color: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1000;
}

header .logo-header {
    width: 75px;
}

.header-links {
    display: flex;
    justify-content: space-around;
}

.f-column {
    flex-direction: column
}

header a {
    color: #000;
}

.whatsapp-btn img {
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% + 1em));
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.whatsapp-btn img:hover {
    width: 140px;
}

#sec-1 {
    background: #f0f7ff;
    padding: 4em 0;
    padding-top: 14em;
}

.title-text {
    color: #2fb1ff;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 1em;
}

.pink-text {
    color: #ff63b2;
    display: block;
}

#sec-1 .list ul li {
    letter-spacing: 1.5px;
    font-size: 18px;
}

.btn-green {
    position: absolute;
    bottom: 4em;
    background: #00cb5e;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    padding: 20px 45px;
    border-radius: 20px;
    line-height: 1em;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.btn-green:hover {
    color: #fff;
    background-color: #022644;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.75);
}

#sec-1 .title-text .smaller {
    font-size: 45px;
    display: block;
}


/* SEC 2 */

#sec-2 {
    padding: 6em 0;
}

#formPrincipal .btn-test {
    width: 100%;
    padding: 2.5em 0;
    background: #eaf448;
    border: none;
    color: #2fb1ff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    white-space: break-spaces;
}

#formPrincipal .btn-test:hover {
    width: 100%;
    padding: 2.5em 0;
    background: #ff63b2;
    border: none;
    color: #eaf448;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 2px;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}


/* SEC 3 */

#sec-3 {
    height: 900px;
    padding: 4em 0;
    padding-bottom: 0;
    background: url(./img/seccion-beneficios.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
}

#sec-3 .list {
    padding: 3em 20%;
    background: rgb(255, 99, 178);
    background: -moz-linear-gradient(0deg, rgba(255, 99, 178, 1) 0%, rgba(255, 99, 178, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 99, 178, 1) 0%, rgba(255, 99, 178, 0) 100%);
    background: linear-gradient(0deg, rgba(255, 99, 178, 1) 0%, rgba(255, 99, 178, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff63b2", endColorstr="#ff63b2", GradientType=1);
}

#sec-3 .list li {
    font-size: 22px;
    letter-spacing: 2px;
    color: #fff;
}

#sec-3 .list li strong {
    font-size: 22px;
    letter-spacing: 2px;
    color: #eaf448;
}

#sec-3 .sec-title {
    text-transform: uppercase;
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    letter-spacing: 2px;
}

#sec-3 h2 {
    font-weight: 600;
    margin-bottom: 1em;
}

.checkbox-wrapper,
.radio-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.form-group {
    margin-bottom: 3em;
    position: relative;
    padding-bottom: 3rem;
}

.form-group:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 100vw;
    height: 2px;
    background: #b5b5b5;
    transform: translateX(-50%);
}

.form-group label {position: relative;}
.form-group label:before {content: "";display: block;position: absolute;left: 0px;top: calc(50% - 25px);width: 50px;height: 50px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.form-group #pregunta-1 {padding-left: 70px;margin-bottom: 20px;}
.form-group #pregunta-1:before {background-image: url(img/icon-pregunta-1.png);}
.form-group #pregunta-2 {padding-left: 70px;margin-bottom: 20px;}
.form-group #pregunta-2:before {background-image: url(img/icon-pregunta-2.png);}
.form-group #pregunta-3 {padding-left: 70px;margin-bottom: 20px;}
.form-group #pregunta-3:before {background-image: url(img/icon-pregunta-3.png);}
.form-group #pregunta-4 {padding-left: 70px;margin-bottom: 20px;}
.form-group #pregunta-4:before {background-image: url(img/icon-pregunta-4.png);}
.form-group #pregunta-5 {padding-left: 70px;margin-bottom: 20px;}
.form-group #pregunta-5:before {background-image: url(img/icon-pregunta-5.png);}

.row-resultado-fnl {}
.row-resultado-fnl .box {position: relative;}
.row-resultado-fnl .box:before {content: "";display: block;position: absolute;left: 5rem;top: calc(50% - 35px);width: 70px;height: 70px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.row-resultado-fnl #nivel-1:before {background-image: url(img/icon-resultado-1.png);}
.row-resultado-fnl #nivel-2:before {background-image: url(img/icon-resultado-2.png);}
.row-resultado-fnl #nivel-3:before {background-image: url(img/icon-resultado-3.png);}

.no-befores {padding-bottom: 0px !important;}
.no-befores:before {display: none !important;}

.radio-ip,
.checkbox-ip {
    width: 33.33333333333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    display: flex;
    align-items: baseline;
    padding-right: 10px;
    margin-bottom: 1.5em;
}

.radio-ip input,
.checkbox-ip input {
    margin-right: 10px;
}

#modalTest .btn-modal,
.btn-send, .sendcontact {
    padding: 5px 85px;
    border-radius: 75px;
    text-transform: uppercase;
    background-color: #ff63b2;
    border: none;
    font-weight: 600;
}


/* SEC 4 */

#sec-4 {
    padding: 4em 0;
    background-color: #fff;
    padding: 3em 0;
    text-align: center;
    color: #000;
}

#sec-4 h3 {
    margin-bottom: 1.5em;
}

#sec-4 a {
    color: #000;
    text-decoration: none;
}

#sec-4 a:hover {
    color: #ff63b2;
}


/* FOOTER */

#contact {
    padding: 2em 0;
    background: #2fb1ff;
}

#bottom {
    padding: 1em 0;
    background: #fff;
    color: #000 !important;
}

.footer-links h1 {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
    line-height: 1em;
}

#bottom a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

#bottom a:hover,
header a:hover {
    color: #ff63b2;
}

.form-control {
    margin-bottom: 10px;
    border-radius: 0;
}

form legend {
    color: #fff;
}

.enviar {
    background: #00cb5e;
    color: #fff;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.enviar:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.75);
    background-color: #022644;
}

.footer-links {
    margin-bottom: 30px;
}

.footer-links a {
    display: flex;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    line-height: 1em;
    align-content: center;
    align-items: center;
}

.footer-links a img {
    margin-right: 10px;
    height: 100%
}

footer p {
    color: #fff;
    font-weight: bold;
}

#contact .header-links a {
    color: #fff !important;
    font-size: 22px;
    margin: 0 10px;
    text-decoration: none;
}

#bottom img {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    border: 4px solid #fff;
    border-radius: 5px;
    width: 120px;
}

#copyright {
    padding: 10px 0;
    color: #fff;
    background-color: #000;
    font-size: 14px;
}

#copyright a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/* GRACIAS */

#gracias #sec-1 {
    height: 100vh;
}

#gracias #sec-1 .logo-header {
    margin-top: 2em;
}

#gracias #sec-1 .footer-links a {
    display: inline-flex;
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1em;
    align-content: center;
    align-items: center;
    width: auto;
    margin-right: 2em;
    text-align: left;
    ;
}

#gracias #sec-1 .smaller {
    font-size: 20px !important;
}

#modalTest .modal-content {
    height: 90vh;
}

#modalTest .modal-header {
    border: 0;
}

#modalTest .modal-body {
    overflow: auto;
        overflow-x: auto;
    padding: 3em;
    overflow-x: hidden;
}
#modalTest .form-group>label:first-child {
    font-weight: 700;
    display: flex;
}

#modalTest .form-group label {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#modalTest .modal-dialog {
    max-width: 1000px;
    margin: 1.75rem auto;
}

#modalTest .title-text {
    font-size: 32px;
}

#modalTest .title-text .pink-text {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-top: 10px
}

#modalTest .img {
    max-width: 70px
}

#modalTest legend {
    color: #000;
    font-size: 16px;
    letter-spacing: 1.5px;
    margin: 1em 0;
    margin-bottom: 2em;
}

#modalTest .form-group label {
    margin: inherit auto;
}

#modalTest .form-group {
    display: flex;
    flex-direction: column;
}

#modalTest .form-group .answers-wrapper {
    display: flex;
}

#modalTest .form-group .answers-wrapper input {
    margin-right: 5px;
}


/* RESULTADOS */

#resultados #sec-1 {
    padding: 3em 0;
    padding-top: 14em;
}

#resultados #sec-1 .box {
    /*background-color: #ff63b2;*/
    background-color: #e063ae;
    color: #fff;
    padding: 3rem 1em;
    padding-left: 14rem;
    text-align: left;
    font-size: 18px;
    margin-bottom: 2em;
}

#resultados #sec-1 .box span {
    font-weight: 800;
}

.actual {
    display: block;
}

.box .wrapper {
    display: block;
}
.objetivo {
  margin-right: 5px;
}
.tiempo {
    text-transform: uppercase;
}

.msg {
    display: block;
    font-weight: 400 !important;
}

.clases {
    display: block;
}

.plus {
    color: #e3f050;
    margin: 0 5px
}

.btn-enlace {
    font-size: 30px;
    text-transform: uppercase;
    padding: 1.5em 0em;
    border-radius: 15px;
    background-color: #eaf448;
    border: none;
    color: #2fb1ff;
    letter-spacing: 2px;
    margin: 2em 0;
    width: 100%;
    display: block;
    white-space: break-spaces;
}

.btn-enlace:hover {
background-color: #ff63b2;
}
#modalTest .form-group > label {
  margin-bottom: 10px;
}
#resultados h3 {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 34px;
    margin-bottom: 2em;
}

#commentForm-2 legend {
    color: #000;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    margin: 2em 0;
}

#success,
#error {
    display: none;
    margin-bottom: 2em;
}

#commentForm-2 input {
    width: 80%;
    border-radius: 8px;
    box-shadow: none;
    border: 1px solid #000;
    padding: 5px 10px;
}

.checkbox-ip {
  display: block;
}
.checkbox-ip input {
  appearance: none;
width: 13px;
height: 13px;
border: 1px solid #000;
border-radius: 50%;
  position: relative;
}
.checkbox-ip input:checked::before {
  content: "";
  background: #000;
  width: 7px;
  height: 7px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  border-radius: 50%;
}
/*--------------------------------------------------------------
# Header MOBILE
--------------------------------------------------------------*/
    .button_container {
        position: absolute;
        top: 27.5px;
        right: 15px;
        height: 25px;
        width: 25px;
        cursor: pointer;
        z-index: 9999999999;
        transition: opacity .5s ease;
    }

    .button_container.active .top {
    transform: translateY(6px) translateX(0) rotate(45deg);
    background: #000;
    }

    .button_container.active .middle {
    opacity: 0;
    background: #000;
    }

    .button_container.active .bottom {
    transform: translateY(-6px) translateX(0) rotate(-45deg);
    background: #000;
    }

    .button_container span {
    background: #000;
    border: none;
    height: 3px;
    width: 100%;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    transition:  all .35s ease;
    cursor: pointer;
    }

    .button_container span:nth-of-type(2) {top: 6px;}
    .button_container span:nth-of-type(3) {top: 12px;}
    .button_container.active span:nth-of-type(1) {top: 4px;}
    .button_container.active span:nth-of-type(2) {top: 10px;}
    .button_container.active span:nth-of-type(3) {top: 10px;}

    .mobile-menu {
    position: fixed; width: 70%; max-width: 300px; height: 100%; top: 0px; left: -100vw; display: inline-block; background: #fff; z-index: 9999999998; padding: 10px 15px;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    }

    .mobile-menu.open { left: 0px;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    }

    .mobile-menu .main-menu {display: inline-block; width: 100%;}

    .mobile-menu ul {padding: 0px; list-style: none;}
    .mobile-menu ul li {margin: 5px 0px;}
    .mobile-menu ul li img {height: 30px;}
    .mobile-menu ul li.mobile-logo img {height: 100px; margin-bottom: 15px;}

    .mobile-layer {width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; visibility: hidden; opacity: 0; background: rgba(0,0,0,0.8); z-index: z-index: 9999999997;}
    .mobile-layer.open {opacity: 1; visibility: visible;}

    .btn-after-sent {margin: auto;}
    

/*--------------------------------------------------------------
# Header MOBILE
--------------------------------------------------------------*/

@media(max-width: 1024px) {
    header .col-sm-6 {
        width: 50% !important;
    }
    .big-s {
        display: none;
    }
    .small-s {
        display: block;
    }
    .outer-box {
        margin-bottom: 30px;
        padding: 2em;
    }
    .inner-box {
        padding: 3em 1em;
    }
    .whatsapp-btn img {
        position: relative;
        bottom: unset;
        transform: unset;
    }
    .whatsapp-btn img {
        width: 70px
    }
  #modalTest .form-group {
    display: block !important;
}
  #modalTest .form-group label {
    display: block;
   
}
  .radio-wrapper .radio-ip, .radio-wrapper .checkbox-ip {
   
    display: block !important;
   
}
}


/* ---------------------------------------- CUSTOM CSS --------------------------------------------- */

@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }
    .card {
        border: none;
    }
    .card .card-header {
        display: none;
    }
    .card .collapse {
        display: block;
    }
}

@media(max-width:767px) {
    .tab-content>.tab-pane {
        display: block !important;
        opacity: 1;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .desktop {
        display: none;
    }
    .movil {
        display: block;
    }

    #sec-1 {
        padding-top: 11em;
    }

    #resultados #sec-1 {
    padding-top: 11em;
    }

    .sec1 {
        background-position: top left;
    }
    .sec1 .txt-sec1 {
        margin-top: 2rem;
        text-align: center;
    }
    .sec1 .txt-sec1 img {
        width: 9rem;
        margin: auto;
        display: flex;
        margin-bottom: 3rem;
    }
    .sec1 .txt-sec1 h1 {
        width: 100%;
        font-size: 25px;
    }
    .sec1 .txt-sec1 p {
        font-size: 13px;
    }
    .sec2 {
        margin-top: -7rem;
    }
    .sec2 .row {
        padding: 25px 0rem;
        width: 100%;
    }
    .sec2 .row .col-md-3 {
        width: 50%;
    }
    .sec2 .col-md-3:before {
        right: -8px;
    }
    .sec2 .col-md-3:nth-child(2):before {
        display: none;
    }
    .sec3 h1:nth-child(1) {
        padding-bottom: 5rem;
    }
    .sec3 .cuadricula-especial .col-md-12 img {
        border-top-left-radius: 0px;
    }
    .sec3 .cuadricula-especial h3 {
        font-size: 18px;
    }
    .sec3 .cuadricula-especial .col-md-4:nth-child(10) img {
        border-bottom-right-radius: 0px;
    }
    .sec3 .cuadricula-especial .div-oculto {
        border-top-left-radius: 0px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int {
        width: 100%;
        padding-top: 2rem;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int h5 {
        font-size: 18px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int ul {
        padding: 0px;
        padding-left: 25px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int ul li {
        font-size: 15px;
    }
    .sec4 {
        padding-bottom: 0rem;
    }
    .sec4 .col-md-12:nth-child(2) {
        padding: 0px;
    }
    .sec4 .card-header {
        padding: 0px;
        border: 0px;
        background-color: #fff;
    }
    .sec4 .card-header a {
        font-family: "PoppinsMedium";
        color: #1e3532 !important;
        font-size: 25px;
        border: solid 1px #e8eaea;
        border-bottom: solid 5px #9aa4a3;
        border-radius: 0px;
        transition: all 0.4s;
        width: 100%;
        display: block;
        text-align: center;
        padding: 15px 0px;
    }
    .sec4 .card-body {
        border-bottom-right-radius: 0px;
    }
    .sec4 .card-body h3 {
        margin-top: 1rem;
    }
    .sec4 .card-body .precios h6 {
        font-size: 18px;
    }
    .sec4 .card-body button {
        margin: auto;
        margin-top: 2rem;
        margin-bottom: 1rem;
        display: block;
    }
    #resultados #sec-1 .box {padding: 1rem 1em;padding-left: 5rem;}
    .row-resultado-fnl .box:before {left: 4px;top: calc(50% - 30px);width: 60px;height: 60px;}

    /* ---------------------------------------- TH PAGE 320 --------------------------------------------- */
    .th-page .th-logo {
        padding-top: 3rem;
    }
    .th-page .th-logo img {
        width: 15rem;
    }
    .th-page .th-txt1 {
        margin-top: 3rem;
    }
    .th-page .th-txt1 h1 {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .th-page .th-txt2 {
        margin-top: 3rem;
    }

    .title-text {font-size: 22px;}

    .radio-wrapper>label, .checkbox-wrapper>label {width: 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;}
    #formPrincipal .btn-test {    white-space: unset; padding: 15px;}

    #sec-3 .sec-title {font-size: 26px;}
    #sec-3 .list {padding: 30px 25px;}
    #sec-3 .list li, #sec-3 .list li strong {font-size: 16px;}
    #sec-3 {height: auto;}
    #sec-4 .mt-3em .text-left {text-align: center !important;}
    #contact {padding-bottom: 105px;}
    #bottom .col-md-4.text-center {order: -1;}

    .only-mobile {display: block !important;}
    .hide-mobile {display: none !important;}

    #modalTest .modal-body {
    overflow: auto;
    padding: 1em;
    }

    #modalTest .form-group .answers-wrapper {
    display: block;
    }
    #modalTest .form-group label {
    display: block;
    }
    
    .btn-enlace {padding: 0.5em 0em;font-size: 23px;}

}
.only-mobile {display: none;}



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {
    .desktop {
        display: none;
    }
    .movil {
        display: block;
    }

    #sec-1 {
        padding-top: 11em;
    }

    #resultados #sec-1 {
    padding-top: 11em;
    }

    .sec1 {
        background-position: top left;
    }
    .sec1 .txt-sec1 {
        margin-top: 2rem;
        text-align: center;
    }
    .sec1 .txt-sec1 img {
        width: 9rem;
        margin: auto;
        display: flex;
        margin-bottom: 3rem;
    }
    .sec1 .txt-sec1 h1 {
        width: 100%;
        font-size: 25px;
    }
    .sec1 .txt-sec1 p {
        font-size: 13px;
    }
    .sec2 {
        margin-top: -4rem;
    }
    .sec2 .row {
        padding: 25px 0rem;
        width: 100%;
    }
    .sec2 .row .col-md-3 {
        width: 25%;
    }
    .sec2 .col-md-3:before {
        right: -8px;
    }
    .sec2 .col-md-3:nth-child(2):before {
        display: none;
    }
    .sec3 {
        padding-top: 7rem;
    }
    .sec3 h1:nth-child(1) {
        padding-bottom: 5rem;
    }
    .sec3 .cuadricula-especial .col-md-12 img {
        border-top-left-radius: 0px;
    }
    .sec3 .cuadricula-especial h3 {
        font-size: 18px;
    }
    .sec3 .cuadricula-especial .col-md-12 {
        width: 50%;
    }
    .sec3 .cuadricula-especial .col-md-4 {
        width: 50%;
    }
    .sec3 .cuadricula-especial .col-md-4:nth-child(11) img {
        border-bottom-right-radius: 0px;
    }
    .sec3 .cuadricula-especial .div-oculto {
        border-top-left-radius: 0px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int {
        width: 100%;
        padding-top: 10px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int h5 {
        font-size: 18px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int ul {
        padding: 0px;
        padding-left: 25px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int ul li {
        font-size: 15px;
    }
    .sec4 {
        padding-bottom: 0rem;
    }
    .sec4 .col-md-12:nth-child(2) {
        padding: 0px;
    }
    .sec4 .card-header {
        padding: 0px;
        border: 0px;
        background-color: #fff;
    }
    .sec4 .card-header a {
        font-family: "PoppinsMedium";
        color: #1e3532 !important;
        font-size: 25px;
        border: solid 1px #e8eaea;
        border-bottom: solid 5px #9aa4a3;
        border-radius: 0px;
        transition: all 0.4s;
        width: 100%;
        display: block;
        text-align: center;
        padding: 15px 0px;
    }
    .sec4 .card-body {
        border-bottom-right-radius: 0px;
    }
    .sec4 .card-body h3 {
        margin-top: 1rem;
    }
    .sec4 .card-body .precios h6 {
        font-size: 18px;
    }
    .sec4 .card-body button {
        margin: auto;
        margin-top: 2rem;
        margin-bottom: 1rem;
        display: block;
    }
    .sec5 .col-md-4 {
        width: 33.333%;
    }
    .sec5 img {
        width: 10rem;
    }
    .sec6 .s1 {
        text-align: center;
    }
    .sec6 .s1 .contacto-mapa a {
        margin: auto;
    }
    .sec6 .s1 ul {
        width: fit-content;
        margin: auto;
        margin-top: 1rem;
    }
    
    .row-resultado-fnl .box:before {left: 2rem;}
    #resultados #sec-1 .box {padding-left: 8rem;}
    /* ---------------------------------------- TH PAGE 576 --------------------------------------------- */
    .th-page .th-logo {
        padding-top: 3rem;
    }
    .th-page .th-logo img {
        width: 15rem;
    }
    .th-page .th-txt1 {
        margin-top: 3rem;
    }
    .th-page .th-txt1 h1 {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .th-page .th-txt2 {
        margin-top: 3rem;
    }


    #contact {padding-bottom: 105px;}
    #bottom .col-md-4.text-center {order: -1;}
    #sec-4 .mt-3em .text-left {text-align: center !important;}

    .only-mobile {display: block !important;}
    .hide-mobile {display: none !important;}

    #modalTest .modal-body {
    overflow: auto;
    padding: 1em;
    }

    #modalTest .form-group .answers-wrapper {
    display: block;
    }
    #modalTest .form-group label {
    display: block;
    }
}


/*Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {
    .sec1 .txt-sec1 {
        margin-top: 2rem;
    }
    .sec1 .txt-sec1 img {
        width: 9rem;
        margin-bottom: 2rem;
    }
    .sec1 .txt-sec1 h1 {
        width: 100%;
    }
    .sec2 .row {
        padding: 25px 0rem;
    }
    .sec2 .col-md-3:before {
        right: -8px;
    }
    .sec3 .cuadricula-especial h3 {
        font-size: 13px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int h5 {
        font-size: 19px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int {
        width: 60%;
        padding-top: 1rem;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int ul li {
        font-size: 15px;
    }
    .sec3 .cuadricula-especial .div-oncologia .div-oculto-int {
        width: 100%;
    }
    .sec3 .cuadricula-especial .div-oncologia .div-oculto-int ul {
        padding: 0px 2rem;
    }
    .sec4 .nav-link {
        font-size: 22px;
    }
    .sec4 .card-body {
        overflow: hidden;
    }
    .sec4 .card-body img {
        width: 115%;
        position: absolute;
        left: -2rem;
        top: 0px;
    }
    .sec4 .card-body .descripcion {
        padding: 1rem 0px;
        height: 7rem;
    }
    .sec4 .card-body .descripcion p {
        font-size: 16px;
    }
    .sec4 .card-body h3 {
        padding-top: 1rem;
        font-size: 18px;
    }
    .sec4 .card-body .precios h6 span {
        font-size: 10px;
    }
    .sec4 .card-body button {
        margin-top: 1rem;
    }

    .row-resultado-fnl .box:before {left: 2rem;}
    #resultados #sec-1 .box {padding-left: 9rem;}

    /* ---------------------------------------- TH PAGE 768 --------------------------------------------- */
    .th-page .th-logo {
        padding-top: 3rem;
    }
    .th-page .th-txt1 {
        margin-top: 3rem;
    }
    .th-page .th-txt2 {
        margin-top: 3rem;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sec1 .txt-sec1 img {
        width: 9rem;
        margin-bottom: 2rem;
    }
    .sec1 .txt-sec1 h1 {
        width: 80%;
    }
    .sec2 .row {
        padding: 25px 5rem;
    }
    .sec3 .cuadricula-especial h3 {
        font-size: 18px;
    }
    .sec3 .cuadricula-especial .div-oculto .div-oculto-int {
        width: 50%;
        padding-top: 1rem;
    }
    .sec3 .cuadricula-especial .div-oncologia .div-oculto-int {
        width: 100%;
    }
    .sec3 .cuadricula-especial .div-oncologia .div-oculto-int ul {
        padding: 0px 3rem;
    }
    .sec4 .nav-link {
        font-size: 20px;
    }
    .sec4 .card-body .precios h6 {
        font-size: 20px;
    }
    .sec4 .card-body .precios h6 span {
        font-size: 10px;
    }
    /* ---------------------------------------- TH PAGE 992 --------------------------------------------- */
    .th-page .th-logo {
        padding-top: 3rem;
    }
    .th-page .th-txt1 {
        margin-top: 3rem;
    }
    .th-page .th-txt2 {
        margin-top: 3rem;
    }
}


/* Bigger devices (desktops, 992px and up) */

@media (min-width: 1200px) and (max-width: 1299.98px) {
    .sec1 .txt-sec1 img {
        margin-bottom: 2rem;
    }
    /* ---------------------------------------- TH PAGE 1200 --------------------------------------------- */
    .th-page .th-logo {
        padding-top: 3rem;
    }
    .th-page .th-txt1 {
        margin-top: 3rem;
    }
    .th-page .th-txt2 {
        margin-top: 3rem;
    }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    /* ---------------------------------------- TH PAGE 1400 --------------------------------------------- */
}


/* Extra large devices  */

@media (min-width: 1600px) {
    /* ---------------------------------------- TH PAGE 1600 --------------------------------------------- */
}