/* =============================================
GAIATECH — LIGHT MODE OVERRIDES (Shared across all pages)
Cargado por todas las páginas: index.html, blog/, demos.html, terminos.html, privacidad.html
============================================= */

/* =============================================
CSS CUSTOM PROPERTIES — LIGHT THEME
============================================= */
[data-theme="light"] {
--bg-primary: #FFFFFF;
--bg-secondary: #F5F7FA;
--text-primary: #1B435D;
--text-secondary: #4B5563;
--text-muted: #9CA3AF;
--text-heading: #1B435D;
--border-subtle: rgba(27, 67, 93, 0.08);
--border-medium: rgba(27, 67, 93, 0.12);
--shadow-card: 0 4px 20px rgba(27, 67, 93, 0.08);
--shadow-glass: 0 8px 32px rgba(27, 67, 93, 0.1);
--nav-bg: rgba(255, 255, 255, 0.98);
--nav-border: rgba(27, 67, 93, 0.08);
--section-alt-bg: #F5F7FA;
}

[data-theme="light"] body {
background-color: #FFFFFF;
color: #1B435D;
}

[data-theme="light"] html {
background-color: #FFFFFF;
}

/* =============================================
NAVBAR — White background + dark text
============================================= */
[data-theme="light"] nav,
[data-theme="light"] #navbar,
[data-theme="light"] .navbar {
background: rgba(255, 255, 255, 0.98) !important;
border-color: rgba(27, 67, 93, 0.08) !important;
box-shadow: 0 1px 3px rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] #navbar a,
[data-theme="light"] nav a,
[data-theme="light"] .navbar a {
color: #1B435D !important;
}

[data-theme="light"] #navbar a:hover,
[data-theme="light"] nav a:hover,
[data-theme="light"] .navbar a:hover {
color: #76A34F !important;
}

[data-theme="light"] #navbar img[src*="gaia-logo"],
[data-theme="light"] #navbar img[src*="logo-min"],
[data-theme="light"] .navbar-logo img,
[data-theme="light"] .post-modal-header img[src*="gaia-logo"] {
  filter: none !important;
}

[data-theme="light"] .post-modal-header {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

/* =============================================
SECTION BACKGROUNDS — White + Light gray
============================================= */
[data-theme="light"] .bg-brand-dark:not(.bg-gradient-to-t):not(.bg-gradient-to-b):not(.bg-gradient-to-r):not(.bg-gradient-to-l) {
  background-color: #FFFFFF !important;
}

[data-theme="light"] [class*="bg-brand-dark/"]:not(.bg-gradient-to-t):not(.bg-gradient-to-b):not(.bg-gradient-to-r):not(.bg-gradient-to-l) {
  background-color: rgba(255, 255, 255, 0.98) !important;
}

[data-theme="light"] [class*="bg-[#05080A]"]:not(.bg-gradient-to-t):not(.bg-gradient-to-b):not(.bg-gradient-to-r),
[data-theme="light"] [class*="bg-[#050508]"] {
  background-color: #FFFFFF !important;
}

[data-theme="light"] .bg-brand-dark2,
[data-theme="light"] [class*="bg-brand-dark2/"],
[data-theme="light"] [class*="bg-[#0A0F14]"] {
  background-color: #F5F7FA !important;
}

[data-theme="light"] [class*="bg-[#05080A]/"]:not(.bg-gradient-to-t):not(.bg-gradient-to-b):not(.bg-gradient-to-r) {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

/* =============================================
TEXT COLORS — Dark text on white bg
============================================= */
[data-theme="light"] .text-white:not(svg):not(path):not(.svg-icon),
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4 {
  color: #1B435D !important;
}

[data-theme="light"] svg.text-white,
[data-theme="light"] .text-white svg {
  color: #1B435D !important;
}

[data-theme="light"] [class*="bg-brand-green"] svg.text-white,
[data-theme="light"] [class*="bg-emerald"] svg.text-white,
[data-theme="light"] [class*="bg-brand-blue"] svg.text-white,
[data-theme="light"] button svg.text-white,
[data-theme="light"] a svg.text-white {
  color: #FFFFFF !important;
}

[data-theme="light"] .text-white\/20 { color: rgba(27, 67, 93, 0.15) !important; }
[data-theme="light"] .text-white\/40 { color: rgba(27, 67, 93, 0.35) !important; }
[data-theme="light"] .text-white\/50 { color: rgba(27, 67, 93, 0.45) !important; }
[data-theme="light"] .text-white\/60 { color: rgba(27, 67, 93, 0.55) !important; }
[data-theme="light"] .text-white\/70 { color: rgba(27, 67, 93, 0.65) !important; }
[data-theme="light"] .text-white\/80 { color: rgba(27, 67, 93, 0.75) !important; }

[data-theme="light"] .text-gray-300 { color: #4B5563 !important; }
[data-theme="light"] .text-gray-400 { color: #6B7280 !important; }
[data-theme="light"] .text-gray-500 { color: #9CA3AF !important; }
[data-theme="light"] .text-gray-600 { color: #4B5563 !important; }

[data-theme="light"] .text-cyan-200 { color: #0e7490 !important; }
[data-theme="light"] .text-cyan-400 { color: #0891b2 !important; }
[data-theme="light"] .text-cyan-500 { color: #06b6d4 !important; }
[data-theme="light"] .text-purple-400 { color: #7c3aed !important; }
[data-theme="light"] .text-purple-500 { color: #8b5cf6 !important; }
[data-theme="light"] .text-red-400 { color: #dc2626 !important; }
[data-theme="light"] .text-red-500 { color: #ef4444 !important; }
[data-theme="light"] .text-green-400 { color: #16a34a !important; }
[data-theme="light"] .text-green-500 { color: #22c55e !important; }
[data-theme="light"] .text-yellow-500 { color: #eab308 !important; }
[data-theme="light"] .text-blue-400 { color: #2563eb !important; }

/* =============================================
BORDERS — Dark borders on white bg
============================================= */
[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-white\/10,
[data-theme="light"] .border-white\/20,
[data-theme="light"] .border-white\/\[0\.06\] {
border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .border-white\/30,
[data-theme="light"] .border-white\/40,
[data-theme="light"] .border-white\/50 {
border-color: rgba(27, 67, 93, 0.12) !important;
}

[data-theme="light"] .border-cyan-500\/20,
[data-theme="light"] .border-cyan-500\/30,
[data-theme="light"] .border-cyan-400\/20 {
border-color: rgba(0, 150, 200, 0.12) !important;
}

[data-theme="light"] .border-purple-500\/20,
[data-theme="light"] .border-purple-400\/20 {
border-color: rgba(128, 0, 255, 0.12) !important;
}

[data-theme="light"] .border-red-500\/20,
[data-theme="light"] .border-red-500\/30,
[data-theme="light"] .border-red-400\/20 {
border-color: rgba(220, 38, 38, 0.12) !important;
}

[data-theme="light"] .border-green-500\/20,
[data-theme="light"] .border-green-500\/30 {
border-color: rgba(118, 163, 79, 0.15) !important;
}

/* =============================================
BG OVERLAYS — Subtle accents on white
============================================= */
[data-theme="light"] .bg-white\/5,
[data-theme="light"] .bg-white\/10,
[data-theme="light"] .bg-white\/\[0\.02\],
[data-theme="light"] .bg-white\/\[0\.03\],
[data-theme="light"] .bg-white\/\[0\.04\] {
background-color: rgba(27, 67, 93, 0.04) !important;
}

[data-theme="light"] .bg-white\/20 {
background-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .bg-cyan-500\/10,
[data-theme="light"] .bg-cyan-500\/20,
[data-theme="light"] .bg-cyan-400\/10 {
background-color: rgba(6, 182, 212, 0.06) !important;
}

[data-theme="light"] .bg-purple-500\/10,
[data-theme="light"] .bg-purple-400\/10,
[data-theme="light"] .bg-purple-900\/20 {
background-color: rgba(128, 0, 255, 0.06) !important;
}

[data-theme="light"] .bg-red-500\/5,
[data-theme="light"] .bg-red-500\/10,
[data-theme="light"] .bg-red-500\/20,
[data-theme="light"] .bg-red-400\/10 {
background-color: rgba(220, 38, 38, 0.04) !important;
}

[data-theme="light"] .bg-green-500\/20 {
background-color: rgba(22, 163, 74, 0.08) !important;
}

[data-theme="light"] .bg-yellow-500\/20 {
background-color: rgba(234, 179, 8, 0.08) !important;
}

[data-theme="light"] .bg-brand-green\/20 {
background-color: rgba(118, 163, 79, 0.08) !important;
}

[data-theme="light"] .bg-brand-blue\/20 {
  background-color: rgba(27, 67, 93, 0.08) !important;
}

/* =============================================
GRADIENT TEXT — text-transparent bg-clip-text needs fill color
============================================= */
[data-theme="light"] .text-transparent.bg-clip-text,
[data-theme="light"] .text-transparent[class*="bg-clip-text"] {
  color: #1B435D !important;
  -webkit-text-fill-color: #1B435D !important;
  background: none !important;
}

[data-theme="light"] .hero-headline-accent {
  background: linear-gradient(135deg, #4a7c2e 0%, #1B435D 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Generic gradient overrides — lower specificity, placed first */
[data-theme="light"] .bg-gradient-to-t.from-brand-dark {
  background: linear-gradient(to top, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.2) 100%) !important;
}

[data-theme="light"] .bg-gradient-to-t.from-brand-dark\/40 {
  background: linear-gradient(to top, rgba(255,255,255,0.7) 0%, transparent 100%) !important;
}

[data-theme="light"] .bg-gradient-to-b.from-brand-dark {
  background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.95) 100%) !important;
}

[data-theme="light"] .bg-gradient-to-r.from-brand-dark {
  background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 50%, transparent 100%) !important;
}

/* brand-dark2 gradients */
[data-theme="light"] .from-brand-dark2 { --tw-gradient-from: #F5F7FA !important; }
[data-theme="light"] .via-brand-dark2 { --tw-gradient-via: #F5F7FA !important; }
[data-theme="light"] .to-brand-dark2 { --tw-gradient-to: #F5F7FA !important; }

/* Cyan/purple gradient text accents */
[data-theme="light"] .from-cyan-900\/20 { --tw-gradient-from: rgba(6, 182, 212, 0.06) !important; }
[data-theme="light"] .to-purple-900\/20 { --tw-gradient-to: rgba(128, 0, 255, 0.06) !important; }

/* =============================================
SERVICE CARDS (tilt-card / data-service-card) — light mode
Contraste visible: video suave + gradiente inferior, sin blanco plano
============================================= */
[data-theme="light"] .tilt-card,
[data-theme="light"] [data-service-card] {
background: linear-gradient(160deg, #E8EEF4 0%, #F4F7FA 45%, #FFFFFF 100%) !important;
border: 1px solid rgba(27, 67, 93, 0.16) !important;
box-shadow: 0 10px 40px rgba(27, 67, 93, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

[data-theme="light"] .service-card-infra {
border-top: 3px solid #76A34F !important;
}

[data-theme="light"] .service-card-dev {
border-top: 3px solid #1B435D !important;
}

[data-theme="light"] [data-service-card] video,
[data-theme="light"] .tilt-card video {
opacity: 0.42 !important;
pointer-events: none !important;
filter: saturate(0.9) contrast(1.05);
}

[data-theme="light"] [data-service-card] .bg-gradient-to-t,
[data-theme="light"] .tilt-card .bg-gradient-to-t {
background: linear-gradient(to top, rgba(232, 238, 244, 0.98) 0%, rgba(232, 238, 244, 0.72) 38%, rgba(232, 238, 244, 0.12) 100%) !important;
}

[data-theme="light"] [data-service-card] .parallax-service-bg,
[data-theme="light"] .tilt-card .parallax-service-bg {
opacity: 0.42 !important;
}

[data-theme="light"] .service-card-content {
background: transparent !important;
}

[data-theme="light"] .service-card-content h3,
[data-theme="light"] .service-card-content .text-white {
color: #1B435D !important;
}

[data-theme="light"] .service-card-content p,
[data-theme="light"] .service-card-content .text-gray-300 {
color: #64748B !important;
}

[data-theme="light"] .service-card-content .text-transparent {
color: #76A34F !important;
-webkit-text-fill-color: #76A34F !important;
background: none !important;
}

[data-theme="light"] .service-card-content .hand-hint span {
color: #64748B !important;
}

[data-theme="light"] .service-card-content .hand-hint svg {
color: #76A34F !important;
}

[data-theme="light"] .service-card-content .hand-hint svg path[fill="white"] {
fill: #1B435D !important;
}

[data-theme="light"] .service-card-content svg.text-white {
color: #1B435D !important;
}

[data-theme="light"] .service-card-content .w-12.h-12.rounded-full,
[data-theme="light"] .service-card-content [class*="rounded-full"][class*="w-12"] {
background-color: rgba(118, 163, 79, 0.1) !important;
border-color: rgba(118, 163, 79, 0.2) !important;
}

[data-theme="light"] [data-service-card]:hover .service-card-content .w-12.h-12.rounded-full,
[data-theme="light"] [data-service-card]:hover .service-card-content [class*="rounded-full"][class*="w-12"],
[data-theme="light"] .tilt-card:hover .service-card-content .w-12.h-12.rounded-full {
background-color: #76A34F !important;
}

[data-theme="light"] [data-service-card]:hover .service-card-content .w-12.h-12.rounded-full svg,
[data-theme="light"] [data-service-card]:hover .service-card-content [class*="rounded-full"][class*="w-12"] svg,
[data-theme="light"] .tilt-card:hover .service-card-content .w-12.h-12.rounded-full svg {
color: #FFFFFF !important;
}

/* HERO — video visible con overlay suave */
[data-theme="light"] #inicio .bg-gradient-to-b {
  background: linear-gradient(to bottom, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.18) 42%, rgba(255,255,255,0.72) 100%) !important;
}

[data-theme="light"] #inicio video.hero-parallax-bg {
  opacity: 0.42 !important;
  filter: saturate(1.15) contrast(1.05);
}

[data-theme="light"] #inicio h1,
[data-theme="light"] #inicio .hero-text-slide p.text-gray-300 {
  color: #1B435D !important;
}

[data-theme="light"] #inicio .hero-dot:not(.active) {
  background-color: rgba(27, 67, 93, 0.15) !important;
}

[data-theme="light"] #inicio .btn-nav-cta:hover {
  background-color: #1B435D !important;
  color: #fff !important;
}

[data-theme="light"] #inicio .btn-nav-outline {
  color: #4B5563 !important;
  border-color: rgba(27, 67, 93, 0.2) !important;
}

[data-theme="light"] #inicio .btn-nav-outline:hover {
  color: #76A34F !important;
  border-color: rgba(118, 163, 79, 0.45) !important;
}

[data-theme="light"] .gaia-telar__weave {
  background-image:
    linear-gradient(rgba(118, 163, 79, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27, 67, 93, 0.07) 1px, transparent 1px);
}

[data-theme="light"] .gaia-telar__logo {
  opacity: 0.04;
}

[data-theme="light"] #gaia-loader {
  background: #FFFFFF;
}

[data-theme="light"] .gaia-loader__bar {
  background: rgba(27, 67, 93, 0.1);
}

/* MODAL PARALLAX — Full white overlay on video background */
[data-theme="light"] .modal-parallax-bg {
  opacity: 0.08 !important;
}

[data-theme="light"] [id$="-modal-parallax"] .bg-gradient-to-r {
  background: linear-gradient(to right, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.92) 50%, rgba(255,255,255,0.7) 100%) !important;
}

[data-theme="light"] [id$="-modal-parallax"] .bg-gradient-to-t {
  background: linear-gradient(to top, #FFFFFF 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0.85) 100%) !important;
}

[data-theme="light"] [id$="-modal-parallax"] h3,
[data-theme="light"] [id$="-modal-parallax"] p,
[data-theme="light"] [id$="-modal-parallax"] li,
[data-theme="light"] [id$="-modal-parallax"] span {
  color: #1B435D !important;
}

[data-theme="light"] [id$="-modal-parallax"] .text-gray-300,
[data-theme="light"] [id$="-modal-parallax"] .text-gray-400 {
  color: #4B5563 !important;
}

[data-theme="light"] [id$="-modal-parallax"] .text-transparent {
  color: #1B435D !important;
  -webkit-text-fill-color: #1B435D !important;
}

[data-theme="light"] [id$="-modal-parallax"] .drop-shadow-2xl {
  filter: none !important;
}

[data-theme="light"] [id$="-modal-parallax"] .glass-panel {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(27, 67, 93, 0.1) !important;
  box-shadow: 0 4px 20px rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] [id$="-modal-parallax"] .glass-panel video {
  opacity: 0.5 !important;
}

[data-theme="light"] [id$="-modal-parallax"] .glass-panel .bg-gradient-to-tr {
  background: linear-gradient(to top right, rgba(255,255,255,0.7), transparent, transparent) !important;
}

[data-theme="light"] .bg-gradient-to-tr.from-brand-dark\/40 {
  background: linear-gradient(to top right, rgba(255,255,255,0.7) 0%, transparent 60%, transparent 100%) !important;
}

[data-theme="light"] .bg-gradient-to-b.from-brand-dark\/50 {
  background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, transparent 40%, rgba(255,255,255,0.95) 100%) !important;
}

[data-theme="light"] .bg-gradient-to-r.from-brand-dark\/95 {
  background: linear-gradient(to right, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.92) 50%, rgba(255,255,255,0.7) 100%) !important;
}

/* Soluciones section parallax cards */
[data-theme="light"] .parallax-service-bg {
opacity: 0.08 !important;
}

[data-theme="light"] .group:hover .parallax-service-bg {
opacity: 0.15 !important;
}



/* =============================================
GLASS PANELS
============================================= */
[data-theme="light"] .glass-panel {
background: rgba(255, 255, 255, 0.85);
border-color: rgba(27, 67, 93, 0.08);
box-shadow: 0 2px 12px rgba(27, 67, 93, 0.06);
}

[data-theme="light"] .glass-panel:hover {
background: rgba(255, 255, 255, 0.95);
border-color: rgba(118, 163, 79, 0.2);
}

/* =============================================
METHODOLOGY CARDS
============================================= */
[data-theme="light"] .methodology-card {
background: rgba(255, 255, 255, 0.9) !important;
border-color: rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .methodology-card:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .methodology-icon {
background: rgba(0, 150, 200, 0.06) !important;
border-color: rgba(0, 150, 200, 0.12) !important;
color: #0e7490 !important;
}

[data-theme="light"] .methodology-icon.purple {
background: rgba(128, 0, 255, 0.06) !important;
border-color: rgba(128, 0, 255, 0.12) !important;
color: #7c3aed !important;
}

[data-theme="light"] .methodology-icon.green {
background: rgba(118, 163, 79, 0.06) !important;
border-color: rgba(118, 163, 79, 0.12) !important;
color: #4d7c2e !important;
}

/* =============================================
GLASS PANEL VIDEO — reduce opacity in light mode
============================================= */
[data-theme="light"] .glass-panel video {
  opacity: 0.85 !important;
}

/* =============================================
MOBILE DOCK
============================================= */
[data-theme="light"] #mobile-dock {
background: rgba(255, 255, 255, 0.96) !important;
border-color: rgba(27, 67, 93, 0.08) !important;
box-shadow: 0 8px 30px rgba(27, 67, 93, 0.1) !important;
}

[data-theme="light"] .dock-item {
color: #4B5563 !important;
}

[data-theme="light"] .dock-item:hover,
[data-theme="light"] .dock-item.active {
color: #76A34F !important;
}

/* =============================================
ACCESS MODAL & CTA — keep white text on colored buttons
============================================= */
[data-theme="light"] .access-cta-btn,
[data-theme="light"] #access-modal #modal-submit-btn {
  color: #ffffff !important;
}

[data-theme="light"] .access-cta-btn:hover,
[data-theme="light"] #access-modal #modal-submit-btn:hover {
  color: #05080A !important;
}

[data-theme="light"] #access-modal-close {
  color: #ffffff !important;
  background: #1B435D !important;
  border: 2px solid rgba(27, 67, 93, 0.15) !important;
}

[data-theme="light"] #access-modal-close svg,
[data-theme="light"] #access-modal-close svg path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

[data-theme="light"] #access-modal-close:hover {
  background: #76A34F !important;
  border-color: #76A34F !important;
}

[data-theme="light"] #access-modal-close:hover svg,
[data-theme="light"] #access-modal-close:hover svg path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* =============================================
BLOG PAGE — Specific overrides (no Tailwind)
============================================= */
[data-theme="light"] .blog-body,
[data-theme="light"] .blog-container,
[data-theme="light"] #app {
  background: #FFFFFF !important;
  color: #1B435D !important;
}

[data-theme="light"] .blog-card {
  background: #FFFFFF !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
  box-shadow: 0 2px 8px rgba(27, 67, 93, 0.06) !important;
  color: #1B435D !important;
}

[data-theme="light"] .blog-card:hover {
  box-shadow: 0 8px 24px rgba(27, 67, 93, 0.1) !important;
}

[data-theme="light"] .blog-card h2,
[data-theme="light"] .blog-card h3 {
  color: #1B435D !important;
}

[data-theme="light"] .blog-card p,
[data-theme="light"] .blog-card span {
  color: #4B5563 !important;
}

[data-theme="light"] .blog-header,
[data-theme="light"] .blog-hero {
  background: #F5F7FA !important;
  color: #1B435D !important;
}

[data-theme="light"] .blog-hero-title {
  color: #1B435D !important;
}

[data-theme="light"] .blog-hero-desc {
  color: #4B5563 !important;
}

[data-theme="light"] .blog-footer {
  background: #F5F7FA !important;
  color: #4B5563 !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .blog-tag,
[data-theme="light"] .tag,
[data-theme="light"] .blog-card-tag {
  background: rgba(118, 163, 79, 0.1) !important;
  color: #76A34F !important;
  border-color: rgba(118, 163, 79, 0.2) !important;
}

[data-theme="light"] .blog-sidebar {
  background: #F5F7FA !important;
  color: #1B435D !important;
}

[data-theme="light"] .blog-input,
[data-theme="light"] .blog-search input {
  background: #FFFFFF !important;
  color: #1B435D !important;
  border-color: rgba(27, 67, 93, 0.12) !important;
}

[data-theme="light"] .navbar {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .navbar-back {
  color: #1B435D !important;
}

[data-theme="light"] .navbar-logo img {
  filter: invert(1) hue-rotate(180deg) !important;
}

[data-theme="light"] .blog-filters-container {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .filter-btn {
  border-color: rgba(27, 67, 93, 0.12) !important;
  color: #4B5563 !important;
}

[data-theme="light"] .filter-btn:hover {
  border-color: #1B435D !important;
  color: #1B435D !important;
}

[data-theme="light"] .filter-btn.active {
  background: #76A34F !important;
  border-color: #76A34F !important;
  color: #FFFFFF !important;
}

[data-theme="light"] .post-modal {
  background: #FFFFFF !important;
}

[data-theme="light"] .post-modal-header {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .post-modal-back {
  color: #4B5563 !important;
  background: rgba(27, 67, 93, 0.05) !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .post-modal-back:hover {
  color: #1B435D !important;
  background: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .post-main-title {
  color: #1B435D !important;
}

[data-theme="light"] .post-main-meta {
  color: #4B5563 !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .post-main-image {
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .post-modal-body {
  color: #4B5563 !important;
}

[data-theme="light"] .post-modal-body h2,
[data-theme="light"] .post-modal-body h3 {
  color: #1B435D !important;
}

[data-theme="light"] .post-modal-body strong {
  color: #1B435D !important;
}

[data-theme="light"] .post-modal-body a {
  color: #76A34F !important;
}

[data-theme="light"] .footer {
  background: #F5F7FA !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .footer p {
  color: #4B5563 !important;
}

[data-theme="light"] .blog-card-title {
  color: #1B435D !important;
}

[data-theme="light"] .blog-card-excerpt {
  color: #4B5563 !important;
}

[data-theme="light"] .blog-card-date {
  color: #9CA3AF !important;
}

[data-theme="light"] .blog-card-read {
  color: #76A34F !important;
}

[data-theme="light"] .blog-hero-tag {
  color: #76A34F !important;
}

/* =============================================
DEMOS PAGE
============================================= */
[data-theme="light"] .demo-card {
  background: #FFFFFF !important;
  border-color: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .demo-card h3 {
  color: #1B435D !important;
}

[data-theme="light"] .demo-card p {
  color: #4B5563 !important;
}

[data-theme="light"] .bg-\[\#08080c\],
[data-theme="light"] .bg-\[\#0a0a0f\] {
  background-color: #F5F7FA !important;
}

[data-theme="light"] .group:hover .bg-black\/20 {
  background: transparent !important;
}

[data-theme="light"] #web-preview-modal-container .bg-black\/95 {
  background: rgba(255, 255, 255, 0.98) !important;
}

[data-theme="light"] .card-preview-iframe {
  background: #FFFFFF !important;
}

/* =============================================
TERMINOS / PRIVACIDAD PAGES
============================================= */
[data-theme="light"] .legal-section {
  color: #1B435D !important;
}

[data-theme="light"] .legal-section p,
[data-theme="light"] .legal-section li {
  color: #4B5563 !important;
}

[data-theme="light"] .prose p,
[data-theme="light"] .prose li {
  color: #4B5563 !important;
}

[data-theme="light"] .prose h1,
[data-theme="light"] .prose h2,
[data-theme="light"] .prose h3 {
  color: #1B435D !important;
}

[data-theme="light"] .prose a {
  color: #76A34F !important;
}

[data-theme="light"] .prose a:hover {
  color: #5a8139 !important;
}

[data-theme="light"] .bg-black {
  background-color: #F5F7FA !important;
}

[data-theme="light"] .bg-black\/80 {
  background-color: rgba(245, 247, 250, 0.85) !important;
}

[data-theme="light"] .bg-black\/90 {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="light"] .bg-\[\#05080A\]\/90,
[data-theme="light"] .bg-\[\#05080A\] {
  background-color: rgba(255, 255, 255, 0.98) !important;
}

[data-theme="light"] .selection\:bg-\[\#76A34F\]::selection {
  background: rgba(118, 163, 79, 0.2);
  color: #1B435D;
}

/* =============================================
HEX PATTERN
============================================= */
[data-theme="light"] .bg-hex-pattern {
background-image: url("data:image/svg+xml,%3Csvg width='60' height='103.92304845413264' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 103.92304845413264L0 86.60254037844386V51.96152422706632L30 34.64101615137754L60 51.96152422706632V86.60254037844386zM30 69.28203230275508L0 51.96152422706632V17.320508075688775L30 0L60 17.320508075688775V51.96152422706632z' fill='%2376a34f' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
}

/* =============================================
GLOBAL HEX OVERLAY
============================================= */
[data-theme="light"] .global-hex-overlay {
opacity: 0.02 !important;
}

/* =============================================
SCROLLBAR
============================================= */
[data-theme="light"] ::-webkit-scrollbar-thumb {
background: rgba(27, 67, 93, 0.15);
}

[data-theme="light"] ::-webkit-scrollbar-track {
background: #F5F7FA;
}

/* =============================================
CTA PARALLAX — CSS ILLUSTRATIONS LIGHT MODE
============================================= */
[data-theme="light"] .cta-illust {
  background: radial-gradient(ellipse at 50% 45%, rgba(118,163,79,0.04) 0%, transparent 55%),
    linear-gradient(160deg, #F5F7FA 0%, #FFFFFF 50%, #F5F7FA 100%) !important;
}


[data-theme="light"] .cta-svg {
filter: none;
}

[data-theme="light"] .cta-svg rect[fill="#0a0f14"],
[data-theme="light"] .cta-svg rect[fill="rgba(27,67,93,0.1)"],
[data-theme="light"] .cta-svg rect[fill="rgba(27,67,93,0.08)"] {
fill: rgba(240,242,245,0.9) !important;
}

[data-theme="light"] .cta-svg text[fill="rgba(200,220,200,0.4)"],
[data-theme="light"] .cta-svg text[fill="rgba(200,220,200,0.3)"],
[data-theme="light"] .cta-svg text[fill="rgba(200,220,200,0.35)"],
[data-theme="light"] .cta-svg text[fill="rgba(200,220,200,0.2)"],
[data-theme="light"] .cta-svg text[fill="rgba(200,220,200,0.25)"],
[data-theme="light"] .cta-svg text[fill="rgba(200,220,200,0.8)"] {
fill: rgba(27,67,93,0.5) !important;
}

[data-theme="light"] .cta-svg rect[stroke="rgba(118,163,79,0.3)"],
[data-theme="light"] .cta-svg rect[stroke="rgba(118,163,79,0.4)"],
[data-theme="light"] .cta-svg rect[stroke="rgba(27,67,93,0.5)"],
[data-theme="light"] .cta-svg rect[stroke="rgba(27,67,93,0.4)"],
[data-theme="light"] .cta-svg rect[stroke="rgba(4,120,87,0.5)"],
[data-theme="light"] .cta-svg rect[stroke="rgba(2,132,199,0.4)"],
[data-theme="light"] .cta-svg rect[stroke="rgba(239,68,68,0.3)"] {
stroke-width: 1.5 !important;
}

[data-theme="light"] .cta-flow-green,
[data-theme="light"] .cta-flow-teal,
[data-theme="light"] .cta-flow-indigo {
opacity: 0.8;
}

[data-theme="light"] .cta-flow-red {
stroke: rgba(239,68,68,0.5) !important;
}
[data-theme="light"] .circuit-layer-bg {
opacity: 0.06;
}

[data-theme="light"] .browser-mockup {
background: rgba(245, 247, 250, 0.9);
border-color: rgba(27, 67, 93, 0.15);
box-shadow: 0 10px 30px rgba(27, 67, 93, 0.08);
}

[data-theme="light"] .browser-header {
background: rgba(27, 67, 93, 0.05);
border-bottom-color: rgba(27, 67, 93, 0.1);
}

[data-theme="light"] .terminal-container {
background: #1B435D;
border-color: rgba(27, 67, 93, 0.2);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .server-node {
background: rgba(245, 247, 250, 0.9);
border-color: rgba(27, 67, 93, 0.2);
box-shadow: 0 2px 8px rgba(27, 67, 93, 0.06);
}

[data-theme="light"] .server-node:hover {
box-shadow: 0 4px 16px rgba(27, 67, 93, 0.12);
}

[data-theme="light"] .anim-slider-btn {
background: rgba(27, 67, 93, 0.05);
border-color: rgba(27, 67, 93, 0.15);
color: #1B435D;
}

[data-theme="light"] .anim-slider-btn:hover {
background: rgba(27, 67, 93, 0.1);
border-color: rgba(27, 67, 93, 0.25);
}

[data-theme="light"] .anim-slider-dot {
background: rgba(27, 67, 93, 0.15);
}

[data-theme="light"] .anim-slider-dot.active {
background: #76A34F;
box-shadow: 0 0 8px rgba(118, 163, 79, 0.3);
}

[data-theme="light"] .anim-slide h1,
[data-theme="light"] .anim-slide .text-2xl {
color: #1B435D !important;
}

[data-theme="light"] .anim-slide .text-white {
color: #1B435D !important;
}

[data-theme="light"] .anim-slide .text-gray-500 {
color: #6B7280 !important;
}

[data-theme="light"] .anim-slide .bg-white\/10,
[data-theme="light"] .anim-slide .bg-white\/5 {
background: rgba(27, 67, 93, 0.08) !important;
}

[data-theme="light"] .anim-slide .border-white\/10,
[data-theme="light"] .anim-slide .border-white\/5 {
border-color: rgba(27, 67, 93, 0.1) !important;
}

[data-theme="light"] .anim-slide .glass-panel {
background: rgba(245, 247, 250, 0.8);
border-color: rgba(27, 67, 93, 0.1);
box-shadow: 0 4px 16px rgba(27, 67, 93, 0.06);
}

[data-theme="light"] .anim-slide .bg-black\/80 {
background: rgba(27, 67, 93, 0.95) !important;
}

[data-theme="light"] #animaciones-css .text-white {
color: #1B435D !important;
}

/* =============================================
CASE STUDY ILLUSTRATIONS — Light Mode
============================================= */
[data-theme="light"] .vitryapp-illust {
background: radial-gradient(ellipse at 30% 50%, rgba(0,81,68,0.06) 0%, transparent 60%),
            radial-gradient(ellipse at 70% 30%, rgba(64,42,186,0.04) 0%, transparent 50%),
            #F5F7FA;
border-color: rgba(27, 67, 93, 0.08);
}

[data-theme="light"] .wap-illust {
background: radial-gradient(ellipse at 60% 50%, rgba(16,185,129,0.06) 0%, transparent 50%),
            radial-gradient(ellipse at 30% 70%, rgba(139,92,246,0.03) 0%, transparent 40%),
            #F5F7FA;
border-color: rgba(27, 67, 93, 0.08);
}

[data-theme="light"] .kds-illust {
background: radial-gradient(ellipse at 50% 50%, rgba(255,0,0,0.03) 0%, transparent 50%),
            #FFFFFF;
border-color: rgba(27, 67, 93, 0.08);
}

[data-theme="light"] .case-illustration {
box-shadow: 0 4px 20px rgba(27, 67, 93, 0.08);
}

[data-theme="light"] .vitryapp-phone {
box-shadow: 0 12px 32px rgba(0,81,68,0.08),
            0 0 0 1px rgba(0,81,68,0.08);
}

[data-theme="light"] .wap-window,
[data-theme="light"] .wap-mockup {
box-shadow: 0 12px 32px rgba(27, 67, 93, 0.08),
            0 0 0 1px rgba(27, 67, 93, 0.08);
border-color: rgba(27, 67, 93, 0.1);
}

[data-theme="light"] .wap-window-chrome {
background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

[data-theme="light"] .kds-mockup {
  box-shadow: 0 12px 32px rgba(27, 67, 93, 0.1),
  0 0 0 1px rgba(27, 67, 93, 0.1);
  border-color: rgba(27, 67, 93, 0.1);
}

[data-theme="light"] .app-showcase {
  background: linear-gradient(165deg, #F8FAFC 0%, #EEF2F7 100%);
  border-color: rgba(27, 67, 93, 0.1) !important;
}

[data-theme="light"] .app-showcase::before {
  border-color: rgba(27, 67, 93, 0.08);
}

[data-theme="light"] #proyectos .text-white {
  color: #1B435D !important;
}

[data-theme="light"] #proyectos .text-gray-400,
[data-theme="light"] #proyectos .text-gray-300 {
  color: #64748B !important;
}

/* =============================================
PARALLAX SLIDER NAV — LIGHT MODE
============================================= */

[data-theme="light"] .parallax-slider-btn {
background: rgba(27,67,93,0.05) !important;
border-color: rgba(27,67,93,0.1) !important;
color: #1B435D !important;
}

[data-theme="light"] .parallax-slider-btn:hover {
background: rgba(118,163,79,0.1) !important;
color: #76A34F !important;
}

[data-theme="light"] .parallax-slider-dot {
background: rgba(27,67,93,0.15) !important;
}

[data-theme="light"] .parallax-slider-dot.active {
background: #76A34F !important;
}

[data-theme="light"] .parallax-slider-container {
box-shadow: 0 4px 20px rgba(27,67,93,0.08) !important;
border-color: rgba(27,67,93,0.08) !important;
}

@media (max-width: 768px) {
[data-theme="light"] .cta-illust {
background: linear-gradient(160deg, #F5F7FA 0%, #FFFFFF 100%) !important;
}
}