/**
 * ===== OUTLETTECH - CSS CRÍTICO INLINE =====
 * 
 * Este archivo contiene los estilos críticos que deben cargarse
 * inmediatamente para prevenir FOUC (Flash of Unstyled Content)
 */

/* ===== ESTILOS CRÍTICOS PARA PREVENIR FOUC ===== */
body { 
    font-family: "ClashDisplay", -apple-system, BlinkMacSystemFont, sans-serif; 
    margin: 0; 
    opacity: 0;
    transition: opacity 0.3s ease;
}

body.loaded { 
    opacity: 1; 
}

.navbar { 
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease !important;
    height: 70px;
    transform: translateZ(0);
}

#hero { 
    min-height: 100vh; 
    display: flex;
    align-items: center;
}

.animate-on-scroll { 
    opacity: 0; 
    transform: translateY(20px); 
    transition: all 0.5s ease; 
}

.animate-visible { 
    opacity: 1; 
    transform: translateY(0); 
}