/* Ajustes responsive complementarios (mobile first refinements). */
@media (max-width: 1024px) {
  .container { padding: 0 var(--spacing-lg); }
}
@media (max-width: 640px) {
  .page-hero { padding-top: var(--spacing-lg); }
  .jobs-grid { grid-template-columns: 1fr; }
  .thankyou .icon { width: 60px; height: 60px; font-size: 30px; }
}
@media (max-width: 400px) {
  body { font-size: 15px; }
  .site-logo a { font-size: 16px; }
}