body {
    font-family: 'Manrope',Helvetica,Arial,Lucida,sans-serif;
    background-color: #d4c068;
    background-image: url(img/noise.png);
}
main, header, footer{
        width: 100%;
    overflow: hidden;
}
img{
    width: 100%;
    height: auto;
}
h1, h2, h3, h4 {
    font-family: 'Cormorant',Georgia,"Times New Roman", serif;
    font-weight: 400;
    color:#414141;
}
h1{
    font-size: 3rem;
    @media (min-width: 768px){
       font-size: 6rem; 
    }
}
h2{
    font-size: 1.8rem;
    @media (min-width: 768px){
       font-size: 2.5rem; 
    }
}
h3 {
    font-size: 1.5rem;

}
h4{
    font-size: 1.8rem;
}
p{
    font-size: 20px;
    font-weight: 300;
}
    @media (min-width: 768px){
        h1{
            font-size: 6rem; 
        }
        h2{
            font-size: 2.5rem; 
        }
        h3{
            font-size: 2rem; 
        }
       
    }
a{
    color:#000;
}
main.container-fluid{
padding:0;
margin-top: 56px;

}
.btn-primary{
    background: #d4826d;
    border: #d4826d;
}

.navbar-brand {
    color: white;
    font-weight: 600;
    &:hover{
        color: gray;
    }
}
.navbar-nav {
    & .nav-link{
        color: white;
        &:hover{
            color: gray;
        }
        &.active{
        color: gray;
        }   
    }

}
.inicio{
    & article:last-child{
        margin-bottom: 3rem;
    }
    & .separation-bar{
        background: url(img/slide-terapias.jpg) no-repeat center fixed ;
        background-size: cover;
        min-height: 20vh;
        position: relative;
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(180deg,rgba(220, 229, 179,0.8) 0%,rgba(220, 229, 179,0.8) 100%), url(img/noise.png);
            z-index: 0;
        }

        & .separation-bar__content{
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap:2rem;
            padding: 3rem;
        }

    }
    & .portada{
        background: url(img/ruth-04.jpg) no-repeat center fixed ;
        background-size: cover;
        height: 80vh;
        position: relative;
        padding: 0 1rem;
        
        & h1, h2, p {
            color: white;
        }
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 80vh;
            background-image: linear-gradient(180deg,rgba(212, 192, 104,0.7) 0%,rgba(212, 192, 104,0.7) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .portada__content{
            z-index: 1;
            display: flex;
            flex-direction: column;
            gap:2rem;
        }
    }
    & .cards{
        & img{
        transform: scale(.9);
        transition: transform 0.3s ease-in-out;
        }
        &:hover{
            & img{
            transform: scale(1);
            }
        }
    }
}


.seccion-par{
    background: #dce5b3;
    & .content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 3rem;
        gap:2rem;
    }
}
.seccion-impar{
    & .content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 3rem;
        gap:2rem;
    }
}

.descalzos {
& article:last-child{
        margin-bottom: 3rem;
    }
    & .separation-bar{
        background: url(img/descalzos-02.jpg) no-repeat center fixed ;
        background-size: cover;
        height: 20vh;
        position: relative;
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20vh;
            background-image: linear-gradient(180deg,rgba(220, 229, 179,0.8) 0%,rgba(220, 229, 179,0.8) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .separation-bar__content{
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
                    align-items: center;
        justify-content: center;
            gap:2rem;
            padding: 3rem;
        }

    }
    & .portada{
        background-image: url(img/descalzos.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        min-height: 60vh;
        position: relative;
        padding: 0 1rem;
        & h1, h2, p {
            color: white;
        }
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(180deg,rgba(212, 192, 104,0.7) 0%,rgba(212, 192, 104,0.7) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .portada__content{
            z-index: 1;
            display: flex;
            flex-direction: column;
            gap:2rem;
        }
    }
    & .descalzos-dias{
        background-image: url(img/sentidos-descalzos.png);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: bottom;
        background-size: container;
        height: 1050px;
        position: relative;
        & .content{
            backdrop-filter: blur(5px);
        }
    }
}
.amortorcido{
    & article:last-child{
        margin-bottom: 3rem;
    }
    & .separation-bar{
        background: url(img/descalzos-03.jpg) no-repeat center fixed ;
        background-size: cover;
        height: 20vh;
        position: relative;
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20vh;
            background-image: linear-gradient(180deg,rgba(220, 229, 179,0.8) 0%,rgba(220, 229, 179,0.8) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .separation-bar__content{
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap:2rem;
            padding: 3rem;
        }

    }
    & .portada{
        background-image: url(img/amor-torcido-01.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        min-height: 60vh;
        position: relative;
        padding: 0 1rem;
        & h1, h2, p {
            color: white;
        }
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(180deg,rgba(212, 192, 104,0.7) 0%,rgba(212, 192, 104,0.7) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .portada__content{
            z-index: 1;
            display: flex;
            flex-direction: column;
            gap:2rem;
        }
    }
}

.terapia{
     & article:last-child{
        margin-bottom: 3rem;
    }
    & .separation-bar{
        background: url(img/terapias-02.jpg) no-repeat center fixed ;
        background-size: cover;
        height: 20vh;
        position: relative;
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20vh;
            background-image: linear-gradient(180deg,rgba(220, 229, 179,0.8) 0%,rgba(220, 229, 179,0.8) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .separation-bar__content{
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
                    align-items: center;
        justify-content: center;
            gap:2rem;
            padding: 3rem;
        }

    }
    & .portada{
        background-image: url(img/slide-terapias.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        min-height: 60vh;
        position: relative;
        padding: 0 1rem;
        & h1, h2, p {
            color: white;
        }
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(180deg,rgba(212, 192, 104,0.7) 0%,rgba(212, 192, 104,0.7) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .portada__content{
            z-index: 1;
            display: flex;
            flex-direction: column;
            gap:2rem;
        }
    }
}

.masajes{
     & article:last-child{
        margin-bottom: 3rem;
    }
    & .separation-bar{
        background: url(img/centro-aymara-centro-09.jpg) no-repeat center fixed ;
        background-size: cover;
        height: 20vh;
        position: relative;
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20vh;
            background-image: linear-gradient(180deg,rgba(220, 229, 179,0.8) 0%,rgba(220, 229, 179,0.8) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .separation-bar__content{
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap:2rem;
            padding: 3rem;
        }

    }
    & .portada{
        background-image: url(img/slide-masajes.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        min-height: 60vh;
        position: relative;
        padding: 0 1rem;
        & h1, h2, p {
            color: white;
        }
        &::after{
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(180deg,rgba(212, 192, 104,0.7) 0%,rgba(212, 192, 104,0.7) 100%), url(img/noise.png);
            z-index: 0;
        }
        & .portada__content{
            z-index: 1;
            display: flex;
            flex-direction: column;
            gap:2rem;
        }
    }
}

.carousel-item{
    &::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    }
    & .carousel-caption {
    z-index: 5;
    }
}

article.container,
article.container-fluid{
padding-block:2rem;
}
.description{
    padding-inline: 3rem;
}
.color1 {color: #c82b97;}
.color2 {color: #d4826d;}
.color3 {background-color: #d4c068;}
.color4 {color: #dce5b3;}
.color5 {color: #c8e8e8;}

footer{

    position: fixed;
    bottom: 0;
    width: 100%;
    color: white;
    & div{
        flex-direction: column;
    @media (min-width: 768px){
       flex-direction: row; 
    }
    }
    
    & p {
        padding: 0.2rem;
        margin:0;
        font-size: 0.7rem;
    @media (min-width: 768px){
       font-size: 1rem; 
       padding: 0.5rem;
    }
    }
    & a{
    color:#ccc;
    }

}