/* ==========================================================================
   Tablet — ≤ 960px
   ========================================================================== */

@media (max-width: 960px) {
	.hero__grid,
	.quem-sou__grid,
	.radiofobia__grid,
	.curso-podcast__grid,
	.cta-final__grid {
		grid-template-columns: 1fr;
	}

	.quem-sou__media,
	.radiofobia__media,
	.curso-podcast__media {
		order: -1;
		max-width: 420px;
		margin-inline: auto;
	}

	.cta-final__media {
		max-width: 480px;
		margin-inline: auto;
	}

	.hero {
		padding-block-start: 128px;
	}

	.hero__media {
		max-width: 460px;
		margin-inline: auto;
	}

	.hero__blob {
		display: none;
	}

	.logo-grid {
		grid-template-columns: repeat(6, 1fr);
	}

	.numeros__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-4) var(--space-3);
	}

	.cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.card--featured {
		grid-column: span 2;
	}

	.books {
		grid-template-columns: repeat(2, 1fr);
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
		gap: var(--space-3);
		text-align: left;
	}

	.site-footer__legal {
		text-align: left;
	}
}

/* ==========================================================================
   Mobile navigation — ≤ 1120px
   ========================================================================== */

@media (max-width: 1120px) {
	.menu-toggle {
		display: inline-flex;
	}

	.site-nav {
		position: fixed;
		inset: 0;
		top: 0;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: var(--space-4);
		background: var(--color-bg);
		transform: translateX(100%);
		transition: transform 0.35s var(--ease);
	}

	.site-nav.is-open {
		transform: translateX(0);
	}

	.site-nav a {
		font-size: 1.4rem;
		opacity: 1;
	}

	.site-header__actions .btn--primary,
	.site-header__social {
		display: none;
	}

	.site-nav .site-nav__cta {
		display: inline-flex;
		margin-top: var(--space-2);
	}

	.site-nav .site-nav__social {
		display: flex;
		align-items: center;
		gap: 22px;
	}

	.site-nav__social a {
		opacity: 0.75;
	}
}

/* ==========================================================================
   Mobile — ≤ 600px
   ========================================================================== */

@media (max-width: 600px) {
	body {
		font-size: 16px;
	}

	section {
		padding-block: var(--space-5);
	}

	.hero {
		padding-block-start: 118px;
		padding-block-end: var(--space-5);
	}

	.hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.hero__actions .btn {
		width: 100%;
	}

	.logo-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.numeros__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-4) var(--space-2);
	}

	.numero__valor {
		font-size: 2.2rem;
	}

	.cards {
		grid-template-columns: 1fr;
	}

	.card--featured {
		grid-column: span 1;
		min-height: 220px;
	}

	.books {
		grid-template-columns: 1fr;
	}

	.cta-final__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.cta-final__actions .btn {
		width: 100%;
	}

	.site-footer__nav {
		gap: var(--space-1) var(--space-2);
	}
}