/* ==========================================
   BLACK THEME - DARK MODE
   ========================================== */

.dark-theme {
    background: #0a0a0a !important;
    color: #e5e5e5 !important;
}

/* Header */
.dark-theme .header {
    background: rgba(10, 10, 10, 0.8) !important;
    border-bottom: 1px solid rgba(255, 107, 53, 0.15) !important;
    backdrop-filter: blur(20px) !important;
}

.dark-theme .header.scrolled {
    background: rgba(10, 10, 10, 0.98) !important;
    border-bottom: 1px solid rgba(255, 107, 53, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .logo-text {
    color: #ffffff !important;
}

.dark-theme .nav-menu a {
    color: #e5e5e5 !important;
}

.dark-theme .nav-menu a:hover,
.dark-theme .nav-menu a.active {
    color: #FF6B35 !important;
}

.dark-theme .menu-toggle {
    color: #ffffff !important;
}

/* Hero Section */
.dark-theme .hero-section-home {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
    height: 700px;
}

.dark-theme .gradients-container {
    display: none;
}

.dark-theme .g1 {
    background: radial-gradient(circle at center, rgba(255, 107, 53, 1) 0%, rgba(255, 107, 53, 0.4) 40%, rgba(255, 107, 53, 0) 70%);
}

.dark-theme .g2 {
    background: radial-gradient(circle at center, rgba(247, 147, 30, 1) 0%, rgba(247, 147, 30, 0.4) 40%, rgba(247, 147, 30, 0) 70%);
}

.dark-theme .g3 {
    background: radial-gradient(circle at center, rgba(255, 107, 53, 1) 0%, rgba(255, 107, 53, 0.4) 40%, rgba(255, 107, 53, 0) 70%);
}

.dark-theme .g4 {
    background: radial-gradient(circle at center, rgba(247, 147, 30, 1) 0%, rgba(247, 147, 30, 0.4) 40%, rgba(247, 147, 30, 0) 70%);
}

.dark-theme .g5 {
    background: radial-gradient(circle at center, rgba(255, 107, 53, 1) 0%, rgba(255, 107, 53, 0.4) 40%, rgba(255, 107, 53, 0) 70%);
}

.dark-theme .interactive {
    background: radial-gradient(circle at center, rgba(247, 147, 30, 1) 0%, rgba(247, 147, 30, 0.5) 40%, rgba(247, 147, 30, 0) 70%);
    opacity: 0.9;
}

.dark-theme .hero-badge {
    background: rgba(255, 107, 53, 0.1) !important;
    color: #FF6B35 !important;
    border: 1px solid rgba(255, 107, 53, 0.3);
}

.dark-theme .hero-title-home {
    color: #ffffff !important;
}

.dark-theme .hero-title {
    color: #ffffff !important;
}

.dark-theme .hero-description-home {
    color: #a3a3a3 !important;
}

.dark-theme .hero-description {
    color: #a3a3a3 !important;
}

/* Services Highlight Section */
.dark-theme .services-highlight {
    background: #0f0f0f !important;
}

.dark-theme .service-highlight-card {
    background: rgba(26, 26, 26, 0.95) !important;
    border: 1px solid rgba(255, 107, 53, 0.15) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;
}

.dark-theme .service-highlight-card:hover {
    border-color: rgba(255, 107, 53, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    transform: translateY(-8px) !important;
}

.dark-theme .service-highlight-title {
    color: #ffffff !important;
}

.dark-theme .service-highlight-desc {
    color: rgba(255, 255, 255, 0.7) !important;
}

.dark-theme .service-highlight-link {
    color: #FF6B35 !important;
}

.dark-theme .service-highlight-link:hover {
    color: #FF6B35 !important;
    transform: none !important;
}

.dark-theme .service-card-decoration {
    display: none !important;
}

/* Stats Row */
.dark-theme .stats-row {
    background: rgba(255, 107, 53, 0.03) !important;
    border: 1px solid rgba(255, 107, 53, 0.15);
}

.dark-theme .stat-box {
    border-right: 1px solid rgba(255, 107, 53, 0.15);
}

.dark-theme .stat-box:last-child {
    border-right: none;
}

/* Services Section */
.dark-theme .services-section {
    background: #0a0a0a !important;
}

.dark-theme .section-title {
    color: #ffffff !important;
}

.dark-theme .section-description {
    color: #a3a3a3 !important;
}

.dark-theme .service-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1);
}

.dark-theme .service-card:hover {
    border-color: rgba(255, 107, 53, 0.3);
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
}

.dark-theme .service-title {
    color: #ffffff !important;
}

.dark-theme .service-description {
    color: #a3a3a3 !important;
}

.dark-theme .feature-title {
    color: #ffffff !important;
}

.dark-theme .feature-description {
    color: #a3a3a3 !important;
}

.dark-theme .step-title {
    color: #ffffff !important;
}

.dark-theme .step-description {
    color: #a3a3a3 !important;
}

.dark-theme .plan-name {
    color: #ffffff !important;
}

.dark-theme .service-link {
    color: #FF6B35 !important;
}

.dark-theme .service-link:hover {
    color: #F7931E !important;
}

/* Portfolio Section */
.dark-theme .portfolio-section {
    background: #0f0f0f !important;
}

.dark-theme .portfolio-card {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 107, 53, 0.1);
}

.dark-theme .portfolio-card:hover {
    border-color: rgba(255, 107, 53, 0.3);
    box-shadow: 0 12px 48px rgba(255, 107, 53, 0.2) !important;
}

.dark-theme .portfolio-title {
    color: #ffffff !important;
}

.dark-theme .portfolio-description {
    color: #a3a3a3 !important;
}

.dark-theme .portfolio-stat .stat-value {
    color: #FF6B35 !important;
}

.dark-theme .portfolio-stat .stat-label {
    color: #737373 !important;
}

.dark-theme .portfolio-overlay {
    background: linear-gradient(to top, rgba(10, 10, 10, 0.95), transparent);
}

/* Testimonials Section */
.dark-theme .testimonials-section {
    background: #0a0a0a !important;
}

.dark-theme .testimonial-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1);
}

.dark-theme .testimonial-card:hover {
    border-color: rgba(255, 107, 53, 0.3);
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
}

.dark-theme .testimonial-text {
    color: #e5e5e5 !important;
}

.dark-theme .author-name {
    color: #ffffff !important;
}

.dark-theme .author-role {
    color: #737373 !important;
}

.dark-theme .testimonial-rating i {
    color: #FF6B35 !important;
}

/* CTA Section */
.dark-theme .cta-section {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
}

.dark-theme .cta-title {
    color: #ffffff !important;
}

.dark-theme .cta-description {
    color: rgba(255, 255, 255, 0.95) !important;
}

.dark-theme .cta-section .btn-primary i,
.dark-theme .cta-section .btn-primary i.fab,
.dark-theme .cta-section .btn-primary i.fas {
    color: white !important;
    opacity: 1 !important;
    display: inline-block !important;
    visibility: visible !important;
}

.dark-theme .cta-section .btn-primary:hover i,
.dark-theme .cta-section .btn-primary:hover i.fab,
.dark-theme .cta-section .btn-primary:hover i.fas {
    color: white !important;
}

/* Footer */
.dark-theme .footer {
    background: #0f0f0f !important;
    border-top: 1px solid rgba(255, 107, 53, 0.1);
}

.dark-theme .footer .logo {
    color: #ffffff !important;
}

.dark-theme .footer-left p {
    color: rgba(229, 229, 229, 0.7) !important;
}

.dark-theme .footer-column h4 {
    color: #ffffff !important;
}

.dark-theme .footer-column a {
    color: rgba(229, 229, 229, 0.7) !important;
}

.dark-theme .footer-column a:hover {
    color: #FF6B35 !important;
}

.dark-theme .footer-bottom {
    border-top: 1px solid rgba(255, 107, 53, 0.1);
    color: rgba(229, 229, 229, 0.6) !important;
}

/* Buttons */
.dark-theme .btn-primary {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(255, 107, 53, 0.4) !important;
}

.dark-theme .btn-primary:hover {
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.5) !important;
}

.dark-theme .btn-outline {
    background: transparent !important;
    color: #FF6B35 !important;
    border: 2px solid #FF6B35 !important;
}

.dark-theme .btn-outline:hover {
    background: #FF6B35 !important;
    color: #ffffff !important;
}

.dark-theme .btn-secondary {
    background: rgba(255, 107, 53, 0.1) !important;
    color: #FF6B35 !important;
    border: 2px solid rgba(255, 107, 53, 0.3) !important;
}

.dark-theme .btn-secondary:hover {
    background: #FF6B35 !important;
    color: #ffffff !important;
    border-color: #FF6B35 !important;
}

/* Icons */
.dark-theme .service-icon,
.dark-theme .service-icon-large {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
}

.dark-theme .service-icon i,
.dark-theme .service-icon-large i {
    color: #ffffff !important;
}

/* Feature Cards (se houver na página Agente IA) */
.dark-theme .feature-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1);
}

.dark-theme .feature-card:hover {
    border-color: rgba(255, 107, 53, 0.3);
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
}

.dark-theme .feature-title {
    color: #ffffff !important;
}

.dark-theme .feature-description {
    color: #a3a3a3 !important;
}

/* Pricing Cards */
.dark-theme .pricing-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
}

.dark-theme .pricing-card:hover {
    border-color: rgba(255, 107, 53, 0.3) !important;
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
}

.dark-theme .pricing-card.featured {
    background: linear-gradient(135deg, #1f1f1f 0%, #141414 100%) !important;
    border: 2px solid #FF6B35 !important;
    box-shadow: 0 12px 48px rgba(255, 107, 53, 0.25) !important;
}

.dark-theme .plan-name {
    color: #ffffff !important;
}

.dark-theme .amount {
    color: #ffffff !important;
}

.dark-theme .currency,
.dark-theme .period {
    color: #a3a3a3 !important;
}

.dark-theme .plan-features li {
    color: #f5f5f7 !important;
}

.dark-theme .service-features li {
    color: #f5f5f7 !important;
}

/* Steps/How It Works */
.dark-theme .how-it-works {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%) !important;
}

.dark-theme .step-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .step-card:hover {
    border-color: rgba(255, 107, 53, 0.3);
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
}

.dark-theme .step-title {
    color: #ffffff !important;
}

.dark-theme .step-description {
    color: #a3a3a3 !important;
}

/* Chat Preview (para página Agente IA) */
.dark-theme .hero-main-visual {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 107, 53, 0.2);
}

.dark-theme .chat-message.bot .message {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.05) 100%) !important;
    color: #e5e5e5 !important;
    border: 1px solid rgba(255, 107, 53, 0.2);
}

.dark-theme .chat-message.user .message {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important;
    color: #ffffff !important;
}

.dark-theme .user-avatar {
    background: rgba(255, 107, 53, 0.2) !important;
    color: #FF6B35 !important;
}

/* Floating Cards */
.dark-theme .floating-card {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 107, 53, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .floating-card span {
    color: #e5e5e5 !important;
}

/* Scrollbar personalizada */
.dark-theme::-webkit-scrollbar {
    width: 12px;
}

.dark-theme::-webkit-scrollbar-track {
    background: #0a0a0a;
}

.dark-theme::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
    border-radius: 6px;
}

.dark-theme::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #F7931E 0%, #FF6B35 100%);
}

/* Garantir que todos os textos importantes sejam visíveis */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: #ffffff !important;
}

.dark-theme p {
    color: #a3a3a3 !important;
}

.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: #ffffff !important;
}

.dark-theme .highlight {
    color: #FF6B35 !important;
}

/* Animações com tema escuro */
@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 107, 53, 0.3);
    }
    50% {
        box-shadow: 0 0 40px rgba(255, 107, 53, 0.6);
    }
}

.dark-theme .service-highlight-card:hover,
.dark-theme .portfolio-card:hover {
    animation: glow 2s infinite;
}

/* Carousel Dark Theme */
.dark-theme .projects-carousel-section {
    background: #0f0f0f !important;
}

.dark-theme .carousel-slide {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
}

.dark-theme .carousel-title {
    color: #ffffff !important;
}

.dark-theme .carousel-description {
    color: #a3a3a3 !important;
}

.dark-theme .carousel-tags .tag {
    background: rgba(255, 107, 53, 0.1) !important;
    color: #FF6B35 !important;
    border: 1px solid rgba(255, 107, 53, 0.3);
}

.dark-theme .carousel-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 107, 53, 0.3);
    color: #FF6B35 !important;
}

.dark-theme .carousel-btn:hover {
    background: var(--gradient-1) !important;
    color: white !important;
    border-color: transparent;
}

.dark-theme .indicator {
    background: rgba(255, 255, 255, 0.2);
}

.dark-theme .indicator:hover {
    background: rgba(255, 255, 255, 0.4);
}

.dark-theme .indicator.active {
    background: var(--gradient-1) !important;
}


/* Menu Mobile Toggle Fix */
@media (max-width: 768px) {
    .nav-menu.active {
        display: flex !important;
        transform: translateY(0) !important;
    }
    .nav-menu a {
        color: #ffffff !important;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .nav-menu a:last-child {
        border-bottom: none;
    }
}