/* Ajustes adicionales para header centrado y hero con logo */

/* Header centrado sin logo */
header nav {
    display: flex;
    justify-content: center !important;
    align-items: center;
}

header .nav-links {
    margin: 0 !important;
}

/* Hero content centrado */
.hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-content img {
    animation: logoFloat 3s ease-in-out infinite;
    will-change: transform;
    /* Optimized shadow - static if possible or hardware accelerated */
    filter: drop-shadow(0 10px 15px rgba(0, 102, 204, 0.3));
}

@keyframes logoFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Responsive logo size */
@media (max-width: 768px) {
    .hero-content img {
        height: 120px !important;
    }

    .hero-content h1 {
        font-size: 2rem !important;
    }

    .hero-content p {
        font-size: 1rem !important;
    }
}