@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700;900&family=Blinker:wght@400;600&display=swap');

/* Efecto de ruido fotográfico (opcional, actívalo en contenedores oscuros) */
.bg-noise {
    background-image: url('https://grainy-gradients.vercel.app/noise.svg');
    opacity: 0.03;
}

/* Animaciones sutiles */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

.image-reveal {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.image-reveal.revealed {
    clip-path: inset(0 0 0 0);
}

/* Tipografías base */
body {
    font-family: 'Blinker', sans-serif;
    background-color: #FFFFFF;
    color: #000000;
}

h1, h2, h3, h4, h5, h6, .font-barlow {
    font-family: 'Barlow', sans-serif;
}