/* Common Styles */
html { scroll-behavior: smooth; }
html, body { max-width: 100%; overflow-x: hidden; }

/* Navigation Styles */
.glass-nav { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); }

/* Section Spacing */
.section-spacing { padding-top: 60px; padding-bottom: 60px; }
@media (min-width: 768px) {
    .section-spacing { padding-top: 120px; padding-bottom: 120px; }
}

/* Card Hover Effect */
.card-hover-effect {
    transition: all 0.3s ease-in-out;
}
.card-hover-effect:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(37, 99, 235, 0.15);
    border-color: #2563eb !important;
}

/* Gradient Text */
.gradient-text-rugge {
    background: linear-gradient(to right, #0a1d37, #2563eb);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* Fallback for browsers that don't support -webkit-text-fill-color */
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f8fafc; }
::-webkit-scrollbar-thumb { background: #0a1d37; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #2563eb; }
* { scrollbar-width: thin; scrollbar-color: #0a1d37 #f8fafc; }

/* Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    --marquee-duration: 30s;
    animation-name: marquee;
    animation: marquee var(--marquee-duration) linear infinite;
    will-change: transform;
    display: flex; /* Ensure elements are inline */
    width: max-content; /* Prevent container from shrinking on mobile */
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Gold Tag (from chi-siamo.html) */
.gold-tag {
    background: linear-gradient(135deg, #0a1d37 0%, #2563eb 52%, #93c5fd 100%);
    color: #4a3705;
    border: 1px solid rgba(184, 134, 11, 0.3);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 0.5px 0 rgba(255,255,255,0.4);
    transition: all 0.3s ease-in-out;
}
.gold-tag:hover {
    box-shadow: 0 0 20px rgba(191, 149, 63, 0.4);
    border-color: rgba(191, 149, 63, 0.8);
    transform: scale(1.02);
}