/* ---------- HERO ---------- */
.hero{
  position:relative; z-index:2;
  display:grid; grid-template-columns:1fr 1fr;
  align-items:center; gap:60px;
  max-width:var(--largura-max); margin:0 auto;
  padding:72px var(--gutter) 40px;
}
.hero-copy{ text-align:left; }
.hero h1{
  font-size:clamp(2.3rem, 4vw, 3.6rem); line-height:1.14; margin-bottom:26px;
}
.hero .subtext{
  max-width:440px; color:var(--muted); font-size:1rem; line-height:1.75;
  font-weight:300; margin-bottom:36px;
}
.categories{ color:var(--muted); margin-bottom:36px; }
.categories span{ color:var(--white); }
.categories .sep{ color:var(--pink); margin:0 10px; }
.hero-acoes{ display:flex; gap:14px; flex-wrap:wrap; }

.frame{ position:relative; padding:22px; }
.frame::before, .frame::after{
  content:''; position:absolute; width:26px; height:26px;
}
.frame::before{ top:0; left:0; border-top:2px solid var(--mint); border-left:2px solid var(--mint); }
.frame::after{ bottom:0; right:0; border-bottom:2px solid var(--pink); border-right:2px solid var(--pink); }

.tile-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(2, 1fr);
  gap:6px; aspect-ratio:1422/864;
  border:1px solid var(--hair-strong); border-radius:4px; overflow:hidden;
  background:rgba(255,255,255,0.02);
}
.tile{ position:relative; overflow:hidden; display:flex; align-items:flex-end; justify-content:flex-start; padding:10px; }
.tile img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:saturate(1.05) contrast(1.02);
  transition:transform .6s cubic-bezier(.2,.8,.2,1), filter .6s ease;
}
.tile:hover img{ transform:scale(1.06); filter:saturate(1.15) contrast(1.05); }
.tile-label{
  position:relative; z-index:2; color:#fff; font-family:var(--fonte-mono);
  font-size:0.62rem; letter-spacing:0.08em; text-transform:uppercase;
  text-shadow:0 1px 6px rgba(0,0,0,0.5); opacity:0; transition:opacity .35s ease;
}
.tile:hover .tile-label{ opacity:1; }
.tile::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 55%, rgba(8,8,13,0.55) 100%); z-index:1;
}
.frame-caption{ display:flex; justify-content:space-between; margin-top:14px; color:var(--muted); }
.frame-caption span:last-child{ color:var(--mint); }

/* ---------- MARQUEE ---------- */
.marquee{
  position:relative; z-index:2; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);
  overflow:hidden; padding:18px var(--gutter); margin-top:40px;
}
.marquee-track{ display:flex; width:max-content; gap:56px; animation:scroll 26s linear infinite; }
.marquee-track span{ font-family:var(--fonte-titulo); font-style:italic; font-size:1.15rem; color:var(--muted); white-space:nowrap; }
.marquee-track span em{ font-style:normal; color:var(--pink); margin:0 6px; }
@keyframes scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ---------- LINHAS / CATEGORIAS ---------- */
.secao{ padding:var(--espaco-xl) 0; position:relative; z-index:2; }
.secao-cabecalho{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:12px; }
.secao-cabecalho a{ color:var(--mint); text-decoration:none; font-size:0.85rem; display:inline-flex; align-items:center; gap:6px; }

.grade-categorias{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; margin-top:36px;
}
.card-categoria{
  position:relative; aspect-ratio:3/4; border-radius:var(--raio-lg); overflow:hidden;
  text-decoration:none; display:flex; align-items:flex-end; padding:26px;
  border:1px solid var(--hair);
}
.card-categoria img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.card-categoria:hover img{ transform:scale(1.05); }
.card-categoria::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(8,8,13,0.85), rgba(8,8,13,0.1) 60%); z-index:1;
}
.card-categoria__texto{ position:relative; z-index:2; }
.card-categoria__texto h3{ font-size:1.4rem; margin-bottom:6px; }
.card-categoria__texto span{ color:var(--mint); font-family:var(--fonte-mono); font-size:0.7rem; letter-spacing:0.1em; text-transform:uppercase; }

/* ---------- SOBRE TEASER ---------- */
.sobre-teaser{
  display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
}
.sobre-teaser__imagens{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sobre-teaser__imagens img{ border-radius:var(--raio-md); aspect-ratio:3/4; object-fit:cover; }
.sobre-teaser__imagens img:first-child{ margin-top:36px; }

/* ---------- FAIXA WHATSAPP ---------- */
.faixa-cta{
  border:1px solid var(--hair-strong); border-radius:var(--raio-lg);
  padding:56px 48px; text-align:center;
  background:linear-gradient(160deg, rgba(123,232,196,0.06), rgba(255,111,168,0.06));
}
.faixa-cta h2{ font-size:clamp(1.6rem, 3vw, 2.2rem); margin-bottom:16px; }
.faixa-cta p{ color:var(--muted); max-width:480px; margin:0 auto 30px; font-weight:300; }

@media (max-width:980px){
  .hero{ grid-template-columns:1fr; padding:56px var(--gutter) var(--gutter); text-align:center; }
  .hero-copy{ text-align:center; }
  .hero .subtext{ margin-left:auto; margin-right:auto; }
  .eyebrow{ justify-content:center; }
  .hero-acoes{ justify-content:center; }
  .cabecalho__linha{ padding:18px 0; }
  .grade-categorias{ grid-template-columns:1fr 1fr; }
  .sobre-teaser{ grid-template-columns:1fr; gap:36px; }
  .sobre-teaser__imagens{ order:2; }
  .faixa-cta{ padding:40px var(--gutter); }
}
@media (max-width:600px){
  .grade-categorias{ grid-template-columns:1fr; }
}