/* 
 * DARK MODE + NEON ACCENTS
 * Stripe/Framer DNA - Padrão 2025
 * 82% dos devs/designers preferem dark (Stack Overflow Survey)
 * Neon accents = identidade tech/AI-ready
 */

/* Dark Mode Base - STUDIO25 Palette */
:root[data-theme="dark"],
.dark-mode {
  /* Dark Base - Updated to match variables.css */
  --bg-primary: #0a0a14;
  --bg-secondary: #14141f;
  --bg-tertiary: #1f1f2e;
  --bg-glass: var(--glass-bg);
  --bg-glass-light: rgba(20, 20, 31, 0.5);
  
  /* Neon Accents - Updated to match variables.css */
  --accent-cyan: #00d9ff;
  --accent-magenta: #ff006e;
  --accent-yellow: #ffbe0b;
  --accent-green: #06ffa5;
  --accent-purple: var(--accent-magenta); /* Legacy compatibility */
  
  /* Text - Updated to match variables.css */
  --text-primary: #f8f9fa;
  --text-secondary: rgba(248, 249, 250, 0.7);
  --text-tertiary: rgba(248, 249, 250, 0.4);
  --text-inverse: #0a0a14;
  
  /* Glassmorphism Enhanced */
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-border-strong: rgba(255, 255, 255, 0.2);
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
  --glass-shadow-strong: 0 16px 48px rgba(0, 0, 0, 0.5);
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-magenta) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-cyan) 100%);
  --gradient-accent: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-magenta) 100%);
  
  /* Overlays */
  --overlay-dark: rgba(10, 10, 20, 0.9);
  --overlay-light: rgba(10, 10, 20, 0.5);
  
  /* Borders */
  --border-color: rgba(255, 255, 255, 0.1);
  --border-color-strong: rgba(255, 255, 255, 0.2);
  
  /* Shadows */
  --shadow-neon-cyan: 0 0 20px rgba(0, 217, 255, 0.3);
  --shadow-neon-magenta: 0 0 20px rgba(255, 0, 110, 0.3);
  --shadow-neon-yellow: 0 0 20px rgba(255, 190, 11, 0.3);
}

/* Dark Mode Body Styles */
.dark-mode {
  background: var(--bg-primary);
  color: var(--text-primary);
}

.dark-mode body {
  background: var(--bg-primary);
  color: var(--text-primary);
}

/* Dark Mode Sections */
.dark-mode .section {
  background: var(--bg-primary);
}

.dark-mode .section-dark {
  background: var(--bg-secondary);
}

.dark-mode .section-title {
  color: var(--text-primary);
}

.dark-mode .section-subtitle {
  color: var(--text-secondary);
}

/* Dark Mode Navigation */
.dark-mode .navbar,
.dark-mode .nav-sticky {
  background: var(--bg-glass);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--glass-border);
}

.dark-mode .nav-sticky.scrolled {
  background: rgba(10, 10, 20, 0.95);
  box-shadow: var(--glass-shadow);
}

.dark-mode .navbar-link {
  color: var(--text-secondary);
}

.dark-mode .navbar-link:hover,
.dark-mode .navbar-link.active {
  color: var(--accent-cyan);
}

.dark-mode .navbar-link::after {
  background: var(--gradient-primary);
}

/* Dark Mode Buttons */
.dark-mode .btn-primary,
.dark-mode .btn-primary-hero {
  background: var(--gradient-primary);
  box-shadow: var(--shadow-neon-cyan);
}

.dark-mode .btn-primary:hover,
.dark-mode .btn-primary-hero:hover {
  box-shadow: 0 12px 40px rgba(0, 217, 255, 0.4);
}

.dark-mode .btn-secondary,
.dark-mode .btn-secondary-hero {
  background: var(--bg-glass);
  border-color: var(--glass-border-strong);
  color: var(--text-primary);
}

.dark-mode .btn-secondary:hover,
.dark-mode .btn-secondary-hero:hover {
  background: var(--bg-glass-light);
  border-color: var(--accent-cyan);
  box-shadow: var(--shadow-neon-cyan);
}

/* Dark Mode Glass Cards */
.dark-mode .glass-card {
  background: var(--bg-glass);
  border-color: var(--glass-border);
}

.dark-mode .glass-card:hover {
  background: rgba(20, 20, 31, 0.8);
  border-color: var(--glass-border-strong);
  box-shadow: var(--glass-shadow-strong);
}

.dark-mode .glass-card-light {
  background: var(--bg-glass);
  border-color: var(--glass-border);
}

.dark-mode .glass-card-dark {
  background: rgba(10, 10, 20, 0.8);
  border-color: rgba(255, 255, 255, 0.05);
}

/* Dark Mode Bento Cards */
.dark-mode .bento-card,
.dark-mode .card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.dark-mode .bento-card:hover,
.dark-mode .card:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-color-strong);
}

.dark-mode .card-title {
  color: var(--text-primary);
}

.dark-mode .card-description {
  color: var(--text-secondary);
}

/* Dark Mode Hero */
.dark-mode .hero {
  background: var(--bg-primary);
}

.dark-mode .hero::before {
  background: linear-gradient(
    135deg,
    rgba(0, 217, 255, 0.3) 0%,
    rgba(255, 0, 110, 0.3) 50%,
    rgba(10, 10, 20, 0.9) 100%
  );
}

.dark-mode .hero-mesh {
  background: 
    radial-gradient(circle at 20% 50%, rgba(0, 217, 255, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(255, 0, 110, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 40% 20%, rgba(255, 190, 11, 0.15) 0%, transparent 50%),
    var(--bg-primary);
}

.dark-mode .glitch-text {
  text-shadow: 
    0 0 20px var(--accent-cyan),
    0 0 40px var(--accent-magenta);
}

/* Dark Mode Forms */
.dark-mode .form-input,
.dark-mode .form-textarea,
.dark-mode .form-select {
  background: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.dark-mode .form-input::placeholder,
.dark-mode .form-textarea::placeholder {
  color: var(--text-tertiary);
}

.dark-mode .form-input:focus,
.dark-mode .form-textarea:focus,
.dark-mode .form-select:focus {
  border-color: var(--accent-cyan);
  box-shadow: 0 0 0 3px rgba(0, 217, 255, 0.1);
}

/* Dark Mode Footer */
.dark-mode .footer {
  background: var(--bg-secondary);
  border-top: 1px solid var(--border-color);
}

.dark-mode .footer-link {
  color: var(--text-secondary);
}

.dark-mode .footer-link:hover {
  color: var(--accent-cyan);
}

.dark-mode .footer-social a {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
}

.dark-mode .footer-social a:hover {
  background: var(--gradient-primary);
  color: var(--text-primary);
  border-color: transparent;
  box-shadow: var(--shadow-neon-cyan);
}

/* Neon Accent Classes */
.neon-cyan {
  color: var(--accent-cyan);
  text-shadow: var(--shadow-neon-cyan);
}

.neon-magenta {
  color: var(--accent-magenta);
  text-shadow: var(--shadow-neon-magenta);
}

.neon-yellow {
  color: var(--accent-yellow);
  text-shadow: var(--shadow-neon-yellow);
}

/* Neon Borders */
.border-neon-cyan {
  border: 2px solid var(--accent-cyan);
  box-shadow: var(--shadow-neon-cyan);
}

.border-neon-magenta {
  border: 2px solid var(--accent-magenta);
  box-shadow: var(--shadow-neon-magenta);
}

.border-neon-yellow {
  border: 2px solid var(--accent-yellow);
  box-shadow: var(--shadow-neon-yellow);
}

/* Neon Glow Animation */
@keyframes neon-glow {
  0%, 100% {
    text-shadow: 
      0 0 10px currentColor,
      0 0 20px currentColor,
      0 0 30px currentColor;
  }
  50% {
    text-shadow: 
      0 0 20px currentColor,
      0 0 40px currentColor,
      0 0 60px currentColor;
  }
}

.neon-glow {
  animation: neon-glow 2s ease-in-out infinite;
}

/* Neon Line */
.neon-line {
  height: 2px;
  background: var(--gradient-primary);
  box-shadow: var(--shadow-neon-cyan);
}

/* Gradient Text */
.gradient-text-neon {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Dark Mode Badge */
.dark-mode .badge {
  background: var(--bg-glass);
  border: 1px solid var(--glass-border);
  color: var(--text-primary);
}

/* Dark Mode Toggle Button */
.theme-toggle {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--bg-glass);
  backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 998;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: var(--glass-shadow);
}

.theme-toggle:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 217, 255, 0.3);
  border-color: var(--accent-cyan);
}

.theme-toggle svg {
  width: 24px;
  height: 24px;
  color: var(--accent-cyan);
  transition: transform 0.3s;
}

.theme-toggle:hover svg {
  transform: rotate(20deg);
}

/* Code Blocks in Dark Mode */
.dark-mode pre,
.dark-mode code {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  color: var(--accent-cyan);
}

/* Scrollbar Dark Mode */
.dark-mode ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.dark-mode ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

.dark-mode ::-webkit-scrollbar-thumb {
  background: var(--bg-glass);
  border-radius: 5px;
  border: 2px solid var(--bg-secondary);
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));
}

/* Selection Dark Mode */
.dark-mode ::selection {
  background: rgba(0, 217, 255, 0.3);
  color: var(--text-primary);
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .theme-toggle {
    bottom: 80px;
    right: 16px;
    width: 44px;
    height: 44px;
  }
}

/* Transition when toggling theme */
body {
  background: var(--bg-primary);
  color: var(--text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}

* {
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ========================================
   ABOUT SECTION - DARK MODE
   ======================================== */
:root[data-theme="dark"] .about-section,
.dark-mode .about-section {
  background: var(--bg-primary);
}

:root[data-theme="dark"] .about-header h2,
.dark-mode .about-header h2 {
  color: var(--text-primary);
}

:root[data-theme="dark"] .about-header .lead,
.dark-mode .about-header .lead {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .about-header .lead strong,
.dark-mode .about-header .lead strong {
  color: var(--accent-cyan);
}

/* Social Proof Cards - Dark Mode */
:root[data-theme="dark"] .social-proof-card,
.dark-mode .social-proof-card {
  background: var(--bg-glass);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(12px);
}

:root[data-theme="dark"] .social-proof-card:hover,
.dark-mode .social-proof-card:hover {
  border-color: var(--accent-cyan);
  box-shadow: 0 20px 40px rgba(0, 217, 255, 0.2);
}

:root[data-theme="dark"] .social-proof-number,
.dark-mode .social-proof-number {
  color: var(--accent-cyan);
}

:root[data-theme="dark"] .social-proof-label,
.dark-mode .social-proof-label {
  color: var(--text-secondary);
}

/* Values Grid - Dark Mode */
:root[data-theme="dark"] .value-card,
.dark-mode .value-card {
  background: var(--bg-glass);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(12px);
}

:root[data-theme="dark"] .value-card:hover,
.dark-mode .value-card:hover {
  border-color: var(--accent-cyan);
  box-shadow: 0 20px 40px rgba(0, 217, 255, 0.2);
}

:root[data-theme="dark"] .value-title,
.dark-mode .value-title {
  color: var(--text-primary);
}

:root[data-theme="dark"] .value-description,
.dark-mode .value-description {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .value-card .card-title,
.dark-mode .value-card .card-title {
  color: rgba(248, 250, 252, 0.95);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

/* ========================================
   PRODUCTS SECTION - DARK MODE
   ======================================== */
:root[data-theme="dark"] .produto-card,
.dark-mode .produto-card {
  background: var(--bg-glass);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(12px);
}

:root[data-theme="dark"] .produto-card:hover,
.dark-mode .produto-card:hover {
  border-color: var(--accent-cyan);
  box-shadow: 0 20px 40px rgba(0, 217, 255, 0.2);
}

:root[data-theme="dark"] .produto-card h3,
.dark-mode .produto-card h3 {
  color: var(--text-primary);
}

:root[data-theme="dark"] .produto-tagline,
.dark-mode .produto-tagline {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .produto-stats li,
.dark-mode .produto-stats li {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .produto-tags span,
.dark-mode .produto-tags span {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}

:root[data-theme="dark"] .produto-actions .btn-primary,
.dark-mode .produto-actions .btn-primary {
  background: var(--accent-cyan);
  color: var(--text-inverse);
}

:root[data-theme="dark"] .produto-actions .btn-primary:hover,
.dark-mode .produto-actions .btn-primary:hover {
  background: var(--accent-magenta);
}

:root[data-theme="dark"] .produto-actions .btn-link,
.dark-mode .produto-actions .btn-link {
  color: var(--accent-cyan);
}

:root[data-theme="dark"] .produto-actions .btn-link:hover,
.dark-mode .produto-actions .btn-link:hover {
  background: rgba(0, 217, 255, 0.1);
}

:root[data-theme="dark"] .produto-footer,
.dark-mode .produto-footer {
  border-color: var(--glass-border);
}

:root[data-theme="dark"] .produto-footer a,
.dark-mode .produto-footer a {
  color: var(--text-tertiary);
}

:root[data-theme="dark"] .produto-footer a:hover,
.dark-mode .produto-footer a:hover {
  color: var(--accent-cyan);
}

/* Coming Soon Badge - Dark Mode */
:root[data-theme="dark"] .produto-card.coming-soon::before,
.dark-mode .produto-card.coming-soon::before {
  background: var(--accent-yellow);
  color: var(--text-inverse);
  box-shadow: 0 4px 12px rgba(255, 190, 11, 0.4);
}

/* ========================================
   CONTACT SECTION - DARK MODE
   ======================================== */
:root[data-theme="dark"] .channels-title,
.dark-mode .channels-title {
  color: var(--text-primary);
}

:root[data-theme="dark"] .calendly-title,
.dark-mode .calendly-title {
  color: var(--text-primary);
}

:root[data-theme="dark"] .channel-card,
.dark-mode .channel-card {
  background: var(--bg-glass);
  border: 1px solid var(--glass-border);
}

:root[data-theme="dark"] .channel-card::before,
.dark-mode .channel-card::before {
  background: linear-gradient(135deg, rgba(0, 217, 255, 0.1), rgba(184, 0, 255, 0.1));
}

:root[data-theme="dark"] .channel-card:hover,
.dark-mode .channel-card:hover {
  box-shadow: 0 12px 24px rgba(0, 217, 255, 0.3);
  border-color: var(--accent-cyan);
}

:root[data-theme="dark"] .channel-card.whatsapp:hover,
.dark-mode .channel-card.whatsapp:hover {
  box-shadow: 0 12px 24px rgba(37, 211, 102, 0.3);
}

:root[data-theme="dark"] .channel-card h4,
.dark-mode .channel-card h4 {
  color: var(--text-primary);
}

:root[data-theme="dark"] .channel-card p,
.dark-mode .channel-card p {
  color: var(--accent-cyan);
}

:root[data-theme="dark"] .calendly-wrapper,
.dark-mode .calendly-wrapper {
  background: var(--bg-glass);
  border: 1px solid var(--glass-border);
}

:root[data-theme="dark"] .placeholder-title,
.dark-mode .placeholder-title {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .placeholder-text,
.dark-mode .placeholder-text {
  color: var(--text-tertiary);
}

:root[data-theme="dark"] .placeholder-text a,
.dark-mode .placeholder-text a {
  color: var(--accent-cyan);
}

:root[data-theme="dark"] .placeholder-text a:hover,
.dark-mode .placeholder-text a:hover {
  color: var(--text-primary);
}

/* ========================================
   NEWSLETTER SECTION - DARK MODE
   ======================================== */
:root[data-theme="dark"] .newsletter-cta,
.dark-mode .newsletter-cta {
  background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-magenta) 100%);
}

:root[data-theme="dark"] .newsletter-form input[type="email"],
.dark-mode .newsletter-form input[type="email"] {
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}

:root[data-theme="dark"] .newsletter-form input[type="email"]:focus,
.dark-mode .newsletter-form input[type="email"]:focus {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.6);
}

:root[data-theme="dark"] .newsletter-form .btn-primary,
.dark-mode .newsletter-form .btn-primary {
  background: var(--text-primary);
  color: var(--bg-primary);
}

:root[data-theme="dark"] .newsletter-form .btn-primary:hover,
.dark-mode .newsletter-form .btn-primary:hover {
  background: rgba(248, 249, 250, 0.9);
}

/* ========================================
   FOOTER - DARK MODE
   ======================================== */
:root[data-theme="dark"] .site-footer,
.dark-mode .site-footer {
  background: var(--bg-primary);
  border-top: 1px solid var(--glass-border);
}

:root[data-theme="dark"] .footer-col h4,
.dark-mode .footer-col h4 {
  color: var(--text-primary);
}

:root[data-theme="dark"] .footer-col h5,
.dark-mode .footer-col h5 {
  color: var(--text-primary);
}

:root[data-theme="dark"] .footer-col h5:hover,
.dark-mode .footer-col h5:hover {
  color: var(--accent-cyan);
}

:root[data-theme="dark"] .footer-col p,
.dark-mode .footer-col p {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .footer-col ul li a,
.dark-mode .footer-col ul li a {
  color: var(--text-secondary);
}

:root[data-theme="dark"] .footer-col ul li a:hover,
.dark-mode .footer-col ul li a:hover {
  color: var(--accent-cyan);
}

:root[data-theme="dark"] .footer-bottom,
.dark-mode .footer-bottom {
  border-color: var(--glass-border);
}

:root[data-theme="dark"] .footer-bottom p,
.dark-mode .footer-bottom p {
  color: var(--text-tertiary);
}

/* ========================================
   LIGHT MODE STYLES - PROFESSIONAL REFACTOR
   ======================================== */

/* === LIGHT MODE BASE VARIABLES === */
:root[data-theme="light"],
.light-mode,
body:not(.dark-mode) {
  /* Clean Off-White Background */
  --bg-primary: #F9FAFB;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F3F4F6;
  --bg-glass: rgba(255, 255, 255, 0.95);
  --bg-glass-light: rgba(255, 255, 255, 0.8);
  
  /* High Contrast Text */
  --text-primary: #111827;
  --text-secondary: #4B5563;
  --text-tertiary: #6B7280;
  --text-inverse: #FFFFFF;
  
  /* Accent Colors - Slightly Darker for Contrast */
  --accent-cyan: #0891B2;
  --accent-cyan-light: #06B6D4;
  --accent-magenta: #DB2777;
  --accent-yellow: #D97706;
  --accent-green: #059669;
  
  /* Borders - Subtle but Visible */
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-border-strong: rgba(0, 0, 0, 0.12);
  --border-color: #E5E7EB;
  --border-color-strong: #D1D5DB;
  
  /* Shadows - Soft and Professional */
  --glass-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  --glass-shadow-strong: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 15px rgba(0, 0, 0, 0.1);
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  --card-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* === LIGHT MODE BODY === */
body:not(.dark-mode) {
  background: #F9FAFB;
  color: #111827;
}

/* === HERO SECTION - Keep Dark for Impact === */
body:not(.dark-mode) .hero {
  background: linear-gradient(135deg, #0a0a14 0%, #14141f 100%);
}

body:not(.dark-mode) .hero-mesh {
  background: 
    radial-gradient(circle at 20% 50%, rgba(0, 217, 255, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(255, 0, 110, 0.2) 0%, transparent 50%),
    radial-gradient(circle at 40% 20%, rgba(255, 190, 11, 0.15) 0%, transparent 50%),
    linear-gradient(135deg, #0a0a14 0%, #14141f 100%);
}

body:not(.dark-mode) .hero::before {
  background: linear-gradient(
    135deg,
    rgba(0, 217, 255, 0.3) 0%,
    rgba(255, 0, 110, 0.3) 50%,
    rgba(10, 10, 20, 0.9) 100%
  );
}

body:not(.dark-mode) .hero-content {
  color: #ffffff;
}

body:not(.dark-mode) .hero h1,
body:not(.dark-mode) .hero .glitch-text {
  color: #ffffff;
  text-shadow: 
    0 0 20px rgba(0, 217, 255, 0.5),
    0 0 40px rgba(255, 0, 110, 0.3);
}

body:not(.dark-mode) .hero-subtitle {
  color: #00d9ff;
}

body:not(.dark-mode) .hero-description {
  color: rgba(255, 255, 255, 0.92);
}

body:not(.dark-mode) .cta-duo .btn-primary {
  color: #0a0a14;
  background: linear-gradient(135deg, #00d9ff 0%, #ff006e 100%);
}

body:not(.dark-mode) .cta-duo .btn-secondary {
  color: #00d9ff;
  background: rgba(0, 217, 255, 0.1);
  border: 2px solid #00d9ff;
}

/* === NAVIGATION - Light & Clean === */
body:not(.dark-mode) .nav-sticky {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid #E5E7EB;
}

body:not(.dark-mode) .nav-sticky.scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

body:not(.dark-mode) .nav-menu a {
  color: #374151;
  font-weight: 500;
}

body:not(.dark-mode) .nav-menu a:hover {
  color: #0891B2;
}

body:not(.dark-mode) .btn-nav-cta {
  color: #ffffff;
  background: linear-gradient(135deg, #0891B2 0%, #DB2777 100%);
}

/* === ABOUT SECTION - Clean Light === */
body:not(.dark-mode) #sobre,
body:not(.dark-mode) .about-section {
  background: #F9FAFB;
}

body:not(.dark-mode) .about-section h2,
body:not(.dark-mode) #sobre h2,
body:not(.dark-mode) .section-title {
  color: #111827;
}

body:not(.dark-mode) .about-section .lead,
body:not(.dark-mode) #sobre .lead {
  color: #4B5563;
}

body:not(.dark-mode) .about-section .lead strong,
body:not(.dark-mode) #sobre .lead strong {
  color: #0891B2;
}

/* Social Proof Cards - Light Mode */
body:not(.dark-mode) .social-proof-card,
body:not(.dark-mode) .proof-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
}

body:not(.dark-mode) .social-proof-card:hover,
body:not(.dark-mode) .proof-card:hover {
  border-color: #0891B2;
  box-shadow: 0 10px 25px rgba(8, 145, 178, 0.15);
}

body:not(.dark-mode) .social-proof-number,
body:not(.dark-mode) .proof-card .counter {
  color: #0891B2;
}

body:not(.dark-mode) .social-proof-label,
body:not(.dark-mode) .proof-card p {
  color: #6B7280;
}

/* Value Cards - Light Mode */
body:not(.dark-mode) .value-card,
body:not(.dark-mode) .glass-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
}

body:not(.dark-mode) .value-card:hover,
body:not(.dark-mode) .glass-card:hover {
  border-color: #0891B2;
  box-shadow: 0 10px 25px rgba(8, 145, 178, 0.12);
}

body:not(.dark-mode) .value-title,
body:not(.dark-mode) .card-title {
  color: #111827;
  font-weight: 700;
}

body:not(.dark-mode) .value-description,
body:not(.dark-mode) .card-description {
  color: #4B5563;
  line-height: 1.6;
}

/* === PRODUCTS SECTION - Clean Cards === */
body:not(.dark-mode) #produtos,
body:not(.dark-mode) .produtos-section {
  background: #F9FAFB;
}

body:not(.dark-mode) #produtos h2,
body:not(.dark-mode) #produtos .section-title {
  color: #111827;
}

body:not(.dark-mode) #produtos .section-subtitle,
body:not(.dark-mode) #produtos > .container > p {
  color: #4B5563;
}

/* Product Cards - Professional Light */
body:not(.dark-mode) .produto-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
}

body:not(.dark-mode) .produto-card:hover {
  border-color: #0891B2;
  box-shadow: 0 10px 25px rgba(8, 145, 178, 0.15);
  transform: translateY(-4px);
}

body:not(.dark-mode) .produto-card h3 {
  color: #111827;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

body:not(.dark-mode) .produto-tagline {
  color: #4B5563;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* Bullet Points - High Contrast */
body:not(.dark-mode) .produto-stats li {
  color: #374151;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

body:not(.dark-mode) .produto-stats li::before {
  content: "✓";
  color: #0891B2;
  font-weight: 700;
  flex-shrink: 0;
}

/* Tags/Pills - Clean Style */
body:not(.dark-mode) .produto-tags span {
  background: #F3F4F6;
  color: #374151;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/* Product Actions - Aligned Buttons */
body:not(.dark-mode) .produto-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1.5rem;
  border-top: 1px solid #F3F4F6;
}

body:not(.dark-mode) .produto-actions .btn-primary {
  background: #0891B2;
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  text-align: center;
  transition: all 0.2s ease;
  flex: 1;
}

body:not(.dark-mode) .produto-actions .btn-primary:hover {
  background: #0E7490;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(8, 145, 178, 0.3);
}

/* Secondary Button (Links transformed) */
body:not(.dark-mode) .produto-actions .btn-link {
  color: #0891B2;
  font-weight: 700;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 2px solid transparent;
  text-align: center;
  transition: all 0.2s ease;
}

body:not(.dark-mode) .produto-actions .btn-link:hover {
  background: rgba(8, 145, 178, 0.08);
  border-color: rgba(8, 145, 178, 0.2);
}

/* Product Footer */
body:not(.dark-mode) .produto-footer {
  border-top: 1px solid #F3F4F6;
  padding-top: 0.75rem;
  margin-top: 1rem;
}

body:not(.dark-mode) .produto-footer a {
  color: #9CA3AF;
  font-size: 0.75rem;
}

body:not(.dark-mode) .produto-footer a:hover {
  color: #0891B2;
}

/* Badge Styling */
body:not(.dark-mode) .produto-badge {
  background: #0891B2;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* === PORTFOLIO SECTION === */
body:not(.dark-mode) #portfolio,
body:not(.dark-mode) .section-dark {
  background: #111827;
}

body:not(.dark-mode) #portfolio h2,
body:not(.dark-mode) .section-dark .section-title {
  color: #F9FAFB;
}

body:not(.dark-mode) #portfolio .section-subtitle,
body:not(.dark-mode) .section-dark .section-subtitle {
  color: rgba(249, 250, 251, 0.7);
}

body:not(.dark-mode) #portfolio .card {
  background: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.dark-mode) #portfolio .card-title {
  color: #F9FAFB;
}

body:not(.dark-mode) #portfolio .card-description {
  color: rgba(249, 250, 251, 0.7);
}

/* === CONTACT SECTION === */
body:not(.dark-mode) #contato {
  background: #111827;
}

body:not(.dark-mode) #contato h2,
body:not(.dark-mode) #contato .section-title {
  color: #F9FAFB;
}

body:not(.dark-mode) #contato .section-subtitle {
  color: rgba(249, 250, 251, 0.7);
}

body:not(.dark-mode) .channel-card {
  background: rgba(31, 41, 55, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.dark-mode) .channel-card h4 {
  color: #F9FAFB;
}

body:not(.dark-mode) .channel-card p {
  color: #06B6D4;
}

body:not(.dark-mode) .channels-title,
body:not(.dark-mode) .calendly-title {
  color: #F9FAFB;
}

/* === NEWSLETTER SECTION - Professional === */
body:not(.dark-mode) .newsletter-cta {
  background: linear-gradient(135deg, #0891B2 0%, #0E7490 100%) !important;
}

body:not(.dark-mode) .newsletter-cta h3,
body:not(.dark-mode) .newsletter-content h3 {
  color: #FFFFFF !important;
}

body:not(.dark-mode) .newsletter-cta p,
body:not(.dark-mode) .newsletter-content p {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Newsletter Form - Aligned Input and Button */
body:not(.dark-mode) .newsletter-form {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  padding: 6px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  max-width: 500px;
  margin: 0 auto 24px;
}

body:not(.dark-mode) .newsletter-form input[type="email"] {
  flex: 1;
  background: transparent;
  border: none;
  padding: 16px 20px;
  font-size: 1rem;
  color: #374151;
  outline: none;
}

body:not(.dark-mode) .newsletter-form input[type="email"]::placeholder {
  color: #9CA3AF;
}

body:not(.dark-mode) .newsletter-form .btn-primary {
  background: #0E7490;
  color: #FFFFFF;
  font-weight: 700;
  padding: 16px 24px;
  border-radius: 8px;
  white-space: nowrap;
  transition: all 0.2s ease;
}

body:not(.dark-mode) .newsletter-form .btn-primary:hover {
  background: #155E75;
}

body:not(.dark-mode) .newsletter-cta .disclaimer,
body:not(.dark-mode) .newsletter-content .disclaimer {
  color: rgba(255, 255, 255, 0.8) !important;
  font-style: italic;
}

/* === FOOTER === */
body:not(.dark-mode) .site-footer,
body:not(.dark-mode) footer {
  background: #111827;
  color: #F9FAFB;
}

body:not(.dark-mode) .footer-col h4,
body:not(.dark-mode) .footer-col h5 {
  color: #F9FAFB;
}

body:not(.dark-mode) .footer-col p {
  color: rgba(249, 250, 251, 0.7);
}

body:not(.dark-mode) .footer-col a {
  color: rgba(249, 250, 251, 0.7);
}

body:not(.dark-mode) .footer-col a:hover {
  color: #06B6D4;
}

body:not(.dark-mode) .footer-bottom {
  border-color: rgba(255, 255, 255, 0.1);
}

body:not(.dark-mode) .footer-bottom p {
  color: rgba(249, 250, 251, 0.5);
}

/* === THEME TOGGLE === */
body:not(.dark-mode) .theme-toggle {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

body:not(.dark-mode) .theme-toggle:hover {
  border-color: #0891B2;
  box-shadow: 0 6px 20px rgba(8, 145, 178, 0.2);
}

body:not(.dark-mode) .theme-toggle svg {
  color: #0891B2;
}

/* === MOBILE MENU === */
body:not(.dark-mode) .mobile-menu-toggle span {
  background: #374151;
}

/* === GENERAL SECTIONS === */
body:not(.dark-mode) .section {
  background: #F9FAFB;
}

body:not(.dark-mode) .section:nth-child(even) {
  background: #FFFFFF;
}