﻿/* ==========================================
   MODERN DARK THEME - APPLE INSPIRED
   ========================================== */

/* Background e cores base */
.dark-theme {
    background: #000000 !important;
    color: #f5f5f7 !important;
}

.dark-theme body {
    background: #000000 !important;
}

/* Hero Section Dark */
.dark-theme .hero-section-home {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%) !important;
}

.dark-theme .hero-section {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #000000 100%) !important;
}

.dark-theme .hero-title-home {
    color: #f5f5f7 !important;
}

.dark-theme .hero-title {
    color: #f5f5f7 !important;
}

.dark-theme .hero-description-home {
    color: #a1a1a6 !important;
    opacity: 1 !important;
}

.dark-theme .hero-description {
    color: #a1a1a6 !important;
    opacity: 1 !important;
}

.dark-theme .hero-badge {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.2) !important;
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
}

.dark-theme .hero-badge:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 12px 48px rgba(255, 107, 53, 0.25) !important;
}

/* Services Highlight Dark */
.dark-theme .services-highlight {
    background: #000000 !important;
}

.dark-theme .service-highlight-card {
    background: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .service-highlight-card:hover {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
    border-color: rgba(255, 107, 53, 0.3) !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;
    opacity: 1 !important;
}

.dark-theme .service-card-decoration {
    display: none !important;
}

.dark-theme .service-highlight-card:hover .service-card-decoration {
    display: none !important;
}

/* Stats Row Dark */
.dark-theme .stats-row {
    background: rgba(255, 107, 53, 0.05) !important;
    backdrop-filter: blur(60px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(60px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.15) !important;
    box-shadow: 0 16px 48px rgba(255, 107, 53, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
}

.dark-theme .stat-box {
    border-right: 1px solid rgba(255, 107, 53, 0.15) !important;
}

.dark-theme .stat-box .stat-number {
    color: #FF6B35 !important;
}

.dark-theme .stat-box .stat-label {
    color: #a1a1a6 !important;
}

/* Section Headers Dark */
.dark-theme .section-title {
    color: #f5f5f7 !important;
}

.dark-theme .section-description {
    color: #a1a1a6 !important;
}

/* Services Section Dark */
.dark-theme .services-section {
    background: #000000 !important;
}

.dark-theme .features-section {
    background: #000000 !important;
}

.dark-theme .service-card {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .feature-card {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

.dark-theme .service-card:hover {
    border-color: rgba(255, 107, 53, 0.3) !important;
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.15) !important;
    transform: translateY(-8px) !important;
}

.dark-theme .feature-card:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 20px 56px rgba(255, 107, 53, 0.2) !important;
    border-color: rgba(255, 107, 53, 0.2) !important;
}

.dark-theme .service-title,
.dark-theme .feature-title {
    color: #f5f5f7 !important;
}

.dark-theme .service-description,
.dark-theme .feature-description {
    color: #a1a1a6 !important;
}

.dark-theme .step-card {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

.dark-theme .step-card:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 20px 56px rgba(255, 107, 53, 0.2) !important;
    border-color: rgba(255, 107, 53, 0.2) !important;
}

.dark-theme .step-title {
    color: #f5f5f7 !important;
}

.dark-theme .step-description {
    color: #a1a1a6 !important;
}

.dark-theme .service-link {
    color: #FF6B35 !important;
}

.dark-theme .service-link:hover {
    color: #F7931E !important;
}

/* Portfolio Dark */
.dark-theme .portfolio-section {
    background: #000000 !important;
}

.dark-theme .portfolio-card {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .portfolio-card:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 24px 64px rgba(255, 107, 53, 0.2) !important;
    border-color: rgba(255, 107, 53, 0.2) !important;
}

.dark-theme .portfolio-title {
    color: #f5f5f7 !important;
}

.dark-theme .portfolio-description {
    color: #a1a1a6 !important;
}

.dark-theme .portfolio-category {
    background: rgba(255, 107, 53, 0.15) !important;
    color: #FF6B35 !important;
}

/* Testimonials Dark */
.dark-theme .testimonials-section {
    background: #000000 !important;
}

.dark-theme .testimonial-card {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

.dark-theme .testimonial-card:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 20px 56px rgba(255, 107, 53, 0.2) !important;
}

.dark-theme .testimonial-text {
    color: #f5f5f7 !important;
}

.dark-theme .author-name {
    color: #f5f5f7 !important;
}

.dark-theme .author-role {
    color: #a1a1a6 !important;
}

.dark-theme .testimonial-rating i {
    color: #FFB800 !important;
}

/* Header Dark */
.dark-theme .header {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border-bottom: 1px solid rgba(255, 107, 53, 0.1) !important;
}

.dark-theme .header.scrolled {
    background: rgba(0, 0, 0, 0.85) !important;
    border-bottom: 1px solid rgba(255, 107, 53, 0.15) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

.dark-theme .logo-text {
    color: #f5f5f7 !important;
}

.dark-theme .nav-menu a {
    color: #f5f5f7 !important;
}

.dark-theme .nav-menu a:hover,
.dark-theme .nav-menu a.active {
    color: #FF6B35 !important;
}

/* Footer Dark */
.dark-theme .footer {
    background: #000000 !important;
    border-top: 1px solid rgba(255, 107, 53, 0.1) !important;
}

.dark-theme .footer-left p {
    color: #a1a1a6 !important;
}

.dark-theme .footer-column a {
    color: #a1a1a6 !important;
}

.dark-theme .footer-column a:hover {
    color: #f5f5f7 !important;
}

.dark-theme .footer-bottom {
    color: #86868b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Buttons Dark */
.dark-theme .btn-primary {
    box-shadow: 0 12px 40px rgba(255, 107, 53, 0.35) !important;
}

.dark-theme .btn-primary:hover {
    box-shadow: 0 16px 56px rgba(255, 107, 53, 0.45) !important;
}

.dark-theme .btn-outline {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 107, 53, 0.4) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
}

.dark-theme .btn-outline:hover {
    background: var(--primary-color) !important;
    box-shadow: 0 12px 40px rgba(255, 107, 53, 0.35) !important;
}

/* CTA Section Dark */
.dark-theme .cta-section {
    background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !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;
}

/* Pricing Section Dark */
.dark-theme .pricing-section {
    background: #000000 !important;
}

.dark-theme .pricing-card {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 107, 53, 0.1) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.03) inset !important;
}

.dark-theme .pricing-card:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 20px 56px rgba(255, 107, 53, 0.2) !important;
    border-color: rgba(255, 107, 53, 0.2) !important;
}

.dark-theme .pricing-card.featured {
    background: rgba(255, 107, 53, 0.08) !important;
    border: 2px solid rgba(255, 107, 53, 0.4) !important;
    box-shadow: 0 20px 56px rgba(255, 107, 53, 0.25) !important;
}

.dark-theme .plan-name {
    color: #f5f5f7 !important;
}

.dark-theme .plan-price .amount {
    color: #f5f5f7 !important;
}

.dark-theme .plan-features li {
    color: #f5f5f7 !important;
}

.dark-theme .service-features li {
    color: #f5f5f7 !important;
}

/* How It Works Section Dark */
.dark-theme .how-it-works {
    background: #000000 !important;
}

/* General Typography */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: #f5f5f7 !important;
}

.dark-theme p {
    color: #a1a1a6 !important;
}

.dark-theme .highlight {
    color: #FF6B35 !important;
}

/* Scrollbar Dark */
.dark-theme::-webkit-scrollbar {
    width: 12px;
    background: #1a1a1a;
}

.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%);
}

/* Subtle Glow Effects - DESATIVADO */
.dark-theme .service-highlight-card:hover::before,
.dark-theme .service-card:hover::before {
    display: none !important;
}
