/* Ajustes generales */
body {
  scroll-behavior: smooth;
}
/* Fondo del Hero */
.hero-section {
  background: url('../img/portada.png') center/cover no-repeat;
  position: relative;
}

/* Cuadro semitransparente del texto */
.hero-overlay {
  background: rgba(0, 0, 0, 0.6); /* negro con transparencia */
  display: inline-block;
  max-width: 800px;
}
.card-img-top {
  height: 200px;
  object-fit: cover; /* recorta la imagen sin deformarla */
}


.servicios-fondo {
  background: url('../img/fondo.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed; /* efecto parallax suave */
  color: #333;
}