/* ============================================
   CROSS-BROWSER FIXES E OTIMIZAÇÕES
   Garantindo consistência visual em todos OS
   ============================================ */

/* Normalização para iOS */
@supports (-webkit-touch-callout: none) {
    .hero {
        min-height: -webkit-fill-available;
    }
    
    body {
        min-height: -webkit-fill-available;
    }
}

/* Fix para Safari */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .hero-logo {
            image-rendering: -webkit-optimize-contrast;
        }
        
        .creator-image {
            image-rendering: -webkit-optimize-contrast;
        }
    }
}

/* Fix para Edge */
@supports (-ms-ime-align:auto) {
    .creators-grid {
        display: -ms-grid;
        -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
    }
}

/* Fix para Firefox */
@-moz-document url-prefix() {
    .hero-logo {
        image-rendering: -moz-crisp-edges;
    }
    
    .btn {
        -moz-appearance: none;
    }
}

/* Prevenir zoom em inputs no iOS */
@media screen and (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        font-size: 16px !important;
    }
}

/* Fix para Android Chrome */
@media screen and (max-width: 767px) {
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    
    .hero {
        min-height: calc(100vh - 56px); /* Barra de endereço mobile */
    }
}

/* Smooth scroll para todos navegadores */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Fix para telas de alta densidade */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .hero-logo,
    .creator-image,
    .logo-nav {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Otimização de fontes para Windows */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* Fix para Internet Explorer 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .creators-grid {
        display: -ms-grid;
        -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr 3rem 1fr 3rem 1fr;
    }
    
    .btn {
        display: inline-block;
    }
    
    .hero {
        display: block;
    }
}

/* Prevenir quebra de layout em tablets pequenos */
@media (min-width: 600px) and (max-width: 900px) {
    .container {
        padding: 0 2rem;
    }
    
    .creators-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

/* Otimização para Samsung Internet Browser */
@supports (-webkit-appearance: none) {
    input[type="submit"],
    button {
        -webkit-appearance: none;
        appearance: none;
    }
}

/* Fix de altura para Chrome Mobile */
@supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .hero {
        min-height: calc(100vh - env(safe-area-inset-bottom));
    }
}

/* Safe area para dispositivos com notch */
@supports (padding: max(0px)) {
    body {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
    
    .header {
        padding-top: max(0px, env(safe-area-inset-top));
    }
}

/* Otimização de scroll para iOS */
.creators-section,
.contact {
    -webkit-overflow-scrolling: touch;
}

/* Fix para Firefox focus outline */
@-moz-document url-prefix() {
    button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
}

/* Print styles */
@media print {
    .header,
    .footer,
    .btn {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .hero,
    .creators-section,
    .contact {
        page-break-inside: avoid;
    }
}

/* Dark mode support (futuro) */
@media (prefers-color-scheme: dark) {
    /* Preparado para implementação futura */
}

/* High contrast mode (acessibilidade) */
@media (prefers-contrast: high) {
    .btn {
        border: 2px solid currentColor;
    }
    
    .creator-image-wrapper {
        border: 2px solid currentColor;
    }
}