/* ==========================================================================
   Giulia Glass - Estilos Principais
   ========================================================================== */

/* Estilos Globais e Utilitários Customizados */
body {
    background-color: #ffffff;
    color: #0a0a0a;
    overflow-x: hidden;
}

/* Scrollbar Personalizada */
::-webkit-scrollbar {
    width: 8px;
    height: 8px; /* Para scroll horizontal */
}
::-webkit-scrollbar-track {
    background: #ffffff;
}
::-webkit-scrollbar-thumb {
    background: #0a0a0a;
}

/* Utilitário para esconder scrollbar visualmente mas manter funcionalidade */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Animações de Reveal (Intersection Observer) */
.reveal-text {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.reveal-text.visible {
    clip-path: inset(0 0 0 0);
}

.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Efeito de Vidro nos Cards */
.glass-card {
    position: relative;
    overflow: hidden;
}
.glass-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-25deg);
    transition: 0.5s;
    z-index: 10;
    pointer-events: none;
}
.glass-card:hover::after {
    left: 150%;
    transition: 0.7s ease-in-out;
}