/* Extra breakpoint tuning on top of Bootstrap's grid + per-component rules.
   Target widths: 1920 (desktop), 1440 (laptop), 1024 (tablet), 768 (mobile), 480 (mobile small). */

@media (min-width: 1920px) {
	.container { max-width: 1440px; }
}

@media (max-width: 1440px) {
	section { padding: 60px 0; }
}

@media (max-width: 1024px) {
	section { padding: 50px 0; }
	.saniport-nosotros-kpis { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	section { padding: 42px 0; }
	.saniport-section-title { margin-bottom: 28px; }
	.saniport-hero-content { padding: 70px 0 40px; }
	.saniport-hero-indicators { display: none; }
	.saniport-cotizacion-box { padding: 24px; }
	.saniport-blog-card { flex-direction: column; }
}

@media (max-width: 480px) {
	.saniport-hero-actions { flex-direction: column; }
	.btn { width: 100%; }
	.saniport-header-actions .saniport-header-phone { display: none; }
	.saniport-cobertura-chip { font-size: 0.78rem; padding: 6px 12px; }
}