/* ===== HERO ===== */
.hero-historia {
  position: relative;
  height: 70vh;
  background: url("../images/hero/motion-array-2618643-nciR7qZVlR-high_0004.avif") top/cover no-repeat;
}
.hero-historia .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(24,76,54,0.8));
}

/* ===== BLOQUES ===== */
.historia-modern {
  background: linear-gradient(180deg, #ffffff, #f4f7f6);
}
.historia-modern h3 {
  color: #184c36;
}
.historia-modern p {
  text-align: justify;
  color: #555;
}
.historia-img {
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.historia-img:hover {
  transform: scale(1.03);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

/* ===== ANIMACIONES ===== */
.fade-in-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 1s ease-out;
}
.fade-in-right {
  opacity: 0;
  transform: translateX(60px);
  transition: all 1s ease-out;
}
.in-view {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .historia-modern .row {
    text-align: center;
  }
  .historia-img {
    margin-bottom: 2rem;
  }
}