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


* {

    margin: 0;
    padding: 0;
    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}



body {

    background-color: #fff;

    color: #222;

    font-family: "Montserrat", sans-serif;

}





/* ===================== */
/* CABEÇALHO */
/* ===================== */


header {

    width: 100%;

    padding: 20px 8%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.logo-img {

    width: 220px;

}



.menu ul {

    display: flex;

    list-style: none;

    gap: 30px;

}



.menu a {

    text-decoration: none;

    color: #222;

    font-size:16px;

    font-weight:500;

    transition:.3s;

}



.menu a:hover {

    color:#b8860b;

}





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


.btn-whatsapp {


    text-decoration:none;

    background:#b8860b;

    color:white;

    padding:12px 20px;

    border-radius:25px;

    transition:.3s;

}



.btn-whatsapp:hover {


    transform:scale(1.05);

    background:#9c7208;

}



.btn-colecao {


    display:inline-block;

    text-decoration:none;

    background:#b8860b;

    color:white;

    padding:14px 30px;

    border-radius:30px;

}





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


.hero {


    min-height:80vh;

    padding:60px 8%;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

}



.hero-text {

    max-width:500px;

}



.hero-text h1 {


    font-family:"Playfair Display",serif;

    font-size:55px;

}



.hero-text p {


    font-size:18px;

    line-height:1.6;

    margin:25px 0;

}



.hero-image img {


    width:450px;

    animation: subir 3s infinite alternate;

}





/* ===================== */
/* CATEGORIAS */
/* ===================== */


.categorias {


    padding:80px 8%;

    text-align:center;

}



.titulo-categorias h2 {


    font-family:"Playfair Display",serif;

    font-size:40px;

}



.cards-categorias {


    margin-top:50px;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:40px;

}



.categoria-card {


    text-decoration:none;

    color:#222;

}



.categoria-card img {


    width:100%;

    height:450px;

    object-fit:cover;

    border-radius:20px;

    transition:.3s;

}



.categoria-card:hover img {


    transform:translateY(-10px);

}





/* ===================== */
/* CATÁLOGO */
/* ===================== */


.catalogo {


    padding:80px 8%;

}



.titulo-produtos {

    line-height:1;

    text-align:center;

    margin-bottom:40px;

}



.titulo-produtos h1 {


    font-family:"Playfair Display",serif;

    font-size:45px;

}





/* FILTROS */


.filtros {


    display:flex;

    justify-content:center;

    gap:20px;

    margin-bottom:50px;

}



.filtro-btn {


    padding:10px 25px;

    border-radius:25px;

    border:1px solid #b8860b;

    background:white;

    color:#b8860b;

}



.filtro-btn.ativo {


    background:#b8860b;

    color:white;

}





/* PRODUTOS */


.lista-produtos {


    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}



.produto-card {


    padding:20px;

    text-align:center;

    border-radius:20px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}
.produto-card p {

    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    text-align: center;
    margin: 15px auto;
    max-width: 300px;

}



.imagem-produto {


    position:relative;

}



.imagem-produto img {


    width:100%;

    height:350px;

    object-fit:cover;

    border-radius:15px;

}



.seta {


    position:absolute;

    top:50%;

    transform:translateY(-50%);

    border:none;

    border-radius:50%;

    width:35px;

    height:35px;

}



.esquerda {

    left:10px;

}



.direita {

    right:10px;

}





/* ===================== */
/* SOBRE NÓS */
/* ===================== */

/* ===================== */
/* LOGO SOBRE NÓS */
/* ===================== */


.logo-sobrenos {

    display: flex;
    justify-content: center;
    align-items: center;
    
    margin-bottom: 40px;

}


.logo-sobrenos img {

    width: 220px;
    max-width: 100%;

}

.sobre {


    padding:80px 8%;

}



.conteudo-sobre {


    display:flex;

    align-items:center;

    gap:60px;

}



.imagem-sobre img {


    width:450px;

    border-radius:20px;

}



.texto-sobre p {


    line-height:1.8;

    color:#555;

}





/* ===================== */
/* PROPÓSITO */
/* ===================== */


.proposito {


    padding:70px 8%;

    display:flex;

    gap:30px;

}



.box-proposito {


    flex:1;

    background:#faf7f2;

    padding:35px;

    border-radius:20px;

    text-align:center;

}





/* ===================== */
/* FALE CONOSCO */
/* ===================== */


.escolher-contato {


    min-height:80vh;

    padding:100px 8%;

    text-align:center;

    background:#faf7f3;

}



.escolher-contato h1 {


    font-family:"Playfair Display",serif;

    font-size:45px;

}



.cards-contato {


    display:flex;

    justify-content:center;

    gap:40px;

    margin-top:50px;

    flex-wrap:wrap;

}



.card-contato {


    width:320px;

    background:white;

    padding:35px;

    border-radius:20px;

    text-decoration:none;

    color:#222;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.card-contato img {


    width:150px;

    height:150px;

    border-radius:50%;

    object-fit:cover;

}

/* ===================== */
/* FOOTER */
/* ===================== */

.footer {

    background-color:#1c1c1c;

    color:white;

    text-align:center;

    padding:40px 20px;

    margin-top:50px;

}


.footer h3 {

    font-size:24px;

    margin-bottom:10px;

    font-weight:500;

    font-family:"Playfair Display", serif;

}


.footer p {

    margin:8px 0;

    font-size:14px;

}


.footer-links {

    margin:25px 0;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

}


.footer-links a {

    color:#b8860b;

    text-decoration:none;

    font-size:15px;

    transition:.3s;

}


.footer-links a:hover {

    transform:scale(1.05);

}


.footer-btn {

    display:inline-block;

    background:#b8860b;

    color:white !important;

    padding:12px 25px;

    border-radius:25px;

}


.copyright {

    font-size:12px !important;

    opacity:.7;

}



/* ===================== */
/* ANIMAÇÃO */
/* ===================== */


@keyframes subir {


from {

    transform:translateY(0);

}


to {

    transform:translateY(-15px);

}


}




/* ===================== */
/* CELULAR */
/* ===================== */


@media(max-width:768px){



header {

    flex-direction:column;

    gap:20px;

}



.menu ul {

    flex-direction:column;

    align-items:center;

    gap:15px;

}



.hero {

    flex-direction:column;

    text-align:center;

}



.hero-text h1 {

    font-size:38px;

}



.hero-image img {

    width:300px;

}



.cards-categorias {

    grid-template-columns:1fr;

}



.categoria-card img {

    height:350px;

}



.lista-produtos {

    grid-template-columns:1fr;

}



.imagem-produto img {

    height:300px;

}



.conteudo-sobre {

    flex-direction:column;

}



.proposito {

    flex-direction:column;

}



.card-contato {

    width:90%;

}



/* FOOTER MOBILE */


.footer {

    padding:30px 15px;

}


.footer h3 {

    font-size:22px;

}


.footer p {

    font-size:13px;

}


.footer-links {

    flex-direction:column;

    gap:15px;

}


.footer-links a {

    font-size:14px;

}


}