body {
	padding: 0;
	margin: 0;
}

/* ── Pantalla de carga ─────────────────────────────────────── */
#logo-central {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(145deg, #0e3a6c 0%, #0e2c59 60%, #09193e 100%);
	animation: splashFadeOut 0.4s ease-in 2.8s forwards;
}

#logo-central__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	animation: cardEntrance 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* Logo */
#logo-central__img {
	display: block;
	width: 210px;
	height: 90px;
	background: url("assets/gecofi4.png") no-repeat center / contain;
	animation: logoPulse 2s ease-in-out 0.6s infinite alternate;
}

/* Tres puntos de carga */
#logo-central__dots {
	display: flex;
	gap: 8px;
}

#logo-central__dots span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	animation: dotBounce 1.1s ease-in-out infinite;
}

#logo-central__dots span:nth-child(2) { animation-delay: 0.18s; }
#logo-central__dots span:nth-child(3) { animation-delay: 0.36s; }

/* ── Keyframes ─────────────────────────────────────────────── */
@keyframes cardEntrance {
	from { opacity: 0; transform: translateY(18px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes logoPulse {
	from { opacity: 0.85; filter: drop-shadow(0 0 0px rgba(255,255,255,0)); }
	to   { opacity: 1;    filter: drop-shadow(0 0 10px rgba(255,255,255,0.4)); }
}

@keyframes dotBounce {
	0%, 80%, 100% { transform: translateY(0);    opacity: 0.4; }
	40%            { transform: translateY(-7px); opacity: 1;   }
}

@keyframes splashFadeOut {
	to { opacity: 0; pointer-events: none; }
}

/* ── Legado ────────────────────────────────────────────────── */
.center-logo-start {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.center-logo-start img {
	width: 80px;
}