/* Otimizações para SEO e Performance */

/* Melhorias para Core Web Vitals */

/* Prevenir Cumulative Layout Shift (CLS) */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Reservar espaço para imagens antes do carregamento */
.hero-image img,
.portfolio-item img,
.about-image-main img,
.about-image-secondary img,
.testimonial-avatar img {
  aspect-ratio: attr(width) / attr(height);
}

/* Melhorar Largest Contentful Paint (LCP) */
.hero-image img {
  priority: high;
  fetchpriority: high;
}

/* Melhorar First Contentful Paint (FCP) */
:root {
  color-scheme: dark;
}

/* Melhorar Interaction to Next Paint (INP) */
button, 
a.btn, 
input[type="submit"],
.menu-toggle,
.nav-link,
.portfolio-item,
.lightbox-close,
.lightbox-prev,
.lightbox-next {
  touch-action: manipulation;
}

/* Otimizações para imagens */
.lazy-load {
  loading: lazy;
}

/* Melhorias para acessibilidade */
:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Melhorias para contraste */
.text-muted {
  color: rgba(255, 255, 255, 0.8);
}

/* Otimizações para impressão */
@media print {
  .header,
  .footer,
  .whatsapp-float,
  .back-to-top,
  .hero-scroll-indicator {
    display: none !important;
  }
  
  body {
    background: white;
    color: black;
  }
  
  .container {
    width: 100%;
    max-width: 100%;
  }
  
  a {
    color: #000;
    text-decoration: underline;
  }
  
  .section {
    padding: 1rem 0;
    page-break-inside: avoid;
  }
}