/* ================================================
   RESPONSIVO — Media queries para todos os 
   breakpoints
   ================================================ */

/* ── Tablets e abaixo (≤ 1024px) ─────────────── */
@media (max-width: 1024px) {
  .about__content {
    grid-template-columns: 1fr;
    gap: var(--space-3xl);
  }

  .about__highlights {
    grid-template-columns: repeat(3, 1fr);
  }

  .contact__content {
    grid-template-columns: 1fr;
    gap: var(--space-3xl);
  }

  .skills__grid {
    grid-template-columns: 1fr;
  }

  .hero__name {
    font-size: clamp(2.5rem, 7vw, 5rem);
  }
}

/* ── Mobile landscape / Tablet (≤ 768px) ─────── */
@media (max-width: 768px) {
  /* Body cursor visible em mobile */
  body {
    cursor: auto;
  }

  a, button {
    cursor: pointer;
  }

  /* Esconde cursor customizado */
  .cursor,
  .cursor-canvas {
    display: none !important;
  }

  /* Header */
  .header__hamburger {
    display: flex;
  }

  .header__menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(10, 10, 10, 0.98);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--space-2xl);
    transition: right var(--transition-slow);
  }

  .header__menu--open {
    right: 0;
  }

  .header__menu--open .header__link {
    font-size: var(--fs-xl);
  }

  .header__link--cta {
    margin-top: var(--space-lg);
  }

  /* Hero */
  .hero__scroll-indicator {
    display: none;
  }

  .hero__actions {
    flex-direction: column;
  }

  .hero__actions .btn {
    text-align: center;
  }

  /* Skills */
  .skills__grid {
    grid-template-columns: 1fr;
  }

  /* Education */
  .education__grid {
    grid-template-columns: 1fr;
  }

  /* Experience */
  .experience__card-header {
    flex-direction: column;
    gap: var(--space-md);
  }

  /* Footer */
  .footer__content {
    flex-direction: column;
    gap: var(--space-md);
    text-align: center;
  }
}

/* ── Mobile (≤ 480px) ────────────────────────── */
@media (max-width: 480px) {
  .hero__name {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .hero__title {
    font-size: var(--fs-lg);
  }

  .hero__description {
    font-size: var(--fs-base);
  }

  .section__header {
    flex-wrap: wrap;
    gap: var(--space-md);
  }

  .section__title {
    font-size: var(--fs-xl);
  }

  .about__highlights {
    grid-template-columns: 1fr;
  }

  .about__highlight-card {
    padding: var(--space-xl);
  }

  .experience__item {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  .experience__marker {
    display: none;
  }

  .experience__card {
    padding: var(--space-xl);
  }

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

  .contact__heading {
    font-size: var(--fs-2xl);
  }

  .contact__link-card {
    padding: var(--space-lg);
    gap: var(--space-md);
  }

  .contact__link-icon {
    width: 40px;
    height: 40px;
  }
}

/* ── Preferência de movimento reduzido ───────── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .reveal-up {
    opacity: 1;
    transform: none;
  }

  html {
    scroll-behavior: auto;
  }
}