.imagen-sustitucion1 {
    width: 240px;
    height: 70px;
    background-image:url("../imgs/buton-01a.png");
    background-size: cover;
    transition: background-image 0.9s; /* Opcional: suaviza el cambio */
}
	.imagen-sustitucion1:hover {
    background-image: url("../imgs/buton-01b.png"); /* Imagen de sustitución */
}
/* ------------------------- */
.imagen-sustitucion2 {
    width: 240px;
    height: 70px;
    background-image:url("../imgs/buton-02a.png");
    background-size: cover;
    transition: background-image 0.9s; /* Opcional: suaviza el cambio */
}
	.imagen-sustitucion2:hover {
    background-image: url("../imgs/buton-02b.png"); /* Imagen de sustitución */
}
/* ------------------------- */
.imagen-sustitucion3 {
    width: 240px;
    height: 70px;
    background-image:url("../imgs/buton-03a.png");
    background-size: cover;
    transition: background-image 0.9s; /* Opcional: suaviza el cambio */
}
	.imagen-sustitucion3:hover {
    background-image: url("../imgs/buton-03b.png"); /* Imagen de sustitución */
}
/* ------------------------- */
.imagen-sustitucion4 {
    width: 240px;
    height: 70px;
    background-image:url("../imgs/buton-04a.png");
    background-size: cover;
    transition: background-image 0.9s; /* Opcional: suaviza el cambio */
}
	.imagen-sustitucion4:hover {
    background-image: url("../imgs/buton-04b.png"); /* Imagen de sustitución */
}
/* ------------------------- */
.imagen-sustitucion5 {
    width: 240px;
    height: 70px;
    background-image:url("../imgs/buton-05a.png");
    background-size: cover;
    transition: background-image 0.9s; /* Opcional: suaviza el cambio */
}
	.imagen-sustitucion5:hover {
    background-image: url("../imgs/buton-05b.png"); /* Imagen de sustitución */
}

.fade-in-onload {
  animation: fadeIn 1.5s forwards; /* Apply the fadeIn animation over 2 seconds */
  opacity: 0; /* Ensure it starts hidden before the animation begins */
}

@keyframes fadeIn {
  from {
    opacity: 0; /* Start from transparent */
  }
  to {
    opacity: 2; /* End at fully opaque */
  }
}

