/* ==========================================================================
   Loova Brasil — Responsive Stylesheet (mobile-first overrides)
   ========================================================================== */

@media (max-width: 1199px) {
	.loova-features-grid { grid-template-columns: repeat(3, 1fr); }
	.loova-services-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991px) {
	.loova-topbar-contact { gap: 14px; }
	.loova-header-inner { padding: 12px 24px; }
	.main-navigation { display: none; }
	.mobile-menu-toggle { display: flex; }

	.main-navigation.loova-mobile-open {
		display: block;
		position: absolute;
		top: 100%; left: 0; right: 0;
		background: #fff;
		box-shadow: var(--loova-shadow-lg);
		padding: 20px 24px;
	}
	.main-navigation.loova-mobile-open .loova-menu { flex-direction: column; align-items: flex-start; gap: 16px; }
	.main-navigation.loova-mobile-open .sub-menu {
		position: static; opacity: 1; visibility: visible; transform: none;
		box-shadow: none; padding-left: 14px; display: none;
	}
	.main-navigation.loova-mobile-open li.loova-submenu-open > .sub-menu { display: block; }

	.loova-about-grid,
	.loova-contact-grid { grid-template-columns: 1fr; }
	.loova-about-media { order: -1; max-width: 420px; margin: 0 auto; }

	.loova-features-grid { grid-template-columns: repeat(2, 1fr); }
	.loova-footer-grid { grid-template-columns: 1fr 1fr; }
	.loova-blog-layout { grid-template-columns: 1fr; }
	.loova-sidebar { order: 2; }
}

@media (max-width: 767px) {
	.loova-topbar-inner { flex-direction: column; align-items: flex-start; }
	.loova-topbar-social { align-self: flex-end; margin-top: -26px; }

	.loova-hero-inner { padding: 70px 20px 60px; }
	.loova-hero-buttons { flex-direction: column; align-items: stretch; }
	.loova-hero-buttons .btn { width: 100%; }
	.loova-trust-indicators { flex-direction: column; gap: 10px; }

	.loova-section { padding: 60px 0; }
	.loova-section-header { margin-bottom: 36px; }

	.loova-mission-values,
	.loova-features-grid,
	.loova-services-grid,
	.loova-post-grid,
	.loova-form-row { grid-template-columns: 1fr; }

	.loova-footer-cta-inner { flex-direction: column; text-align: center; }
	.loova-footer-grid { grid-template-columns: 1fr; gap: 32px; text-align: left; }
	.loova-footer-bottom-inner { flex-direction: column; text-align: center; }

	.loova-header-actions .btn-sm { display: none; }
	.site-title { font-size: 1.15rem; }

	.loova-contact-form-wrap { padding: 26px; }
	.loova-whatsapp-float { width: 52px; height: 52px; bottom: 18px; right: 18px; }

	h1 { font-size: 2rem; }
	h2 { font-size: 1.6rem; }
}

@media (max-width: 480px) {
	.container { padding: 0 16px; }
	.loova-eyebrow { font-size: 0.78rem; }
	.loova-404-code { font-size: 3.4rem; }
	.loova-404-actions { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	[data-aos] { transition: none; opacity: 1; transform: none; }
	* { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}