/**
 * Homepage pública da escola — portado do design "Dojokan Academia Template".
 * Prefixo dja-* (Dojokan Academia) para não colidir com a landing do SaaS (dj-*).
 */

.dja {
	font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: #EEF1F8;
	background: #0B0F1A;
	width: 100%;
	min-height: 100vh;
}
.dja a { color: #3B82F6; text-decoration: none; }
.dja a:hover { color: #6ea2ff; }

/* HEADER */
.dja-header {
	position: relative;
	overflow: hidden;
	padding: 80px 64px 64px;
	background:
		radial-gradient(circle at 10% 10%, rgba(59,130,246,0.30), transparent 45%),
		linear-gradient(160deg, #0B0F1A 0%, #0d1730 60%, #12327A 140%);
}
.dja-header__inner { max-width: 1100px; margin: 0 auto; }

.dja-identity { display: flex; align-items: center; gap: 36px; }
.dja-logo {
	width: 120px;
	height: 120px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(59,130,246,0.4);
	background: rgba(255,255,255,0.03);
}
.dja-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.dja-name {
	font-family: 'Sora', sans-serif;
	font-weight: 800;
	font-size: 38px;
	line-height: 1.1;
	color: #FFFFFF;
	margin: 0;
}
.dja-message {
	font-size: 16px;
	color: #aab4d4;
	margin: 10px 0 0;
	max-width: 640px;
	line-height: 1.6;
}

/* Linha de contato */
.dja-contact {
	max-width: 1100px;
	margin: 40px auto 0;
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 28px;
}
.dja-contact__item { display: flex; gap: 10px; align-items: flex-start; }
.dja-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3B82F6;
	margin-top: 7px;
	flex-shrink: 0;
}
.dja-contact__label {
	font-size: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #7a86a8;
}
.dja-contact__value { font-size: 15px; color: #EEF1F8; margin-top: 4px; line-height: 1.5; }

/* INSTAGRAM */
.dja-ig { padding: 72px 64px; max-width: 1100px; margin: 0 auto; }
.dja-ig__title {
	font-family: 'Sora', sans-serif;
	font-weight: 800;
	font-size: 28px;
	color: #FFFFFF;
	margin: 0;
}
.dja-ig__sub { font-size: 14px; color: #7a86a8; margin: 6px 0 0; }
.dja-ig__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 24px;
	padding: 14px 24px;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid rgba(59,130,246,0.5);
	border-radius: 999px;
	background: rgba(59,130,246,0.10);
	transition: background .15s, border-color .15s;
}
.dja-ig__btn:hover { color: #FFFFFF; background: rgba(59,130,246,0.20); border-color: rgba(59,130,246,0.8); }

/* FOOTER */
.dja-foot {
	padding: 24px 64px;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 12px;
	color: #5c6480;
}
.dja-foot svg { opacity: 0.5; }
.dja-foot a { color: #7a86a8; }
.dja-foot a:hover { color: #aab4d4; }

/* Responsivo */
@media (max-width: 640px) {
	.dja-header { padding: 48px 22px 40px; }
	.dja-identity { flex-direction: column; align-items: flex-start; gap: 20px; }
	.dja-logo { width: 88px; height: 88px; }
	.dja-name { font-size: 28px; }
	.dja-contact { gap: 20px; }
	.dja-contact__item { flex: 1 1 100%; }
	.dja-ig { padding: 48px 22px; }
	.dja-foot { padding: 22px; }
}