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

:root{--claro:#F7F5F2;--preto:#111111;--cinza:#685E55;--marrom:#2B2420;--bege:#DCC9B2;--dourado:#CDA24A;--branco:#FFFFFF;}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--claro);color:var(--marrom);font-family:'Montserrat',Arial,sans-serif}

.topo{width:100%;height:76px;background:var(--preto);display:flex;align-items:center;justify-content:center;position:relative;border:none;padding:0 6%}
.logo-topo{width:48px;height:48px;object-fit:contain;display:block}
.botao-whatsapp{position:absolute;right:6%;top:50%;transform:translateY(-50%);background:var(--dourado);color:var(--preto);text-decoration:none;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}
.botao-instagram{
  position:absolute;
  right:250px;
  top:50%;
  transform:translateY(-50%);
  background:transparent;
  border:1px solid #CDA24A;
  color:#CDA24A;
  text-decoration:none;
  padding:10px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
.capa{width:100%;padding:56px 6%;display:grid;grid-template-columns:430px 1fr;align-items:center;gap:56px;min-height:auto}
.capa-foto{width:100%;max-width:430px}
.capa-foto img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block;border-radius:24px}

.subtitulo{color:var(--dourado);text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:700;margin-bottom:14px}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}
h1{font-size:clamp(42px,7vw,82px);line-height:.95;color:var(--preto);margin-bottom:22px}
h2{font-size:clamp(36px,5vw,62px);color:var(--preto)}
h3{font-size:31px;color:var(--preto)}
p,small{color:var(--cinza);line-height:1.75}
.capa-texto p:not(.subtitulo){max-width:620px;font-size:18px}

.galeria,.valores,.informacoes,.quem-sou{padding:62px 6%}
.titulo{margin-bottom:28px}
.carrossel{width:100%;display:flex;gap:20px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}
.carrossel img{width:260px;min-width:260px;height:340px;object-fit:cover;display:block;border-radius:24px;border:1px solid rgba(205,162,74,.35);box-shadow:0 14px 35px rgba(17,17,17,.12);scroll-snap-align:start}
.dica{color:var(--dourado);font-size:13px}

.grid-valores{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:rgba(255,255,255,.82);border:1px solid rgba(205,162,74,.32);border-radius:24px;padding:28px;min-height:260px}
.card h3{margin-bottom:16px}.card p{margin-bottom:8px}.card strong{color:var(--preto)}.card small{color:var(--dourado);font-weight:700;margin-top:12px;display:block}

.informacoes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.info-box{background:linear-gradient(145deg,var(--preto),var(--marrom));border:1px solid var(--dourado);border-radius:28px;padding:38px}
.info-box h2{color:var(--claro);margin-bottom:18px}.info-box p{color:var(--bege);margin-bottom:12px}.info-box strong{color:var(--dourado)}

.quem-sou{display:grid;grid-template-columns:380px 1fr;align-items:center;gap:44px}
.foto-nail{width:100%;max-width:380px}
.foto-nail img{width:100%;height:480px;object-fit:cover;display:block;border-radius:28px;border:1px solid rgba(205,162,74,.40);box-shadow:0 18px 50px rgba(17,17,17,.12)}
.texto-nail{background:var(--branco);border-radius:28px;padding:42px;border:1px solid rgba(205,162,74,.30)}
.texto-nail h2{margin-bottom:18px}.texto-nail p{margin-bottom:12px;font-size:17px}

footer{text-align:center;background:var(--preto);padding:32px 6%}
footer p{color:var(--dourado);font-family:'Cormorant Garamond',Georgia,serif;font-size:32px}
footer small{color:var(--bege)}

@media(max-width:900px){
  .capa{grid-template-columns:1fr;gap:34px}
  .capa-foto{max-width:360px;margin:0 auto}
  .grid-valores{grid-template-columns:repeat(2,1fr)}
  .informacoes,.quem-sou{grid-template-columns:1fr}
  .foto-nail{max-width:360px;margin:0 auto}
}
@media(max-width:620px){
  .topo{height:70px;justify-content:flex-start}
  .logo-topo{width:44px;height:44px}
  .botao-whatsapp{right:5%;font-size:12px;padding:9px 12px}
  .capa,.galeria,.valores,.informacoes,.quem-sou{padding:44px 5%}
  h1{font-size:44px}
  .grid-valores{grid-template-columns:1fr}
  .carrossel img{width:240px;min-width:240px;height:315px}
  .foto-nail img{height:420px}
  .texto-nail,.info-box,.card{padding:26px}
}