/* ---------- NAV ---------- */
.nav{
  padding:32px 0 8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.logo{
  font-family:'Fraunces', serif;
  font-weight:600;
  font-size:20px;
  color:var(--wine);
  letter-spacing:-0.01em;
  display:flex;
  align-items:center;
  gap:9px;
}
.logo .mark{width:9px; height:9px; border-radius:50%; background:var(--coral); display:inline-block;}
.logo span{color:var(--coral);}

/* ---------- HERO ---------- */
.hero{padding:76px 0 72px; text-align:center;}
.hero-eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:12.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--coral);
  margin-bottom:20px;
}
.hero-eyebrow::before,.hero-eyebrow::after{
  content:'';
  display:inline-block;
  width:16px; height:1px;
  background:var(--coral);
  vertical-align:middle;
}
.hero-eyebrow::before{margin-right:10px;}
.hero-eyebrow::after{margin-left:10px;}
.hero h1{
  font-size:clamp(34px, 5.5vw, 54px);
  font-weight:600;
  color:var(--wine);
  max-width:17ch;
  margin:0 auto 24px;
  line-height:1.14;
}
.hero p{font-size:19px; color:var(--ink-soft); max-width:46ch; margin:0 auto;}

/* ---------- PRODUTO EM DESTAQUE ---------- */
.featured{padding:20px 0 84px;}
.featured-card{
  position:relative;
  background:var(--wine);
  border-radius:20px;
  padding:56px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
  overflow:hidden;
}
.featured-card::before{
  content:'';
  position:absolute;
  top:-40%; right:-10%;
  width:340px; height:340px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.08);
}
.featured-card::after{
  content:'';
  position:absolute;
  top:-25%; right:2%;
  width:220px; height:220px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.08);
}
@media(max-width:680px){ .featured-card{grid-template-columns:1fr; text-align:center; padding:44px 28px;} }
.featured-tag{
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--coral-light);
  margin-bottom:16px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.featured-tag .dot{width:6px; height:6px; border-radius:50%; background:var(--coral-light);}
.featured-card h2{
  position:relative;
  font-size:clamp(24px, 3.3vw, 32px);
  color:var(--paper);
  font-weight:600;
  margin-bottom:16px;
  line-height:1.25;
  max-width:22ch;
}
.featured-card p{position:relative; color:#E9D9D0; font-size:16px; max-width:44ch;}
@media(max-width:680px){ .featured-card p{margin:0 auto;} }
.featured-btn{
  position:relative;
  display:inline-block;
  margin-top:26px;
  padding:16px 30px;
  border-radius:8px;
  background:var(--coral);
  color:var(--white);
  font-family:'Work Sans', sans-serif;
  font-weight:600;
  font-size:15px;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s ease, transform .15s ease;
}
.featured-btn:hover{background:#D06749; transform:translateY(-1px);}

/* ---------- MAIS EM BREVE ---------- */
.more{padding:24px 0 100px;}
.more-eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--coral);
  text-align:center;
  margin-bottom:12px;
}
.more h2{text-align:center; font-size:clamp(22px,3vw,26px); font-weight:600; color:var(--wine); margin-bottom:44px;}
.more-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
@media(max-width:720px){ .more-grid{grid-template-columns:1fr;} }
.more-card{
  background:transparent;
  border:1px dashed var(--paper-deep);
  border-radius:14px;
  padding:34px 24px;
  text-align:center;
  transition:border-color .2s ease;
}
.more-card:hover{border-color:var(--coral-dim);}
.more-card .icon{
  width:38px; height:38px;
  border-radius:50%;
  background:var(--sage-light);
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Fraunces', serif;
  font-size:18px;
  color:var(--sage);
}
.more-card h3{font-size:16px; font-weight:600; color:var(--wine); margin-bottom:8px;}
.more-card p{font-size:13.5px; color:#8A7A72;}

/* ---------- SOBRE / RODAPÉ ---------- */
.about{background:var(--paper-deep); padding:72px 0; text-align:center;}
.about p{
  font-family:'Fraunces', serif;
  font-style:italic;
  font-weight:400;
  font-size:clamp(18px, 2.4vw, 23px);
  color:var(--wine);
  max-width:38ch;
  margin:0 auto;
  line-height:1.5;
}

footer{padding:40px 0; text-align:center;}
footer p{font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:#A69A93;}
footer a{text-decoration:underline; text-underline-offset:2px;}
