/* Tus estilos aquí */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

#servicios {
  background-image: url("../img/fondo_servicios_general_v3.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#webscrapping {
  background-image: url("../img/fondo_webscrapping_v1.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#webscrapping .texto {
  background: rgba(255,255,255,0.28); /* fondo blanco translúcido */
  padding: 1rem;
  border-radius: 10px;
}

#dashboards {
  background-image: url("../img/fondo_dashboards_v2.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#dashboards .texto {
  background: rgba(255,255,255,0.7); /* fondo blanco translúcido */
  color: #000;                       /* texto oscuro */
  padding: 1rem;
  border-radius: 10px;
}

#entornosvirtuales {
  background-image: url("../img/fondo_vm_v1.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#entornosvirtuales .texto {
  background: rgba(255,255,255,0.28); /* fondo blanco translúcido */
  padding: 1rem;
  border-radius: 10px;
}

#bigdata {
  background-image: url("../img/fondo_bigdata_v1.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#bigdata .texto {
  background: rgba(255,255,255,0.7); /* fondo blanco translúcido */
  color: #000;
  padding: 1rem;
  border-radius: 10px;
}

#datawarehouse {
  background-image: url("../img/fondo_datawarehouse_v1.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#datawarehouse .texto {
  background: rgba(255,255,255,0.28); /* fondo blanco translúcido */
  padding: 1rem;
  border-radius: 10px;
}

#pipeline {
  background-image: url("../img/fondo_pipeline_v1.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* opcional: efecto parallax */
}

#pipeline .texto {
  background: rgba(255,255,255,0.7); /* fondo blanco translúcido */
  color: #000;
  padding: 1rem;
  border-radius: 10px;
}