/* boton en intro */
#intro .btn-white-outline:hover,
#intro .btn-white-outline:focus {
    color: #000000 !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: none !important;
}
#intro .socicon.socicon-whatsapp {
    color: #9FE870 !important;
}

/* nosotros */
#nosotros {
    background-image: url("../../../grs/images/backgrounds/nosotros.jpg") !important;
}

#nosotros .btn-success-outline:hover,
#nosotros .btn-success-outline:focus {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: none !important;
}
#nosotros .socicon.socicon-whatsapp {
    color: #63b131 !important;
}

/* features, que es #suiza y #funciona, comparte background con #precios */
.features {
    background-image: linear-gradient(rgba(237, 239, 235, 1), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)), url("../../grs/images/backgrounds/features.jpg") !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    display: block;
}

#suiza .counter-container ul li::before {
    color: #EAD0A8 !important;
    background-color: #EAD0A8 !important;
}
#funciona .counter-container ol li::before {
    color: #EAD0A8 !important;
}

#suiza {
    padding-top: 5rem !important;
    padding-bottom: 3rem !important;
    background-color: unset !important;
}

#funciona {
    padding-top: 5rem !important;
    padding-bottom: 0 !important;
    background-color: unset !important;
}

#precios {
    padding-top: 5rem !important;
    background-color: unset;
}

@media (min-width: 992px) {
    #precios .container {
        max-width: 850px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #precios .container {
        max-width: 500px !important;
    }
}
@media (max-width: 767px) {
    #precios .container {
        max-width: 400px !important;
    }
}
#precios .item .mbr-section-btn {
  text-align: center !important;
}

/* juntamos datos de contacto y forma de contacto solo para que tenga un solo background */
.full-cto {
    background-image: linear-gradient(rgba(237, 239, 235, 1), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)), url("../../grs/images/backgrounds/full-cto.jpg") !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    display: block;
}

#ubi,
#forma_cto {
    background-color: unset !important;
}

#ubi {
    padding-top: 5rem !important;
    padding-bottom: 0 !important;
}

#forma_cto {
    padding-top: 5rem !important;
    padding-bottom: 0 !important;
}

#forma_cto .py-5 {
    padding-top: 0 !important;
}

/* faqs */
#faqs {
    background-image: linear-gradient(rgba(237, 239, 235, 1), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1)), url("../../grs/images/backgrounds/faqs.jpg") !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
    display: block;
}

#faqs p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    line-height: 1.3;
}

@media (min-width: 992px) and (max-width: 1400px) {
    #faqs p {
        font-size: 1.12rem;
        font-size: calc(1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));
        line-height: calc(1.4 * (1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62))));
    }
}
