/* =====================================================================
   HOME.CSS — Hero + ticker de preços (elemento assinatura) + destaques
   ===================================================================== */
.hero{padding:44px 0 8px;}
.hero-eyebrow{
  display:inline-flex; align-items:center; gap:6px; width:fit-content;
  font-size:12px; font-weight:700; letter-spacing:.4px; text-transform:uppercase;
  color:var(--color-primary-dark); margin-bottom:16px;
}
.hero-eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--color-accent); animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;} 50%{opacity:.35;}}
.hero h1{
  font-family:var(--font-display); font-weight:800;
  font-size: clamp(30px, 7vw, 54px); line-height:1.06; letter-spacing:-1.4px;
  max-width:820px;
}
.hero h1 .accent-ital{color:var(--color-primary-dark); font-style:italic; font-weight:700;}
.hero h1 .accent{border-bottom: 1px solid var(--color-text);  font-weight:900;}
.hero p{color:var(--color-text-dim); font-size:15.5px; line-height:1.6; max-width:460px; margin-top:16px;}
.hero-ctas{display:flex; gap:10px; flex-wrap:wrap; margin-top:26px;}

.ticker-wrap{
  margin-top:38px; border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);
  overflow:hidden; position:relative; background: var(--color-surface-alt);
}
.ticker-wrap::before, .ticker-wrap::after{content:''; position:absolute; top:0; bottom:0; width:60px; z-index:2; pointer-events:none;}
.ticker-wrap::before{left:0; background:linear-gradient(90deg, var(--color-surface-alt), transparent);}
.ticker-wrap::after{right:0; background:linear-gradient(270deg, var(--color-surface-alt), transparent);}
.ticker-track{display:flex; gap:0; width:max-content; animation: ticker-scroll 34s linear infinite;}
.ticker-wrap:hover .ticker-track{animation-play-state:paused;}
@keyframes ticker-scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.ticker-item{display:flex; align-items:center; gap:9px; padding:12px 26px; font-size:12.5px; font-weight:600; color:var(--color-text-dim); border-right:1px solid var(--color-border); white-space:nowrap;}
.ticker-item b{color:var(--color-text); font-weight:700;}
.ticker-item .tk-drop{color:var(--color-primary-dark); font-weight:700;}
.ticker-item .material-symbols-outlined{font-size:15px; color:var(--color-accent);}

.categories{padding:36px 0 4px; width: 100%;}
.products-section{padding:6px 0 44px;}