/* VINCI - estilos customizados que complementam o Tailwind (via CDN) */

@font-face {
  font-family: 'Genos';
  src: local('Genos');
}

:root {
  --vinci-red: #e51837;
  --vinci-black: #1a1a1a;
  --vinci-gray: #666666;
  --vinci-gray-light: #979797;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Host Grotesk', 'Segoe UI', system-ui, sans-serif;
  color: var(--vinci-black);
}

.font-display {
  font-family: 'Genos', 'Oswald', 'Segoe UI', sans-serif;
}

/* Header fixo com leve sombra ao rolar */
.header-shadow {
  box-shadow: 0 7px 27.4px -9px rgba(0, 0, 0, 0.13);
}

/* Mega menu */
#megamenu {
  transform: translateY(-8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

#megamenu.open {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/* FAQ accordion */
.faq-icon {
  transition: transform 0.25s ease;
}

.faq-item.open .faq-icon {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.open .faq-answer {
  max-height: 400px;
}

/* Utilidade para tracking maior, como no design original */
.tracking-wide-xl {
  letter-spacing: 0.4em;
}

img {
  max-width: 100%;
  height: auto;
}