html,
body {

    width: 100%;
    min-height: 100vh;
    height: 100%;
    position: relative;
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif !important;
    color: #fff;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    overflow-x: hidden;
}

.post,
.page {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #5F288C;
}

.e {
    background-color: #fff;
}

.bg-negro {
    background-color: #000;
}

.bg-beige {
    background-color: #FBDCD9;
}

.bg-azul {
    background-color: #01199F;
}

.bg-verde {
    background-color: #3EB07A;
}

.bg-naranjo {
    background-color: #E1822A;
}

.bg-fuxia {
    background-color: #AB06A4;
}

.bg-cyan {
    background-color: #41C6CE;
}

.nav-link {
    font-weight: 400;
    color: #fff !important;
    text-transform: initial;
}

.nav-link.active {
    font-weight: 900;
    color: #fff !important;
    text-decoration: underline;
}

.navbar-nav {
    padding: 0;
    margin: 10px auto;
    text-align: center;
}

main {
    background-color: #5F288C;
}

.intro {
    padding: 0;
    position: relative;
}

.intro .content {
    width: 100%;
    /*max-width: 360px;*/
    margin: 0 auto;
    display: block;
    min-height: 100vh;
    height: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    overflow: auto;
    flex-direction: column;
    /*margin-top: 66px;*/
}

.ruta-uno .intro .content,
.ruta-dos .intro .content,
.ruta-tres .intro .content {
    min-height: 100vh;
    height: 800px;
}

.home .content,
.historias .content,
.cifras .content,
.tu-casa .content {
    width: 100%;
    max-width: 360px;
}

.content h1,
.content p,
.home .content a {
    padding: 0;
}

.intro h1 {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}

.home h1 {
    font-weight: 900;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
}

.home p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.img-intro {
    width: 100%;
    display: block;
    /*    margin: 75px auto 0;*/
    position: relative;
    bottom: 0;
}

.cifras .img-intro {
    width: 240px;
}

.tu-casa h1 {
    font-weight: 900;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
}

.tu-casa h1 b {
    color: #FFE66D;
}

.tu-casa p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.tu-casa a {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}

.historias h1 {
    font-weight: 900;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
}

.historias h1 b {
    color: #FFE66D;
}

.historias p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.cifras h1 {
    font-weight: 900;
    font-size: 36px;
    line-height: 54px;
    color: #fff;
}

.cifras h1 b {
    color: #FFE66D;
}

.cifras p {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
}

.link-interactivo {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #FFE66D !important;
    text-decoration: none;
}

/*.ruta-uno .intro .content,

.ruta-tres .intro .content {

    padding-top: 65px;

}*/
.ui-textinput,
.input-registro {
    font-size: 32px !important;
}

#comentario {
    font-size: 32px !important;
}

@media screen and (min-width: 480px) {
    .navbar {
        height: 66px;
    }
}

@media screen and (min-width: 576px) {}

@media screen and (min-width: 768px) {
    .img-intro {
        bottom: 0%;
    }
}

@media screen and (min-width: 992px) {

    .ui-textinput,
    .input-registro {
        font-size: 18px !important;
    }

    #comentario {
        font-size: 18px !important;
    }
}



@media screen and (min-width: 1200px) {}