/* Theme gerado automaticamente pelo demo-generator */
/* Nicho: agro_maquinas_jacto */

:root {
  --color-bg:          #0a0a09;
  --color-surface:     #161513;
  --color-border:      #2b2925;
  --color-text:        #f5f3ee;
  --color-text-muted:  #948d80;
  --color-accent:      #ff5a1f;
  --color-accent-2:    #ffb800;
  --shadow-glow:       0 0 50px rgba(255,90,31,0.16);
  --font-display:      "Clash Display", "Space Grotesk", sans-serif;
  --font-body:         "Satoshi", "DM Sans", sans-serif;
}
.hero__label { border-color: rgba(255,90,31,0.35); color: var(--color-accent); }
.section--alt { background: var(--color-surface); }

/* Estilos extras do nicho ativo */
.section--alt {
  background: var(--color-surface);
}

.diferencial {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-base);
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
}

.diferencial__icon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: var(--weight-bold);
  flex-shrink: 0;
}

.section-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-16);
  align-items: center;
}

@media (max-width: 1024px) {
  .section-two-col {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }
}

.sobre__image-block {
  aspect-ratio: 4/5;
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid var(--color-border);
  position: relative;
}

.sobre__image-placeholder {
  width: 100%;
  height: 100%;
  background: var(--color-surface);
  display: grid;
  place-items: center;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: var(--weight-black);
  letter-spacing: var(--tracking-tight);
  color: var(--color-border);
}

.hero__scroll {
  position: absolute;
  bottom: var(--space-8);
  left: 50%;
  transform: translateX(-50%);
}

.hero__scroll-line {
  width: 1px;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--color-accent));
  margin: 0 auto;
  animation: scrollLine 2s ease-in-out infinite;
}

@keyframes scrollLine {
  0%   { opacity: 0; transform: scaleY(0); transform-origin: top; }
  50%  { opacity: 1; transform: scaleY(1); transform-origin: top; }
  100% { opacity: 0; transform: scaleY(1); transform-origin: bottom; }
}

/* Correção mobile: CTA do menu empurrava o hamburger pra fora da tela */
@media (max-width: 768px) {
  .nav__cta { display: none; }
}

/* Avatares dos depoimentos: badge com gradiente da marca + ícone,
   em vez do círculo cinza vazio */
.testimonial__avatar {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
  display: grid;
  place-items: center;
}

.testimonial__avatar svg {
  width: 22px;
  height: 22px;
  color: var(--color-bg);
}

/* Botão flutuante do WhatsApp — versão mobile */
.whatsapp-float {
  display: none;
  position: fixed;
  right: 16px;
  bottom: max(16px, env(safe-area-inset-bottom, 0px) + 12px);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
  z-index: 999;
  text-decoration: none;
}

.whatsapp-float svg {
  width: 30px;
  height: 30px;
}

@media (max-width: 768px) {
  .whatsapp-float { display: flex; }
}