/* css/home.css */

/* Layout para a seção de Boas-Vindas com botões */
.welcome-section {
  text-align: center;
  padding: 24px 0;
}

.welcome-section h1 {
  margin-bottom: 8px;
}

.welcome-section p {
  max-width: 600px;
  margin: 0 auto 20px auto;
  font-size: var(--fz-lg);
  text-transform: none;
}

.home-cta-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Estilos para a seção de Produtos */
.product-card {
  border: 1px solid #e6e6e6;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  text-align: center;
  padding: 16px;
  display: flex;
  flex-direction: column;
  background: #fff;
}

.product-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: calc(var(--radius) - 8px);
  margin-bottom: 12px;
}

.product-card h3 {
  margin-bottom: 8px;
}

.product-card p {
  flex-grow: 1;
  text-transform: none;
  font-size: var(--fz-sm);
  margin-bottom: 16px;
}

/* Estilos para a seção "Nossa História" */
.home-about-section {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  align-items: center;
  gap: clamp(24px, 5vw, 48px);
  background: var(--bg-soft);
  padding: clamp(24px, 5vw, 40px);
  border-radius: var(--radius);
}

.home-about-section img {
  width: 100%;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.home-about-text h2 {
  margin-top: 0;
}

.home-about-text p {
  text-transform: none;
  font-size: var(--fz-lg);
  line-height: 1.7;
  margin-bottom: 20px;
}

/* --- NOVOS ESTILOS --- */

/* Seção de Diferenciais */
.differentials-section {
  text-align: center;
}

.differential-item {
  text-align: center;
}

.differential-item .icon {
  font-size: 48px;
  color: var(--brand);
  margin-bottom: 12px;
}

.differential-item h3 {
  font-size: 18px;
}

.differential-item p {
  text-transform: none;
  font-size: var(--fz);
}

/* Seção de Depoimentos */
.testimonials-section {
  background-color: var(--bg-soft);
  padding: clamp(24px, 5vw, 40px);
  border-radius: var(--radius);
  text-align: center;
}

.testimonial-card {
  background: #fff;
  padding: 20px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid #eee;
}

.testimonial-card .quote {
  font-style: italic;
  text-transform: none;
  color: #555;
  margin-bottom: 16px;
}

.testimonial-card .author {
  font-weight: 700;
  color: var(--brand);
}

/* --- CARROSSEL DE PARCEIROS --- */
.partners-section {
  text-align: center;
  padding: 32px 0;
  overflow: hidden;
}

.partner-carousel {
  display: flex;
  width: max-content;
  animation: scroll 60s linear infinite;
}

.partner-carousel:hover {
  animation-play-state: paused;
}

.partner-carousel img {
  height: 80px;
  width: auto;
  margin: 0 40px;
  filter: grayscale(100%);
  transition: filter 0.3s;
}

.partner-carousel img:hover {
  filter: grayscale(0%);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


/* Responsividade */
@media (max-width: 768px) {
  .home-about-section {
    grid-template-columns: 1fr; /* Empilha a imagem e o texto */
  }
}