@charset "UTF-8";
/* CSS Document */


body {
	background: rgba(181,203,184,1.00);
	}


#header {
	
	background: #96AF8A;
	text-align: center;	
	padding: 20px;	
	width: 100%;
	 position: fixed;
  	top: 0;
 	 left: 0;
	color: aliceblue;
	font-size: 50px;
}
	
.conte img{
	 width: 100%;
  border-radius: 15px;
  object-fit: cover;
 margin-top: 100px;
}
	
.pastilla {
	
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(255,255,255,0.39);
	color: rgba(255,255,255,1.00);
	padding: 10px 20px;
	border-radius: 19px;
	backdrop-filter: blur(2px);
	font-size: 21px;
	
}


.boton-flotante {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 70px;
  height: 70px;
  z-index: 999;
  transition: 0.3s;
}

.boton-flotante img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}


.boton-flotante:hover {
  transform: scale(1.1);