:root{
	/* TIPOGRAFÍA */
	
	font-family: "Plus Jakarta Sans", sans-serif;

	/* PALETA */

	--morado-harmony: #8359fa;
	--verde-harmony: #00bf7d;
	--rosa-harmony: #ff8df5;
	--oscuro-harmony: #201b24;
	--claro-harmony: #f0eeff;
	--negro-puro: #000000;
	--blanco-puro: #ffffff;

}

.S1{
    margin-bottom: 200px;
}

.S1 h2{
    margin-bottom: 200px;
	margin-top: 20px;
}

#mago{
	position: absolute;
	width: calc(800*((0.873px*0.4) + (0.045vw*0.6)));
	height: calc(800*((0.873px*0.4) + (0.045vw*0.6)));
	right: -100px;
	top: -30px;
	cursor: pointer;
}

/* Ventanita de mensaje copiado */

#mensaje-copiado {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 9999;
  pointer-events: none;
}

#nube {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px; /* ajusta según la animación */
  height: 180px;
  transform: translate(-50%, -50%);
  z-index: 0;
}

#mensaje-texto {
  position: relative;
  z-index: 1;
  color: var(--verde-harmony);
  font-size: 24px;
  display: block;
}


@media screen and (max-width: 992px) {

	#mago{
		width: 450px;
		height: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 20%;
	}

	#mensaje-texto {
		font-size: 22px;
		line-height: 19px;
	}

	#nube {
		width: 350px; /* ajusta según la animación */
		height: 120px;
	}
}