/* Home page styles for PLGranTurismo */

/* Hero */
.hero {
  position: relative;
  min-height: 72vh;
  display: flex;
  align-items: center;
  background:
    linear-gradient(180deg, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.85) 70%),
    url('../images/industry-trends.webp') center/cover no-repeat;
}
.hero-inner { padding-top: var(--space-20); padding-bottom: var(--space-20); }
.hero-copy { max-width: 860px; }
.hero h1 { color: var(--color-text-primary); text-shadow: 0 4px 24px rgba(0,0,0,0.6); }
.hero p { font-size: var(--font-size-lg); color: var(--color-metallic); }
.hero-cta { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }

/* Generic section spacing */
.section { padding: var(--space-16) 0; }

/* Cards enhancements */
.card .card-footer { display: flex; align-items: center; justify-content: space-between; }

/* Gallery */
.gallery { position: relative; margin-top: var(--space-8); }
.gallery-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 90%;
  gap: var(--space-6);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: var(--space-2);
}
.gallery-item { scroll-snap-align: start; border-radius: var(--radius-2xl); overflow: hidden; box-shadow: var(--shadow-xl); }
.gallery-item img { display: block; width: 100%; height: auto; }
.gallery-controls { position: absolute; right: var(--space-6); top: -56px; display: flex; gap: var(--space-2); }

/* Community block */
.community { border-left: 4px solid var(--color-primary); }

/* Responsive tweaks */
@media (max-width: 768px) {
  .hero { min-height: 64vh; }
  .gallery-track { grid-auto-columns: 100%; }
  .gallery-controls { position: static; margin-top: var(--space-4); }
}