html, body {
	margin: 0;
	padding: 0;
	height: 100vh;
	overflow: hidden;
	max-height: 100vh;
	background: url('../imagenes/bg.jpg') no-repeat center center/cover;
}
@font-face {
	font-family: 'Aldo'; /* Choose a name for your font */
	src: url('../fonts/AldotheApache.ttf') format('truetype'); /* Specify the path to your .ttf file */
	font-weight: normal; /* Optional: Define font weight if applicable */
	font-style: normal; /* Optional: Define font style if applicable */
	font-weight: normal;
	font-style: normal;
	font-display: swap; /* Improves performance */
}
p, a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Aldo', sans-serif;
}
/* Fondo */
.hero {
	position: relative;
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}

/* Logo principal */
.hero img.logo {
	width: 70%;
	max-width: 750px;
	z-index: 10;
	filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)); /* Un brillo inicial */
	animation: neonPulse 2s infinite alternate ease-in-out; /* Aplica la animación */
}
@keyframes neonPulse {
	0% { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 10px rgba(255, 100, 200, 0.5)); }
	50% { filter: drop-shadow(0 0 10px rgba(255, 255, 255, 1)) drop-shadow(0 0 20px rgba(255, 100, 200, 0.8)); }
	100% { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 10px rgba(255, 100, 200, 0.5)); }
}
/* Platos voladores */
.ufo {
	position: absolute;
	width: 175px;
	transition: transform 0.2s ease-out;
	/*position: absolute;
	width: 175px;
	animation: float 5s ease-in-out infinite;
	transition: transform 0.2s ease-out;*/
}
.ufo img {
	width: 100%;
	display: block;
	animation: float 5s ease-in-out infinite;
}
.ufo.left { top: 25%; left: 10%; animation-delay: 0s; }
.ufo.right {bottom:30%; right:10%; animation-delay:2s;}

@keyframes float {
	/*0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-20px); }*/
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-40px) rotate(2deg); }
}

/* Footer con iconos */
.social {
	position: absolute;
	bottom: 5rem;
	display: flex;
	align-items: center;
	gap: 20px;
	z-index: 10;
}
.social a {
	font-family: 'Aldo', sans-serif;
	display: flex;
	align-items: center;
	gap: 8px;
	color: white;
	font-size: 3.2rem;
	text-decoration: none;
	transition: transform 0.2s ease;
}
.social a:hover {
	transform: scale(1.1);
}
.social img {
	width: 70px;
	height: auto;
}
.mail-icon {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	cursor: pointer;
	transition: transform 0.2s ease;
}
.mail-icon:hover {
	transform: translateX(-50%) scale(1.1);
}

/* Versión mobile */
@media (max-width: 992px) {
	.hero {
		position: relative;
		width: 100%;
		height: 97vh;
		max-height: 97vh;
	}
	.hero img.logo {
		width: 90%;
		max-width: 600px;
		z-index: 10;
		margin: -5.5rem 0 0 0;
	}
	.ufo img {
		width: 60%;
		display: block;
		animation: float 5s ease-in-out infinite;
	}
	.ufo.left {
		top: 10%;
		left: 15%;
		animation-delay: 0s;
	}
	.ufo.right {
		bottom: 22%;
		right: -10%;
		animation-delay: 2s;
	}
	.social a {
		font-size: 2.5rem;
	}
	.social img {
		width: 50px;
		height: auto;
	}
	.social {
		bottom: 6rem;
	}
	.mail-icon {
		bottom: 50px;
	}
}