/* Premium Minimalist Animations for Pestana Men's Care */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scroll Animation Base Classes */
.animate-on-scroll {
    opacity: 0;
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.animate-on-scroll.is-visible {
    opacity: 1;
    transform: none;
}

/* Directions */
.fade-up {
    transform: translateY(40px);
}

.slide-right {
    transform: translateX(-40px);
}

.slide-left {
    transform: translateX(40px);
}

.zoom-in {
    transform: scale(0.9);
}

/* Delay Utils */
.animate-delay-100 { transition-delay: 0.1s; }
.animate-delay-200 { transition-delay: 0.2s; }
.animate-delay-300 { transition-delay: 0.3s; }
.animate-delay-400 { transition-delay: 0.4s; }

/* Dynamic Image Fallback System */
.fallback-logo {
    display: block;
}

/* Custom Scrollbar for a luxurious feel */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #0a0a0b;
}

::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #C5A059;
}

/* Efeito de cores automático no Mobile ao fazer scroll */
@media (hover: none) {
    .mobile-hover img {
        filter: grayscale(0%) !important;
        transform: scale(1.05) !important;
        opacity: 1 !important;
    }
    .aspect-\[4\/5\].mobile-hover img {
        transform: scale(1.1) !important;
    }
    .mobile-hover .bg-black\/40 {
        background-color: rgba(0,0,0,0.1) !important;
    }
    .mobile-hover .opacity-80 {
        opacity: 0.4 !important;
    }
    .mobile-hover .translate-y-4 {
        transform: translateY(0) !important;
    }
    .mobile-hover .opacity-0 {
        opacity: 1 !important;
    }
}