.busca{

padding:30px;

text-align:center;

}


.busca input,
.busca select{

padding:15px;

margin:10px;

border-radius:8px;

border:1px solid #ddd;

width:250px;

}.provador{

max-width:600px;

margin:40px auto;

background:white;

padding:30px;

border-radius:15px;

text-align:center;

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

}


.provador select,
.provador button{

width:100%;

padding:15px;

margin:10px;

}


#look{

margin-top:30px;

}.vip-box{

max-width:500px;

margin:50px auto;

background:white;

padding:35px;

border-radius:15px;

text-align:center;

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

}


.vip-box input{

width:100%;

padding:15px;

margin:10px 0;

border:1px solid #ddd;

}


.vip-box button{

width:100%;

padding:15px;

background:#C9A227;

color:white;

border:none;

border-radius:8px;

font-size:18px;

cursor:pointer;

}#resultado{
display:flex;
flex-wrap:wrap;
gap:20px;
justify-content:center;
margin-top:30px;
}.cards{
display:flex;
gap:20px;
padding:30px;
flex-wrap:wrap;
}

.card{
background:#fff;
padding:25px;
border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,.1);
width:250px;
text-align:center;
}

.card h2{
font-size:36px;
color:#C77D8A;
}.catalogo{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
padding:30px;
}

.produto{
background:#fff;
width:280px;
padding:15px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,.1);
text-align:center;
}

.produto img{
width:100%;
border-radius:8px;
}

.produto h3{
margin:10px 0;
}

.produto p{
color:#C9A227;
font-size:20px;
font-weight:bold;
}

.produto a{
display:block;
margin-top:15px;
background:#C77D8A;
color:#fff;
padding:12px;
text-decoration:none;
border-radius:8px;
}:root{
--rosa:#C77D8A;
--preto:#1F1F1F;
--branco:#FFFFFF;
--dourado:#C9A227;
--cinza:#F5F5F5;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}

body{
background:#F5F5F5;
color:#1F1F1F;
}

header{
background:#C77D8A;
padding:20px;
color:white;
text-align:center;
}

nav{
background:#1F1F1F;
padding:15px;
text-align:center;
}

nav a{
color:white;
text-decoration:none;
margin:15px;
font-weight:bold;
}

.banner{
padding:80px;
text-align:center;
background:white;
}

.botao{
display:inline-block;
padding:15px 30px;
background:#C9A227;
color:white;
text-decoration:none;
border-radius:8px;
margin-top:20px;
}.hero{
height:450px;
background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url("../img/banner.jpg");
background-size:cover;
background-position:center;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:white;
}

.hero h2{
font-size:48px;
margin-bottom:20px;
}

.hero p{
font-size:22px;
margin-bottom:20px;
}

.destaques{
padding:50px;
}

footer{
background:#1F1F1F;
color:white;
text-align:center;
padding:30px;
margin-top:50px;
}.login{
width:350px;
margin:80px auto;
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 0 10px rgba(0,0,0,.2);
}

.login input{
width:100%;
padding:12px;
margin:10px 0;
}

.login button{
width:100%;
padding:12px;
background:#C77D8A;
color:white;
border:none;
cursor:pointer;
border-radius:6px;
}.ia-box{
max-width:600px;
margin:40px auto;
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,.1);
text-align:center;
}

.ia-box select,
.ia-box button{
width:100%;
padding:15px;
margin-top:15px;
font-size:16px;
}

#resultado{
margin-top:25px;
font-size:20px;
font-weight:bold;
color:#C77D8A;
}#lista-favoritos{

display:flex;

flex-wrap:wrap;

justify-content:center;

gap:20px;

padding:40px;

}.avaliacao-box{

max-width:600px;

margin:40px auto;

background:white;

padding:30px;

border-radius:15px;

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

}


.avaliacao-box input,
.avaliacao-box textarea,
.avaliacao-box select{

width:100%;

padding:15px;

margin:10px 0;

}


.avaliacao-box button{

background:#C77D8A;

color:white;

border:none;

padding:15px;

width:100%;

border-radius:8px;

}.hero{

height:500px;

background-size:cover;

background-position:center;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

color:white;

padding:30px;

}

.hero h2{

font-size:45px;

text-shadow:2px 2px 5px #000;

}:root{

--rosa:#C77D8A;
--preto:#1C1C1C;
--dourado:#C9A227;
--branco:#FFFFFF;
--fundo:#FAF7F7;

}


body{

background:var(--fundo);

color:var(--preto);

}


header{

background:
linear-gradient(
135deg,
#C77D8A,
#A85D69
);

padding:35px;

text-align:center;

color:white;

}


header h1{

font-size:38px;

letter-spacing:2px;

}


nav{

background:#1C1C1C;

display:flex;

justify-content:center;

flex-wrap:wrap;

padding:15px;

}


nav a{

color:white;

padding:10px 18px;

text-decoration:none;

transition:.3s;

}


nav a:hover{

color:#C9A227;

}


.botao{

background:
linear-gradient(
45deg,
#C9A227,
#E6C65C
);

color:white;

padding:14px 28px;

border-radius:30px;

text-decoration:none;

font-weight:bold;

display:inline-block;

transition:.3s;

}


.botao:hover{

transform:scale(1.05);

}


.produto{

background:white;

border-radius:18px;

overflow:hidden;

transition:.3s;

}


.produto:hover{

transform:translateY(-8px);

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

}


.produto img{

width:100%;

}


button{

background:var(--rosa);

color:white;

border:none;

padding:14px;

border-radius:8px;

cursor:pointer;

font-weight:bold;

}


button:hover{

background:#A85D69;

}<nav>

<a href="index.html">🏠 Início</a>

<a href="novidades.html">🛍️ Novidades</a>

<a href="catalogo.html">👗 Catálogo</a>

<a href="favoritos.html">❤️ Favoritos</a>

<a href="ia.html">🤖 Beatrice IA</a>

<a href="provador.html">👠 Provador</a>

<a href="vip.html">💎 VIP</a>

<a href="contato.html">📞 WhatsApp</a>

</nav>
.whatsapp-fixo{

position:fixed;

right:20px;

bottom:20px;

background:#25D366;

color:white;

width:60px;

height:60px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

text-decoration:none;

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

z-index:999;

}