@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400&display=swap');

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

html,
body{
    width:100%;
    height:100%;
}

body{
    position:relative;
    overflow:hidden;

    min-height:100vh;

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

    background:url("fondo.png") center center / cover no-repeat;

    font-family:"Inter",sans-serif;
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(250,247,241,.28);
    z-index:1;
}

.hero{

    position:relative;
    z-index:2;

    width:720px;
    max-width:90vw;

    text-align:center;

    padding:32px;
}

h1{

    font-family:"Cormorant Garamond",serif;
    font-size:84px;
    font-weight:500;

    color:#4b4742;

    margin-bottom:28px;

    line-height:1;
}

.divider{

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

    gap:20px;

    margin-bottom:40px;

    color:#b48c60;
}

.divider span{

    width:110px;
    height:1px;

    background:#b48c60;
}

h2{

    font-family:"Cormorant Garamond",serif;

    font-size:60px;
    font-weight:400;

    color:#4b4742;

    line-height:1.1;

    margin-bottom:18px;
}

p{

    font-size:22px;
    font-weight:300;

    color:#6f6a65;

    line-height:1.6;
}

@media (max-width:900px){

    h1{
        font-size:58px;
    }

    h2{
        font-size:40px;
    }

    p{
        font-size:18px;
    }

    .divider span{
        width:60px;
    }

}