/* Logo Styles - Colibrí Trading Bot */

/* Logo en navegación principal */
.navbar-brand img {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-brand:hover img {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(103, 232, 249, 0.5);
}

/* Logo en sidebar moderno */
.sidebar-logo img {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-header:hover .sidebar-logo img {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 6px 20px rgba(103, 232, 249, 0.6);
}

/* Logo en landing page */
.landing-logo {
    animation: float-logo 6s ease-in-out infinite;
}

@keyframes float-logo {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navbar-brand img {
        width: 28px !important;
        height: 28px !important;
        margin-right: 8px !important;
    }
    
    .sidebar-logo img {
        width: 32px !important;
        height: 32px !important;
    }
    
    .landing-logo {
        width: 60px !important;
        height: 60px !important;
        margin-right: 15px !important;
    }
}

/* Efecto de marca con gradiente */
.brand-gradient {
    background: linear-gradient(135deg, #67e8f9, #0891b2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Logo combinado con texto */
.logo-combo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-combo img {
    filter: drop-shadow(0 4px 8px rgba(103, 232, 249, 0.3));
}