/* Custom Styles for CINA */
:root {
    --cina-white: #FFFFFF;
    --cina-yellow: #F4CF0C;
    --cina-red: #ED1B23;
    --cina-blue: #0060AE;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    color: #333;
    overflow-x: hidden;
}

/* Entry Animations */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Custom Utilities */
.bg-cina-yellow { background-color: var(--cina-yellow); }
.bg-cina-red { background-color: var(--cina-red); }
.bg-cina-blue { background-color: var(--cina-blue); }
.text-cina-yellow { color: var(--cina-yellow); }
.text-cina-red { color: var(--cina-red); }
.text-cina-blue { color: var(--cina-blue); }
.border-cina-yellow { border-color: var(--cina-yellow); }

/* Navigation */
nav {
    transition: background-color 0.3s, box-shadow 0.3s;
}

nav.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Hero Section */
.hero-gradient {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://picsum.photos/seed/culture/1920/1080');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Mobile Menu */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}

#mobile-menu.hidden-menu {
    transform: translateX(100%);
}

#mobile-menu.visible-menu {
    transform: translateX(0);
}