/* style.css - NEXUS G-Lab Custom Styles */
/* A maioria do CSS é gerenciado pelo Tailwind, aqui ficam as animações e estilos globais específicos */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Efeito Glow para Logo */
.logo-glow {
    box-shadow: 0 0 15px rgba(84, 47, 223, 0.4);
}
.group:hover .logo-glow {
    box-shadow: 0 0 25px rgba(167, 139, 250, 0.8);
    transform: rotate(5deg) scale(1.05);
}

/* Animações de Scroll (Reveal) */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

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

/* Cards Hover Efeitos */
.news-card {
    transition: all 0.3s ease;
}

.news-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(84, 47, 223, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
    border-color: rgba(84, 47, 223, 0.5);
}

/* Linha de clamp para resumos (já existe no tailwind como line-clamp, mas um fallback de segurança) */
.content-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #1B0E39; 
}
::-webkit-scrollbar-thumb {
    background: #542FDF; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #A78BFA; 
}

/* Dropdown Menu de Categorias Extras */
.category-dropdown {
    position: relative;
}
.category-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    background-color: #1B0E39;
    border: 1px solid rgba(84, 47, 223, 0.4);
    border-radius: 0.75rem;
    padding: 0.5rem 0;
    min-width: 180px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    z-index: 100;
    animation: fadeInScale 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.category-dropdown:hover .category-dropdown-menu,
.category-dropdown.active .category-dropdown-menu {
    display: block;
}
.category-dropdown-item {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: #D1D5DB;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.category-dropdown-item:hover {
    background-color: #2B006B;
    color: #FFFFFF;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-5px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Oculta os placeholders do AdSense de forma limpa para aprovação do site */
.adsense-banner, .adsense-placeholder {
    display: none !important;
}

/* Badges de Cores por Categoria */
.badge-cat-neuro {
    background-color: #1B0E39 !important;
    border: 1px solid rgba(84, 47, 223, 0.5) !important;
    color: #ffffff !important;
}
.badge-cat-ia {
    background-color: #2563EB !important; /* Azul Vivo */
    border: 1px solid rgba(37, 99, 235, 0.5) !important;
    color: #ffffff !important;
}
.badge-cat-quantica {
    background-color: #0D9488 !important; /* Teal Vibrante */
    border: 1px solid rgba(13, 148, 136, 0.5) !important;
    color: #ffffff !important;
}
.badge-cat-startups {
    background-color: #EA580C !important; /* Laranja Vibrante */
    border: 1px solid rgba(234, 88, 12, 0.5) !important;
    color: #ffffff !important;
}
.badge-cat-aplicativos {
    background-color: #16A34A !important; /* Verde Vibrante */
    border: 1px solid rgba(22, 163, 74, 0.5) !important;
    color: #ffffff !important;
}
.badge-cat-seguranca {
    background-color: #DC2626 !important; /* Vermelho Alerta */
    border: 1px solid rgba(220, 38, 38, 0.5) !important;
    color: #ffffff !important;
}