/* Performance: reserva espaço do header/footer dinâmicos para evitar CLS */
#dynamic-header {
    min-height: var(--header-height);
    contain: layout style;
}

#dynamic-footer {
    contain: layout style;
}

/* Renderização diferida de seções abaixo da dobra */
.hero,
.services,
.about,
.it-checklist,
.contact,
.services-page,
footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 600px;
}

/* Otimização de imagens LCP */
.hero-img {
    object-fit: cover;
}

/* GPU layer apenas durante interação */
.service-card,
.cta-button,
.ai-whatsapp-button {
    will-change: auto;
}

.service-card:hover,
.cta-button:hover {
    will-change: transform;
}

/* Scroll suave respeitando preferência do usuário */
@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;
    }

    .scroll-reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Fontes: fallback com métricas similares ao Poppins (evita layout shift) */
body {
    font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Carrossel touch: scroll nativo otimizado */
.home-services-grid {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
}

/* Touch mobile: feedback visual instantâneo */
@media (hover: none) and (pointer: coarse) {
    a, button, .checklist-item, .service-card {
        -webkit-tap-highlight-color: rgba(0, 159, 253, 0.15);
        touch-action: manipulation;
    }
}