/* ==========================================================================
   Farmacia Popular - responsive.css
   Breakpoints mobile-first: 480, 768, 1024, 1200.
   ========================================================================== */

@media (min-width: 480px) {
	.fp-grid--cards { grid-template-columns: 1fr; }
	.fp-hero__quick { gap: var(--fp-space-4); }
}

@media (min-width: 768px) {
	h1 { font-size: 2.25rem; }
	h2 { font-size: 1.75rem; }

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

	.fp-farmacia__grid { grid-template-columns: 2fr 1fr; }
	.fp-farmacia__header { flex-wrap: nowrap; }

	.fp-chile-map { grid-template-columns: auto 1fr; align-items: start; }
	.fp-chile-map__svg { display: block; }

	.fp-footer__grid { grid-template-columns: 1.4fr 2fr 1fr 1fr; align-items: start; }

	.fp-archive__layout { grid-template-columns: 280px 1fr; }
	.fp-archive__layout--region { grid-template-columns: 280px 1fr; }
}

@media (min-width: 1024px) {
	.fp-grid--cards { grid-template-columns: repeat(3, 1fr); }
	.fp-grid--blog { grid-template-columns: repeat(3, 1fr); }

	.fp-menu-toggle { display: none; }
	.fp-nav {
		position: static;
		display: block;
		background: transparent;
		border: 0;
		padding: 0;
		box-shadow: none;
	}
	.fp-nav__list {
		flex-direction: row;
		gap: var(--fp-space-6);
		align-items: center;
	}
	.fp-header__cta { display: inline-flex; }
}

@media (min-width: 1200px) {
	.fp-grid--cards { grid-template-columns: repeat(3, 1fr); }
	.fp-hero { padding: var(--fp-space-16) 0; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}