/* ==========================================================================
   PAXION — RESPONSIVE
   Ajustes finos por breakpoint (1920 / 1440 / 1366 / 1024 / 768 / 430 / 390).
   ========================================================================== */

@media (max-width:1440px){
  :root{ --container:1180px; }
}

@media (max-width:1024px){
  .work-grid{ gap:var(--space-4); }
  .footer-grid{ flex-direction:column; align-items:flex-start; }
}

@media (max-width:760px){
  .grid-12{ gap:var(--space-4); }
  .p-card--lg{ min-height:420px; }
  .p-card--md{ min-height:320px; }
  .p-card--full{ min-height:300px; }
  .about-visual{ order:-1; max-width:420px; margin:0 auto; }
  .case-meta-row{ gap:var(--space-4); }
  .flow-row{ grid-template-columns:40px 1fr; gap:var(--space-4); }
  .flow-node{ width:40px; height:40px; font-size:11px; }
  .contact-link{ font-size:14px; }
  .tech-track{ gap:36px; }
  .tech-track span .dot{ margin-left:36px; }
}

@media (max-width:430px){
  .about-convergence{ width:calc(100% + 12px); margin-left:-6px; }
  .convergence-center{ width:112px; height:112px; }
  .convergence-center strong{ font-size:12px; }
  .convergence-label{ padding:6px 8px; font-size:8px; }
  .about-convergence .label-2,.about-convergence .label-3{ left:72%; }
  .about-convergence .label-5,.about-convergence .label-6{ left:28%; }
}

@media (max-width:430px){
  .hero-cta{ flex-direction:column; align-items:flex-start; gap:16px; }
  .section{ padding:var(--space-7) 0; }
  .p-body{ padding:var(--space-4); }
  .case-block{ padding:var(--space-5) 0; }
}