/* =========================
 Home (hero con imagen)
========================= */

.hero {
  position: relative;
  color: #fff;
  height: 80vh;
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* Imagen de fondo */
.hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('/assets/img/hero.jpg');
  background-size: cover;
  background-position: center;
  filter: brightness(0.45);
  transform: scale(1.05);
  transition: transform 0.5s ease;
  z-index: 0;
}

/* Overlay para contraste */
.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 0;
}

/* Ajustes específicos del hero con imagen (no afectan al hero-simple) */
.hero:not(.hero-simple) .hero-text h1,
.hero:not(.hero-simple) .hero-text p {
  color: #fff;
}
.hero:not(.hero-simple) .hero-text h1 {
  font-size: 3rem; /* más grande en home */
}
.hero:not(.hero-simple) .hero-text p {
  max-width: 480px;
}

/* Responsive */
@media (max-width: 768px) {
  .hero:not(.hero-simple) .hero-text h1 { font-size: 2.2rem; }
  .hero:not(.hero-simple) .hero-text p  { font-size: 1rem; }
}