:root{

    --primary:#B88A4A;
    --primary-dark:#A6793F;

    --text:#2B211B;
    --text-light:#645A52;

    --bg:#F7F3EE;
    --white:#FFFFFF;

    --container:1280px;

    --radius:20px;

    --shadow:0 10px 35px rgba(0,0,0,.06);

    --transition:.35s ease;

}

/* ==========================
   RESET
========================== */

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:"Poppins",sans-serif;
    font-size:16px;
    line-height:1.7;

    background:var(--bg);
    color:var(--text);

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;

}

img{

    display:block;
    max-width:100%;
    height:auto;

}

a{

    text-decoration:none;
    color:inherit;

}

ul{

    list-style:none;

}

button,
input,
textarea{

    border:none;
    outline:none;
    background:none;

    font:inherit;

}

/* ==========================
   CONTAINER
========================== */

.container{

    width:min(92%, var(--container));
    margin:auto;

}

/* ==========================
   SEÇÕES
========================== */

section{

    padding:110px 0;

}

/* ==========================
   TIPOGRAFIA
========================== */

h1,
h2,
h3,
h4{

    font-family:"Cormorant Garamond",serif;
    font-weight:600;
    line-height:1.05;
    letter-spacing:-0.5px;

    color:var(--text);

}

h1{

    font-size:4.6rem;

}

h2{

    font-size:3.2rem;

}

h3{

    font-size:2rem;

}

p{

    font-size:1.1rem;
    line-height:1.8;

    color:var(--text-light);

}

/* ==========================
   BOTÕES
========================== */

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    padding:18px 34px;

    background:var(--primary);
    color:#fff;

    border-radius:16px;

    font-size:1rem;
    font-weight:500;

    transition:var(--transition);

    cursor:pointer;

}

.btn:hover{

    background:var(--primary-dark);

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(184,138,74,.28);

}

/* ==========================
   UTILITÁRIOS
========================== */

.text-center{

    text-align:center;

}

/* ==========================
   RESPONSIVO
========================== */

@media (max-width:992px){

    h1{
        font-size:3.5rem;
    }

    h2{
        font-size:2.7rem;
    }

    section{
        padding:90px 0;
    }

}

@media (max-width:768px){

    h1{
        font-size:2.8rem;
    }

    h2{
        font-size:2.2rem;
    }

    h3{
        font-size:1.7rem;
    }

    p{

        font-size:1rem;

    }

    section{

        padding:70px 0;

    }

    .container{

        width:92%;

    }

    .btn{

        width:100%;

        padding:16px 24px;

    }

}