/* ===== RESPONSIVE - TABLET ===== */
@media (max-width: 1024px) {
  .project-slideshow {
    min-height: 300px;
  }
}

/* ===== RESPONSIVE - MOBILE ===== */
@media (max-width: 768px) {
  /* Navbar */
  nav .flex.gap-8 {
    gap: 1rem;
  }

  nav a {
    font-size: 0.875rem;
  }

  /* Hero */
  h1 {
    font-size: 2.5rem !important;
    line-height: 1.2;
  }

  h2 {
    font-size: 1.75rem !important;
  }

  /* Slideshow */
  .project-slideshow {
    min-height: 250px;
  }

  /* Indicadores */
  .slideshow-indicators {
    bottom: 15px;
    gap: 8px;
  }

  .slideshow-indicator {
    width: 10px;
    height: 10px;
  }

  .slideshow-indicator.active {
    width: 24px;
  }

  /* Cards */
  .group .p-6 {
    padding: 1rem;
  }

  /* Botão voltar ao topo */
  #back-to-top {
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
  }

  /* Tooltips - desativar em mobile */
  .tooltip::before,
  .tooltip::after {
    display: none;
  }
}

/* ===== RESPONSIVE - SMALL MOBILE ===== */
@media (max-width: 480px) {
  /* Textos */
  h1 {
    font-size: 2rem !important;
  }

  h2 {
    font-size: 1.5rem !important;
  }

  h3 {
    font-size: 1.25rem !important;
  }

  /* Navbar */
  nav {
    padding: 0 0.5rem;
  }

  nav .px-6 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  /* Botões */
  .project-slideshow {
    min-height: 200px;
  }

  /* Footer */
  footer .px-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* ===== iOS SPECIFIC ===== */
@supports (-webkit-touch-callout: none) {
  /* Prevenir zoom em inputs */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea {
    font-size: 16px;
  }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-scale {
    opacity: 1;
    transform: none;
  }

  #particles-canvas {
    display: none;
  }
}

/* ===== TOUCH DEVICES ===== */
@media (hover: none) and (pointer: coarse) {
  .card-3d:hover {
    transform: none;
  }

  .glow-hover:hover {
    box-shadow: none;
  }

  .nav-link::after {
    display: none;
  }

  /* Aumentar área de toque */
  button,
  a {
    min-height: 44px;
    min-width: 44px;
  }
}

/* ===== PRINT STYLES ===== */
@media print {
  nav,
  #back-to-top,
  #particles-canvas,
  .toast,
  .reading-progress {
    display: none !important;
  }

  body {
    background: white !important;
    color: black !important;
  }

  .project-card {
    break-inside: avoid;
    box-shadow: none;
    border: 1px solid #ccc;
  }
}

/* ===== HIGH CONTRAST MODE ===== */
@media (prefers-contrast: high) {
  .badge-success {
    background: #22c55e;
    color: white;
  }

  .badge-warning {
    background: #eab308;
    color: black;
  }

  .project-card {
    border-width: 2px;
  }
}