/* Fuente New Order */
@font-face {
    font-family: New Order-Regular;
    src: url(New-Order-Regular.otf);
}

@font-face {
    font-family: New Order-Bold;
    src: url(New-Order-Bold.otf);
}

@font-face {
    font-family: New Order-Light;
    src: url(New-Order-Light.otf);
}

@font-face {
    font-family: New Order-Medium;
    src: url(New-Order-Medium.otf);
}

@font-face {
    font-family: New Order-SemiBold;
    src: url(New-Order-SemiBold.otf);
}

/* html {
    scroll-behavior: smooth;
    background-color: #dfbaba0a   DDE000;
} */

/* Página de Inicio */


/* Seccion del flujo */


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
  /* Añadido para centrar verticalmente */
  align-items: center;
}

#icon-wsp {
  /* Añadido para centrar horizontalmente */
  align-self: center;
  align-items: center;
  margin-left: 1px;
  margin-top: 15px;
  text-decoration: none;
}

.float:hover {
	text-decoration: none;
	color: #FFF;
  background-color:#1ab152;
  animation: shake 1s;
  animation-iteration-count: infinite;
}

.my-float{
	margin-top:16px;
}