/* ===== HERO SUPERIOR ===== */
.hero-pic-top {
  position: relative;
  height: 70vh;
  background: url("../images/hero/abstract-cadastral-map-vector-23926392.avif") center/cover no-repeat;
}
.hero-pic-top .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(138, 190, 168, 0.8) 100%);
}
.hero-pic-top h1, .hero-pic-top p {
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

/* ===== BLOQUE INFORMATIVO ===== */
.pic-info {
  position: relative;
  background: linear-gradient(135deg, #9a9e9d 0%, #184c36 100%);
  overflow: hidden;
}
.pic-info .overlay {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background: url("../images/pic_contacto_bg.jpg") center/cover no-repeat;
}
.pic-info h2, .pic-info h4 {
  position: relative;
  z-index: 2;
}
.pic-info p, .pic-info ul {
  color: #f5f5f5;
}

/* ===== CONTACTO BOX ===== */
.contacto-box {
  border-left: 4px solid #ffc107;
  transition: all 0.3s ease;
}
.contacto-box:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}

/* ===== ANIMACIONES ===== */
.fade-in-left {
  opacity: 0;
  transform: translateX(-30px);
  animation: fadeInLeft 1s ease-out forwards;
}
.fade-in-right {
  opacity: 0;
  transform: translateX(30px);
  animation: fadeInRight 1s ease-out forwards;
}

@keyframes fadeInLeft {
  to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
  to { opacity: 1; transform: translateX(0); }
}