*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
}


body{

    font-family:'Inter',sans-serif;
    background:#F7F5F1;
    color:#1f1f1f;
    overflow-x:hidden;

}



/* =====================
HEADER
===================== */


header{

    position:fixed;
    width:100%;
    top:0;
    left:0;

    padding:25px 7%;

    background:rgba(247,245,241,.85);

    backdrop-filter:blur(20px);

    z-index:999;

}



nav{

    display:flex;
    justify-content:space-between;
    align-items:center;

}



/* LOGO */


.logo img{

    width:220px;
    height:auto;
    display:block;

}



/* MENU DESKTOP */


.desktop-menu{

    display:flex;
    gap:45px;
    list-style:none;

}



.desktop-menu li{

    font-size:.95rem;
    cursor:pointer;
    transition:.3s;

}


.desktop-menu li:hover{

    color:#B7A58A;

}



/* BOTON WHATSAPP */


.consultation{

    padding:12px 24px;

    background:#1f1f1f;

    color:white;

    text-decoration:none;

    font-size:.85rem;

    border-radius:100px;

    white-space:nowrap;

    transition:.3s;

}


.consultation:hover{

    background:#B7A58A;

}



/* BOTON MENU MOVIL */


.mobile-menu-btn{

    display:none;

    background:#b44906b6;

    color:white;

    border:none;

    padding:13px 24px;

    border-radius:50px;

    font-size:11px;

    letter-spacing:3px;

    cursor:pointer;

}



.mobile-menu-btn:hover{

    background:#B7A58A;

}





/* =====================
HERO
===================== */


.hero{

    height:100vh;

    background-image:url("img/01.jpg");

    background-size:cover;

    background-position:center;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:0 10%;

}



/* COMPUTADORA */


@media(min-width:1025px){


    .hero{

        background-image:url("img/02.jpg");

        background-position:center center;

    }



    .hero-content{

        max-width:750px;

        margin-top:40px;

    }



    .hero h1{

        font-size:4rem;

        line-height:1.05;

        margin-bottom:25px;

    }



    .hero p{

        font-size:1rem;

        max-width:600px;

        margin:auto;

        margin-bottom:35px;

    }


}





.overlay{

    position:absolute;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.20);

}





.hero-content{

    position:relative;

    z-index:2;

    max-width:900px;

}



.hero h1{

    font-family:'Cormorant Garamond',serif;

    font-size:4rem;

    font-weight:500;

    line-height:1.1;

    color:white;

    margin-bottom:30px;

}



.hero p{

    font-size:1.1rem;

    line-height:1.8;

    color:white;

    margin-bottom:40px;

}



.hero a{

    text-decoration:none;

    padding:18px 40px;

    border:1px solid white;

    color:white;

}





.hero a:hover{

    background:white;

    color:black;

}





/* =====================
MENU MOVIL
===================== */


.mobile-overlay{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    background:#F7F5F1;

    z-index:2000;

    display:none;

    align-items:center;

    justify-content:center;

}





.mobile-content{

    text-align:center;

}



.mobile-content p{

    font-family:'Cormorant Garamond',serif;

    font-size:18px;

    letter-spacing:2px;

    margin-bottom:45px;

}



.mobile-content a{

    display:block;

    text-decoration:none;

    color:#1f1f1f;

    font-family:'Cormorant Garamond',serif;

    font-size:34px;

    margin:18px 0;

}



.mobile-whatsapp{

    margin-top:35px;

    background:#1f1f1f;

    color:white !important;

    padding:18px 30px;

    border-radius:100px;

}





/* =====================
TABLET
===================== */


@media(max-width:1024px){


    .desktop-menu,
    .consultation{

        display:none;

    }



    .mobile-menu-btn{

        display:block;

    }



    .logo img{

        width:160px;

    }


}





/* CELULAR */


@media(max-width:768px){


    header{

        padding:20px 6%;

    }



    .logo img{

        width:140px;

    }



    .hero h1{

        font-size:3rem;

    }



    .hero p{

        font-size:.95rem;

    }


}
@media(min-width:1025px){

    .hero-content{

        transform:translateY(60px);

    }

}

/* =====================
WHATSAPP FLOAT
===================== */
/* =====================
WHATSAPP FLOAT
===================== */


.whatsapp-float{

    position:fixed;

    right:35px;

    bottom:35px;

    width:85px;

    height:85px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:3000;

    box-shadow:0 15px 35px rgba(0,0,0,.25);

    transition:.3s;

}



.whatsapp-float img{

    width:48px;

    height:48px;

    object-fit:contain;

}



.whatsapp-float:hover{

    transform:translateY(-8px) scale(1.05);

}




@media(max-width:768px){


    .whatsapp-float{

        right:22px;

        bottom:25px;

        width:72px;

        height:72px;

    }


    .whatsapp-float img{

        width:42px;

        height:42px;

    }


}