header{
    background-color: rgb(255, 239, 220);
}
.author{
    font-size: clamp(0.6rem,2vw,0.8rem);
}
.responsive-content-text{
    font-size: clamp(0.7rem,2vw,1rem);
}
.collapse div.navbar-nav{
    font-family: 'DynaPuff';
}
#navbar{
    font-size: clamp(0.8rem,2vw,1.3rem);
}
.nav-link{
    transition: transform ease 0.2s;
}
.nav-link:hover{
    transform: scale(1.06);
}
.navbar-brand img{
    transition: transform ease 0.2s;
}
.navbar-brand img:hover{
    transform: scale(1.06);
}
.hero-section{
    background-color: rgb(255, 239, 220);
    z-index: 1;
}
h1{
    font-family: 'DynaPuff';
    font-size: clamp(0.7rem,3vw,1.3rem);
}
.hero-section section h2{
    font-family: 'DynaPuff';
}
.container-img{
    height: auto;
    width: clamp(10rem,50vw,20rem);
    transition: transform ease 0.2s;
}
.container-img:hover{
    transform: scale(1.07);
}

.container-carousel{
    text-align: -webkit-center;
}
.paw-1{
    height: auto;
    width: clamp(5rem,15vw,10rem);
    z-index: -2;
    transform: scaleX(-1)
}
.paw-2{
    height: auto;
    width: clamp(8rem,15vw,15rem);
    z-index: -2;
    top: clamp(10rem,15vw,18.75rem);
    left: clamp(9.5rem,50vw,25rem);
    transform: rotate(180deg);
}
.paw-3{
    height: auto;
    width: clamp(8rem,15vw,15rem);
    z-index: -2;
}
.border-circle{
    background-color: rgb(255, 227, 192);
    z-index: -1;
    padding: clamp(5rem,20vw,11.25rem);
    border-radius: 50%;
}
.border-circle-about{
    background-color: rgb(255, 239, 220);
    z-index: -1;
    padding: clamp(5rem,20vw,14rem);
    border-radius: 50%;
}
.border-about{
    background-color: rgb(255, 239, 220);
    font-family: 'DynaPuff';
}
.about-section div section:nth-of-type(1){
    padding: clamp(0.8rem,5vw,10rem) clamp(2rem,12vw,15rem);
}


h3{
    font-family: 'DynaPuff';
    font-size: clamp(1rem,3vw,1.7rem);
}
.border-price{
    background-color: rgb(255, 239, 220);
    font-family: 'DynaPuff';
    left: 50%;
    transform: translate(-50%, -80%);
    flex-basis: fit-content;
    position: relative;
}
.cta{
    font-size: clamp(0.7rem,2vw,1rem);
    transition: transform ease 0.2s;
    font-family: 'DynaPuff';
}
.cta:hover{
    transform: scale(1.07);
}
.simbol-price{
    font-family: 'DynaPuff';
}
.section-price{
    position: relative;
    background-color: rgb(255, 247, 238);
}
.package-container-small{
    padding: clamp(0.8rem,5vw,10rem) clamp(2rem,10vw,3rem);
    border-radius: 25px;
    transition: transform 0.2s ease;
}
.package-container-small:hover{
    transform: scale(1.07);
    cursor: pointer;
}
.article-service-container{
    background-color: rgb(255, 247, 238);
    border-radius: 50px;
    z-index: 1;
}
.article-service-content{
    border-radius: 25px;
    transition:  0.3s ease;
}
.article-service-content:hover{
    transform: scale(1.02);
    background-color: red;
    cursor: pointer;
    color: white;

}


.scroll-up {
    width: 50px;
    height: 50px;
    position:fixed;
    bottom: 30px;
    right: 30px;
    text-decoration: none;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
    z-index: 2;
}
  
.scroll-up:hover {
    transform: scale(1.1);
}

.container-contact{
    padding: clamp(0.8rem,5vw,10rem) clamp(2rem,10vw,5rem);
    border-radius: 25px;
    transition: transform 0.2s ease;
}
.container-contact:hover{
    transform: scale(1.07);
}
.border-contact {
    background-color: rgb(255, 239, 220);
    font-family: 'DynaPuff';
    transition: transform ease 0.2s;
}
.border-contact:hover{
    transform: scale(1.07);
}
.section-contact{
    background-color: rgb(255, 247, 238);
}

footer h2{
    font-family: 'DynaPuff';
    font-size: clamp(1rem,3vw,1.7rem);
}
.footer-link{
    width: fit-content;
    padding: 0px 10px;
    transition: ease 0.2s;
}
.footer-link:hover{
    background-color: rgb(71, 71, 71);
    border-radius: 20px;
}