/* =============================================
   Leo WG Web - Responsive
   Breakpoints: 1024 / 768 / 560 + movimento reduzido
   ============================================= */

/* --- MOVIMENTO REDUZIDO --- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hero__container,
  .hero__container > *:nth-child(2),
  .hero__container > *:nth-child(3) { animation: none; }
  .nav__logo::after { animation: none; }
}

/* --- TABLET 768px --- */
@media (min-width: 768px) {
  .hero__stats {
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
  }

  .stat { min-width: 168px; }

  .portfolio__grid { grid-template-columns: repeat(2, 1fr); }
  .skills__grid { grid-template-columns: repeat(2, 1fr); }
}

/* menu vira coluna compacta antes disso */
@media (max-width: 767.98px) {
  .nav__menu { display: none; }
}

/* --- DESKTOP 1024px --- */
@media (min-width: 1024px) {
  .portfolio__grid { grid-template-columns: repeat(3, 1fr); }
  .skills__grid { grid-template-columns: repeat(4, 1fr); }
  .hero__container { padding: 3.6rem 3.2rem 3.8rem; }
}

/* --- CELULAR 560px --- */
@media (max-width: 560px) {
  .hero { padding: 3.9rem 1rem 3.2rem; }
  .hero::before { content: '▸ artboard / hero'; top: 3.05rem; }
  .hero__container { padding: 2.2rem 1.3rem 2.5rem; }
  .hero p { font-size: 0.95rem; }
  .portfolio,
  .about,
  .skills { padding: 2.8rem 1rem; }
  .about__bio { padding: 1.35rem 1.2rem; }
  .skill-category li { padding: 0.58rem 1rem; }
  .skill-category h3 { padding: 0.8rem 1rem; }
  .project-card h3 { padding: 1rem 1.1rem 0.35rem; }
  .project-card p { padding: 0 1.1rem 0.95rem; }
  .project__tags { padding: 0 1.1rem 1.1rem; }
}