/* Sección hero */
.hero {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000; /* color de fondo por si la imagen no carga */
  overflow: hidden;
}

/* Carrusel */
.carousel {
  width: 100%;
  max-width: 1200px; /* límite en pantallas grandes */
  margin: 0 auto;
}

.carousel img {
  width: 100%;        /* ocupa todo el ancho disponible */
  height: auto;       /* mantiene proporción */
  object-fit: cover;  /* se adapta sin deformarse */
  border-radius: 8px; /* esquinas redondeadas opcional */
  transition: transform 0.5s ease-in-out;
}

.carousel img:hover {
  transform: scale(1.02); /* efecto zoom suave */
}

/* Texto encima de la imagen */
.hero-text {
  position: absolute;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
  text-align: center;
}

/* Adaptación a móviles */
@media (max-width: 768px) {
  .hero-text {
    font-size: 1.5rem;
    padding: 0 10px;
  }
}

@media (max-width: 480px) {
  .hero-text {
    font-size: 1.2rem;
  }
}

.bottom-link a {
    color: white;
    text-decoration: none; /* opcional */
    transition: color 0.3s ease; /* suaviza el cambio */
}

.bottom-link a:hover {
    color: #cccccc; /* color al pasar el mouse (puedes cambiarlo) */
}