/* CSS Principal - Diseño Fluido, Amigable, Neón y Súper Responsivo */

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600;700&family=Outfit:wght@400;700;800&display=swap');

body {
	font-family: 'Outfit', system-ui, sans-serif !important;
	background-color: #F8FAFC; 
	overflow-x: hidden; /* Evita scroll horizontal en móviles */
}

/* Animaciones Cómicas y Amigables (Jelly Bounce) */
.ik-reveal {
	opacity: 0;
	transform: translateY(50px) scale(0.9);
	transition: opacity 0.8s ease-out, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ik-reveal.ik-active {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* Animación Flotante Contínua para Emojis/Íconos */
.ik-float {
	animation: ik-float-anim 3s ease-in-out infinite;
	display: inline-block;
}

@keyframes ik-float-anim {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-10px); }
	100% { transform: translateY(0px); }
}

/* Tarjetas Dinámicas Amigables */
.ik-modern-card {
	background: #ffffff;
	border-radius: 30px !important; 
	border: 2px solid transparent;
	box-shadow: 0 10px 30px rgba(168, 85, 247, 0.1); /* Sombra morada tenue */
	transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	overflow: hidden;
}

.ik-modern-card:hover {
	transform: translateY(-15px) scale(1.03);
	box-shadow: 0 20px 40px rgba(0, 229, 255, 0.2); /* Resplandor Neon Blue */
	border-color: #00E5FF;
}

/* Botones como Botón de Goma */
.wp-block-button__link {
	border-radius: 50px !important; 
	font-weight: 800 !important;
	font-family: 'Fredoka', sans-serif !important;
	transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wp-block-button__link:hover {
	transform: translateY(-5px) scale(1.1);
	box-shadow: 0 10px 20px rgba(243, 198, 29, 0.5); /* Glow amarillo */
}

/* Títulos Neon Neón Degradados */
.ik-gradient-text {
	background: linear-gradient(135deg, #00E5FF 0%, #A855F7 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: 'Fredoka', sans-serif !important;
}

.ik-gradient-bg {
	background: linear-gradient(135deg, #0F172A 0%, #1e1b4b 100%) !important;
}

/* OJO: Reglas de Responsividad Estricta para Móviles */
@media (max-width: 782px) {
	.wp-block-columns {
		display: flex !important;
		flex-direction: column !important;
		gap: 2rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.wp-block-column {
		width: 100% !important;
		margin-left: 0 !important;
		padding: 1.5rem !important;
	}

	h1.wp-block-heading {
		font-size: 2.2rem !important;
		line-height: 1.1 !important;
	}

	/* Ajustar espaciados de los grupos para evitar desbordes */
	.wp-block-group {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

/* Logos y bordes redondeados globales */
img, figure {
	border-radius: 20px;
	max-width: 100%;
	height: auto;
}