/* RESET */

html {
scroll-behavior: smooth;
}

body {

font-family: 'Poppins', sans-serif;
margin: 0;
background: #f8f6f2;

}

/* HEADER */

header {

background: rgba(255,255,255,0.95);
backdrop-filter: blur(10px);

box-shadow: 0 2px 10px rgba(0,0,0,0.05);

position: sticky;
top: 0;
z-index: 999;

}

.container {

display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 30px;

}

/* LOGO */

.logo {

display: flex;
align-items: center;
gap: 12px;

}

.logo img {

height: 150px;
width: auto;

}

.nome-logo {

font-size: 26px;
font-weight: 600;
color: #8c6b4f;
letter-spacing: 1px;

}

/* MENU */

nav a {

margin-left: 20px;
text-decoration: none;
color: #333;
font-weight: 500;
transition: 0.3s;

}

nav a:hover {

color: #b08968;

}

/* HERO */
.hero {

height: 90vh;

background: linear-gradient(
rgba(0,0,0,0.35),
rgba(0,0,0,0.35)
);

background-size: cover;
background-position: center;

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

text-align: center;
color: white;

padding: 20px;

}

.hero-content {

max-width: 700px;

}

.hero h1 {

font-size: 42px;
margin-bottom: 15px;

}

.hero p {

font-size: 18px;

}

/* BOTÃO PRINCIPAL */

.btn-primary {

background: #b08968;
color: white;

padding: 14px 30px;

border-radius: 30px;

text-decoration: none;

display: inline-block;

margin-top: 20px;

transition: 0.3s;
font-weight: 500;

}

.btn-primary:hover {

background: #9c7456;

}

/* PRODUTOS */

.produtos {

padding: 70px 20px;
text-align: center;

}

.produtos h2 {

font-size: 28px;

}

.grid-produtos {

display: grid;

grid-template-columns: repeat(
auto-fit,
minmax(250px,1fr)
);

gap: 25px;

margin-top: 30px;

}

.card {

background: white;

border-radius: 15px;

padding: 20px;

box-shadow: 0 5px 15px rgba(0,0,0,0.05);

transition: 0.3s;

}

.card:hover {

transform: translateY(-6px);

}

.card img {

width: 100%;

border-radius: 10px;

}

.card h3 {

margin-top: 15px;

}

/* PREÇO DO PRODUTO */

.preco {

display: block;

margin-top: 10px;

font-size: 18px;

font-weight: 600;

color: #b08968;

}

.card a {

display: inline-block;

margin-top: 10px;

background: #b08968;

color: white;

padding: 10px 20px;

border-radius: 20px;

text-decoration: none;

transition: 0.3s;

}

.card a:hover {

background: #9c7456;

}

/* GALERIA */

.galeria {

padding: 70px 20px;
text-align: center;

}

.galeria h2 {

font-size: 28px;

}

.grid-galeria {

display: grid;

grid-template-columns: repeat(
auto-fit,
minmax(200px,1fr)
);

gap: 15px;

margin-top: 30px;

}

.grid-galeria img {

width: 100%;
border-radius: 12px;

transition: 0.3s;

cursor: pointer;

}

.grid-galeria img:hover {

transform: scale(1.05);

}

/* BENEFÍCIOS */

.beneficios {

background: #e6dfd3;

padding: 70px 20px;

text-align: center;

}

.grid-beneficios {

display: grid;

grid-template-columns: repeat(
auto-fit,
minmax(200px,1fr)
);

gap: 20px;

margin-top: 30px;

font-size: 18px;

}

/* DEPOIMENTOS */

.depoimentos {

padding: 70px 20px;

text-align: center;

background: #f1ece4;

}

.grid-depoimentos {

display: grid;

grid-template-columns: repeat(
auto-fit,
minmax(250px,1fr)
);

gap: 25px;

margin-top: 30px;

}

.depoimento {

background: white;

padding: 25px;

border-radius: 15px;

box-shadow: 0 5px 15px rgba(0,0,0,0.05);

}

.depoimento p {

font-style: italic;

}

.depoimento span {

display: block;

margin-top: 15px;

font-weight: 600;

color: #b08968;

}

/* SOBRE */

.sobre {

padding: 70px 20px;

text-align: center;

max-width: 800px;

margin: auto;

font-size: 17px;

}

/* CONTATO */

.contato {

background: #b08968;

color: white;

padding: 70px 20px;

text-align: center;

}

.botoes-contato {

margin-top: 20px;

}

.btn-whatsapp {

background: #25D366;

color: white;

padding: 12px 25px;

border-radius: 30px;

text-decoration: none;

margin: 10px;

display: inline-block;

transition: 0.3s;

}

.btn-instagram {

background: #E1306C;

color: white;

padding: 12px 25px;

border-radius: 30px;

text-decoration: none;

margin: 10px;

display: inline-block;

transition: 0.3s;

}

/* BOTÃO VOLTAR AO TOPO */

#btn-topo {

position: fixed;

bottom: 90px;
right: 20px;

background: #b08968;

color: white;

border: none;

padding: 14px 16px;

border-radius: 50%;

font-size: 18px;

cursor: pointer;

display: none;

box-shadow: 0 5px 10px rgba(0,0,0,0.2);

transition: 0.3s;

}

#btn-topo:hover {

background: #9c7456;

}

/* WHATSAPP FLOAT */

.whatsapp-float {

position: fixed;

bottom: 20px;
right: 20px;

background: #25D366;

color: white;

padding: 16px;

border-radius: 50%;

font-size: 22px;

text-decoration: none;

box-shadow: 0 5px 10px rgba(0,0,0,0.2);

}

/* FOOTER */

footer {

background: #333;

color: white;

text-align: center;

padding: 20px;

font-size: 14px;

}

/* RESPONSIVO */

@media (max-width: 768px) {

.hero h1 {

font-size: 28px;

}

.hero p {

font-size: 16px;

}

.container {

flex-direction: column;

gap: 10px;

}

nav {

margin-top: 10px;

}

.logo img {

height: 70px;

}

img {
    -webkit-touch-callout: none; /* 🔥 remove menu no iOS */
    user-select: none;
}

}