/* GENERADO por scripts/generar_tema_claro.py -- no editar a mano. */

html[data-theme="light"] .active\:bg-white\/10:active { background-color: rgba(76, 29, 149, 0.09); }
html[data-theme="light"] .bg-\[\#000000\]\/80 { background-color: rgba(255, 255, 255, 0.804); }
html[data-theme="light"] .bg-\[\#050505\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#060606\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#080808\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#080808\]\/80 { background-color: rgba(255, 255, 255, 0.804); }
html[data-theme="light"] .bg-\[\#080808\]\/90 { background-color: rgba(255, 255, 255, 0.842); }
html[data-theme="light"] .bg-\[\#0a0512\] { background-color: rgba(245, 240, 255, 0.88); }
html[data-theme="light"] .bg-\[\#0a0a0a\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#0a0a0a\]\/95 { background-color: rgba(255, 255, 255, 0.861); }
html[data-theme="light"] .bg-\[\#0c0714\] { background-color: rgba(245, 240, 255, 0.88); }
html[data-theme="light"] .bg-\[\#0d0d0d\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#0e0e0e\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#0e0e0e\]\/95 { background-color: rgba(255, 255, 255, 0.861); }
html[data-theme="light"] .bg-\[\#0f0f0f\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#111\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#151515\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-\[\#1a041a\] { background-color: rgba(245, 240, 255, 0.88); }
html[data-theme="light"] .bg-\[\#1a1a1a\] { background-color: rgba(255, 255, 255, 0.88); }
html[data-theme="light"] .bg-amber-900\/10 { background-color: rgba(217, 119, 6, 0.08); }
html[data-theme="light"] .bg-black\/20 { background-color: rgba(255, 255, 255, 0.576); }
html[data-theme="light"] .bg-black\/30 { background-color: rgba(255, 255, 255, 0.614); }
html[data-theme="light"] .bg-black\/40 { background-color: rgba(255, 255, 255, 0.652); }
html[data-theme="light"] .bg-black\/50 { background-color: rgba(255, 255, 255, 0.69); }
html[data-theme="light"] .bg-black\/60 { background-color: rgba(255, 255, 255, 0.728); }
html[data-theme="light"] .bg-black\/70 { background-color: rgba(255, 255, 255, 0.766); }
html[data-theme="light"] .bg-black\/80 { background-color: rgba(255, 255, 255, 0.804); }
html[data-theme="light"] .bg-black\/90 { background-color: rgba(255, 255, 255, 0.842); }
html[data-theme="light"] .bg-cyan-900\/20 { background-color: rgba(8, 145, 178, 0.14); }
html[data-theme="light"] .bg-cyan-900\/30 { background-color: rgba(8, 145, 178, 0.21); }
html[data-theme="light"] .bg-emerald-900\/20 { background-color: rgba(5, 150, 105, 0.14); }
html[data-theme="light"] .bg-gray-600 { background-color: rgba(217, 213, 230, 1); }
html[data-theme="light"] .bg-gray-700 { background-color: rgba(217, 213, 230, 1); }
html[data-theme="light"] .bg-gray-900 { background-color: rgba(217, 213, 230, 1); }
html[data-theme="light"] .bg-orange-900\/15 { background-color: rgba(234, 88, 12, 0.105); }
html[data-theme="light"] .bg-orange-900\/20 { background-color: rgba(234, 88, 12, 0.14); }
html[data-theme="light"] .bg-purple-900\/20 { background-color: rgba(147, 51, 234, 0.14); }
html[data-theme="light"] .bg-purple-900\/30 { background-color: rgba(147, 51, 234, 0.21); }
html[data-theme="light"] .bg-red-900\/20 { background-color: rgba(220, 38, 38, 0.14); }
html[data-theme="light"] .bg-red-950\/10 { background-color: rgba(220, 38, 38, 0.08); }
html[data-theme="light"] .bg-violet-900\/20 { background-color: rgba(124, 58, 237, 0.14); }
html[data-theme="light"] .bg-white\/10 { background-color: rgba(76, 29, 149, 0.09); }
html[data-theme="light"] .bg-white\/20 { background-color: rgba(76, 29, 149, 0.18); }
html[data-theme="light"] .bg-white\/5 { background-color: rgba(76, 29, 149, 0.045); }
html[data-theme="light"] .bg-white\/\[0\.02\] { background-color: rgba(76, 29, 149, 0.035); }
html[data-theme="light"] .bg-white\/\[0\.03\] { background-color: rgba(76, 29, 149, 0.035); }
html[data-theme="light"] .bg-yellow-900\/15 { background-color: rgba(202, 138, 4, 0.105); }
html[data-theme="light"] .bg-yellow-900\/20 { background-color: rgba(202, 138, 4, 0.14); }
html[data-theme="light"] .border-\[\#0a0a0a\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#0e0e0e\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#14071f\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#141414\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#151515\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#1a1a1a\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#1e1e1e\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#222\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#2a2a2a\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#333333\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-\[\#333\] { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .border-orange-900\/25 { border-color: rgba(234, 88, 12, 0.18); }
html[data-theme="light"] .border-orange-900\/40 { border-color: rgba(234, 88, 12, 0.24); }
html[data-theme="light"] .border-red-900\/30 { border-color: rgba(220, 38, 38, 0.18); }
html[data-theme="light"] .border-red-900\/40 { border-color: rgba(220, 38, 38, 0.24); }
html[data-theme="light"] .border-violet-800\/50 { border-color: rgba(124, 58, 237, 0.3); }
html[data-theme="light"] .border-violet-900\/20 { border-color: rgba(124, 58, 237, 0.18); }
html[data-theme="light"] .border-violet-900\/30 { border-color: rgba(124, 58, 237, 0.18); }
html[data-theme="light"] .border-violet-900\/40 { border-color: rgba(124, 58, 237, 0.24); }
html[data-theme="light"] .border-violet-900\/50 { border-color: rgba(124, 58, 237, 0.3); }
html[data-theme="light"] .border-white\/10 { border-color: rgba(76, 29, 149, 0.19); }
html[data-theme="light"] .border-white\/5 { border-color: rgba(76, 29, 149, 0.125); }
html[data-theme="light"] .border-white\/8 { border-color: rgba(76, 29, 149, 0.164); }
html[data-theme="light"] .border-yellow-900\/25 { border-color: rgba(202, 138, 4, 0.18); }
html[data-theme="light"] .border-yellow-900\/40 { border-color: rgba(202, 138, 4, 0.24); }
html[data-theme="light"] .divide-\[\#111\] > :not([hidden]) ~ :not([hidden]) { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .divide-white\/5 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(76, 29, 149, 0.125); }
html[data-theme="light"] .group\/cargo:hover .group-hover\/cargo\:text-gray-300 { color: #2f2a42; }
html[data-theme="light"] .group\/item:hover .group-hover\/item\:text-violet-400 { color: #7c3aed; }
html[data-theme="light"] .group:hover .group-hover\:text-cyan-400 { color: #0e7490; }
html[data-theme="light"] .group:hover .group-hover\:text-purple-300 { color: #7e22ce; }
html[data-theme="light"] .group:hover .group-hover\:text-purple-400 { color: #9333ea; }
html[data-theme="light"] .group:hover .group-hover\:text-violet-300 { color: #6d28d9; }
html[data-theme="light"] .group:hover .group-hover\:text-yellow-300 { color: #a16207; }
html[data-theme="light"] .hover\:bg-\[\#1e1e1e\]:hover { background-color: rgba(76, 29, 149, 0.07); }
html[data-theme="light"] .hover\:bg-\[\#222\]:hover { background-color: rgba(76, 29, 149, 0.07); }
html[data-theme="light"] .hover\:bg-\[\#222\]\/50:hover { background-color: rgba(76, 29, 149, 0.07); }
html[data-theme="light"] .hover\:bg-black\/70:hover { background-color: rgba(76, 29, 149, 0.07); }
html[data-theme="light"] .hover\:bg-white\/10:hover { background-color: rgba(76, 29, 149, 0.09); }
html[data-theme="light"] .hover\:bg-white\/20:hover { background-color: rgba(76, 29, 149, 0.18); }
html[data-theme="light"] .hover\:bg-white\/5:hover { background-color: rgba(76, 29, 149, 0.045); }
html[data-theme="light"] .hover\:bg-white\/\[0\.02\]:hover { background-color: rgba(76, 29, 149, 0.035); }
html[data-theme="light"] .hover\:border-\[\#333\]:hover { border-color: rgba(76, 29, 149, 0.14); }
html[data-theme="light"] .hover\:border-white\/20:hover { border-color: rgba(76, 29, 149, 0.3); }
html[data-theme="light"] .hover\:shadow-violet-900\/30:hover { --tw-shadow-color: rgba(76, 29, 149, 0.12); --tw-shadow: var(--tw-shadow-colored); }
html[data-theme="light"] .hover\:text-cyan-300:hover { color: #0e7490; }
html[data-theme="light"] .hover\:text-gray-200:hover { color: #27233a; }
html[data-theme="light"] .hover\:text-gray-300:hover { color: #2f2a42; }
html[data-theme="light"] .hover\:text-gray-400:hover { color: #4a4560; }
html[data-theme="light"] .hover\:text-red-100:hover { color: #b91c1c; }
html[data-theme="light"] .hover\:text-red-300:hover { color: #b91c1c; }
html[data-theme="light"] .hover\:text-red-400:hover { color: #dc2626; }
html[data-theme="light"] .hover\:text-violet-200:hover { color: #6d28d9; }
html[data-theme="light"] .hover\:text-violet-300:hover { color: #6d28d9; }
html[data-theme="light"] .hover\:text-violet-400:hover { color: #7c3aed; }
html[data-theme="light"] .hover\:text-white:hover { color: #1e1b2e; }
html[data-theme="light"] .placeholder-gray-600::placeholder { color: #8c87a3; }
html[data-theme="light"] .placeholder-gray-600\/70::placeholder { color: #8c87a3; }
html[data-theme="light"] .placeholder-gray-700::placeholder { color: #8c87a3; }
html[data-theme="light"] .placeholder-slate-500::placeholder { color: #8c87a3; }
html[data-theme="light"] .placeholder-slate-600::placeholder { color: #8c87a3; }
html[data-theme="light"] .shadow-\[0_0_100px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-\[0_20px_80px_rgba\(0\,0\,0\,0\.7\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-\[0_20px_80px_rgba\(0\,0\,0\,0\.8\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-\[0_30px_80px_rgba\(0\,0\,0\,0\.95\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-\[0_40px_80px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.5\)\] { --tw-shadow: 0 24px 60px -16px rgba(76, 29, 149, 0.22); --tw-shadow-colored: 0 24px 60px -16px rgba(76, 29, 149, 0.22); }
html[data-theme="light"] .shadow-black\/60 { --tw-shadow-color: rgba(76, 29, 149, 0.12); --tw-shadow: var(--tw-shadow-colored); }
html[data-theme="light"] .shadow-violet-900\/30 { --tw-shadow-color: rgba(76, 29, 149, 0.12); --tw-shadow: var(--tw-shadow-colored); }
html[data-theme="light"] .shadow-violet-900\/40 { --tw-shadow-color: rgba(76, 29, 149, 0.12); --tw-shadow: var(--tw-shadow-colored); }
html[data-theme="light"] .shadow-violet-900\/50 { --tw-shadow-color: rgba(76, 29, 149, 0.12); --tw-shadow: var(--tw-shadow-colored); }
html[data-theme="light"] .shadow-violet-900\/60 { --tw-shadow-color: rgba(76, 29, 149, 0.12); --tw-shadow: var(--tw-shadow-colored); }
html[data-theme="light"] .text-amber-100\/80 { color: rgba(180, 83, 9, 1); }
html[data-theme="light"] .text-amber-100\/90 { color: rgba(180, 83, 9, 1); }
html[data-theme="light"] .text-amber-200 { color: #b45309; }
html[data-theme="light"] .text-amber-300 { color: #b45309; }
html[data-theme="light"] .text-amber-300\/80 { color: rgba(180, 83, 9, 1); }
html[data-theme="light"] .text-amber-400 { color: #b45309; }
html[data-theme="light"] .text-amber-400\/60 { color: rgba(180, 83, 9, 0.85); }
html[data-theme="light"] .text-amber-400\/70 { color: rgba(180, 83, 9, 0.95); }
html[data-theme="light"] .text-amber-400\/80 { color: rgba(180, 83, 9, 1); }
html[data-theme="light"] .text-amber-400\/90 { color: rgba(180, 83, 9, 1); }
html[data-theme="light"] .text-blue-300 { color: #1d4ed8; }
html[data-theme="light"] .text-blue-400 { color: #2563eb; }
html[data-theme="light"] .text-cyan-400 { color: #0e7490; }
html[data-theme="light"] .text-emerald-300 { color: #047857; }
html[data-theme="light"] .text-emerald-400 { color: #047857; }
html[data-theme="light"] .text-emerald-400\/90 { color: rgba(4, 120, 87, 1); }
html[data-theme="light"] .text-gray-100 { color: #1e1b2e; }
html[data-theme="light"] .text-gray-200 { color: #27233a; }
html[data-theme="light"] .text-gray-300 { color: #2f2a42; }
html[data-theme="light"] .text-gray-400 { color: #4a4560; }
html[data-theme="light"] .text-gray-500 { color: #57526b; }
html[data-theme="light"] .text-gray-600 { color: #66617a; }
html[data-theme="light"] .text-gray-700 { color: #747088; }
html[data-theme="light"] .text-orange-300 { color: #c2410c; }
html[data-theme="light"] .text-orange-400 { color: #c2410c; }
html[data-theme="light"] .text-purple-200 { color: #7e22ce; }
html[data-theme="light"] .text-purple-300 { color: #7e22ce; }
html[data-theme="light"] .text-purple-400 { color: #9333ea; }
html[data-theme="light"] .text-purple-500 { color: #9333ea; }
html[data-theme="light"] .text-purple-500\/60 { color: rgba(147, 51, 234, 0.85); }
html[data-theme="light"] .text-purple-500\/80 { color: rgba(147, 51, 234, 1); }
html[data-theme="light"] .text-red-100\/80 { color: rgba(185, 28, 28, 1); }
html[data-theme="light"] .text-red-200 { color: #b91c1c; }
html[data-theme="light"] .text-red-200\/80 { color: rgba(185, 28, 28, 1); }
html[data-theme="light"] .text-red-300 { color: #b91c1c; }
html[data-theme="light"] .text-red-400 { color: #dc2626; }
html[data-theme="light"] .text-red-400\/70 { color: rgba(220, 38, 38, 0.95); }
html[data-theme="light"] .text-red-500 { color: #dc2626; }
html[data-theme="light"] .text-red-500\/50 { color: rgba(220, 38, 38, 0.75); }
html[data-theme="light"] .text-red-500\/70 { color: rgba(220, 38, 38, 0.95); }
html[data-theme="light"] .text-sky-300 { color: #0369a1; }
html[data-theme="light"] .text-slate-500 { color: #57526b; }
html[data-theme="light"] .text-slate-600 { color: #66617a; }
html[data-theme="light"] .text-violet-200 { color: #6d28d9; }
html[data-theme="light"] .text-violet-300 { color: #6d28d9; }
html[data-theme="light"] .text-violet-400 { color: #7c3aed; }
html[data-theme="light"] .text-violet-400\/50 { color: rgba(124, 58, 237, 0.75); }
html[data-theme="light"] .text-violet-400\/60 { color: rgba(124, 58, 237, 0.85); }
html[data-theme="light"] .text-violet-400\/70 { color: rgba(124, 58, 237, 0.95); }
html[data-theme="light"] .text-violet-400\/80 { color: rgba(124, 58, 237, 1); }
html[data-theme="light"] .text-violet-400\/90 { color: rgba(124, 58, 237, 1); }
html[data-theme="light"] .text-violet-500\/40 { color: rgba(124, 58, 237, 0.65); }
html[data-theme="light"] .text-violet-500\/60 { color: rgba(124, 58, 237, 0.85); }
html[data-theme="light"] .text-violet-500\/70 { color: rgba(124, 58, 237, 0.95); }
html[data-theme="light"] .text-violet-500\/80 { color: rgba(124, 58, 237, 1); }
html[data-theme="light"] .text-violet-600\/60 { color: rgba(109, 40, 217, 0.9); }
html[data-theme="light"] .text-violet-600\/70 { color: rgba(109, 40, 217, 1.0); }
html[data-theme="light"] .text-violet-700\/60 { color: rgba(109, 40, 217, 0.9); }
html[data-theme="light"] .text-violet-700\/70 { color: rgba(109, 40, 217, 1.0); }
html[data-theme="light"] .text-white { color: #1e1b2e; }
html[data-theme="light"] .text-white\/70 { color: rgba(30, 27, 46, 0.9); }
html[data-theme="light"] .text-yellow-200 { color: #a16207; }
html[data-theme="light"] .text-yellow-300 { color: #a16207; }
html[data-theme="light"] .text-yellow-400 { color: #a16207; }
html[data-theme="light"] .text-yellow-500 { color: #a16207; }
html[data-theme="light"] .text-yellow-500\/80 { color: rgba(161, 98, 7, 1); }
html[data-theme="light"] .from-\[\#0f0f0f\] { --tw-gradient-from: rgba(255, 255, 255, 0.8) var(--tw-gradient-from-position); }
html[data-theme="light"] .from-\[\#14071f\] { --tw-gradient-from: rgba(243, 237, 255, 0.8) var(--tw-gradient-from-position); }
html[data-theme="light"] .from-\[\#1a0d2e\] { --tw-gradient-from: rgba(243, 237, 255, 0.8) var(--tw-gradient-from-position); }
html[data-theme="light"] .from-\[\#1f041f\] { --tw-gradient-from: rgba(243, 237, 255, 0.8) var(--tw-gradient-from-position); }
html[data-theme="light"] .from-red-900\/10 { --tw-gradient-from: rgba(239, 68, 68, 0.1) var(--tw-gradient-from-position); }
html[data-theme="light"] .from-violet-900\/40 { --tw-gradient-from: rgba(139, 92, 246, 0.1) var(--tw-gradient-from-position); }
html[data-theme="light"] .via-\[\#050505\] { --tw-gradient-stops: var(--tw-gradient-from), rgba(255, 255, 255, 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html[data-theme="light"] .via-\[\#0a0512\] { --tw-gradient-stops: var(--tw-gradient-from), rgba(243, 237, 255, 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html[data-theme="light"] .via-\[\#150715\] { --tw-gradient-stops: var(--tw-gradient-from), rgba(243, 237, 255, 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html[data-theme="light"] .via-\[\#150a24\] { --tw-gradient-stops: var(--tw-gradient-from), rgba(243, 237, 255, 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); }
html[data-theme="light"] .to-\[\#05030a\] { --tw-gradient-to: rgba(243, 237, 255, 0.8) var(--tw-gradient-to-position); }
html[data-theme="light"] .to-\[\#050505\] { --tw-gradient-to: rgba(255, 255, 255, 0.8) var(--tw-gradient-to-position); }
html[data-theme="light"] .to-\[\#080808\] { --tw-gradient-to: rgba(255, 255, 255, 0.8) var(--tw-gradient-to-position); }
html[data-theme="light"] .to-\[\#0c0714\] { --tw-gradient-to: rgba(243, 237, 255, 0.8) var(--tw-gradient-to-position); }
html[data-theme="light"] .to-purple-900\/20 { --tw-gradient-to: rgba(168, 85, 247, 0.1) var(--tw-gradient-to-position); }

/* Texto blanco sobre botones y avatares de color solido: sigue blanco en claro. */
html[data-theme="light"] :is(.bg-emerald-600, .bg-purple-500, .bg-red-500, .bg-violet-500, .bg-violet-600, .bg-yellow-500, .from-purple-600, .from-red-700, .from-violet-600, .from-violet-700, .from-violet-800, .from-yellow-700).text-white, html[data-theme="light"] :is(.bg-emerald-600, .bg-purple-500, .bg-red-500, .bg-violet-500, .bg-violet-600, .bg-yellow-500, .from-purple-600, .from-red-700, .from-violet-600, .from-violet-700, .from-violet-800, .from-yellow-700) :is(.text-white, .text-white\/70) { color: #fff; }

/* ---- Escritos a mano (se copian tal cual al final de tema-claro.css): estilos propios de las
   plantillas, en sus <style> o style="", que no son clases de Tailwind. ---- */
html[data-theme="light"] ::-webkit-scrollbar-track { background: #f1edfa; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cfc6e6; }
html[data-theme="light"] ::selection { background: rgba(139, 92, 246, .22); color: #2e1065; }

/* Capas que oscurecen el fondo detras de un modal: en claro, un velo morado suave. */
html[data-theme="light"] :is(.fixed, .absolute).inset-0:is(.bg-black\/60, .bg-black\/70, .bg-black\/80, .bg-\[\#000000\]\/80) { background-color: rgba(30, 20, 55, .35); }
html[data-theme="light"] #sidebar-overlay { background: rgba(30, 20, 55, .35); }
/* Visor de la foto de perfil y velo sobre el avatar: siguen oscuros, con su icono blanco. */
html[data-theme="light"] .fixed.inset-0.bg-black\/90 { background-color: rgba(10, 6, 20, .9); }
html[data-theme="light"] :is(.fixed.inset-0.bg-black\/90, .absolute.inset-0.bg-black\/60) :is(.text-white, .text-white\/70) { color: #fff; }
/* Puntos de estado sobre avatares: el aro va del color del fondo (blanco en claro). */
html[data-theme="light"] .border-2:is(.border-\[\#0a0a0a\], .border-\[\#050505\], .border-\[\#0e0e0e\], .border-\[\#14071f\]) { border-color: #fff; }

/* Selector de ciudad (TomSelect, base.html) */
html[data-theme="light"] .ts-control { background: rgba(255, 255, 255, .95) !important; border-color: rgba(76, 29, 149, .18) !important; color: #1e1b2e !important; }
html[data-theme="light"] .ts-control > input { color: #1e1b2e !important; }
html[data-theme="light"] .ts-dropdown { background: #fff !important; border-color: rgba(76, 29, 149, .14) !important; color: #1e1b2e !important; }
html[data-theme="light"] .ts-dropdown .option { color: #3b3550; }
html[data-theme="light"] .ts-dropdown .active { background: rgba(139, 92, 246, .12) !important; color: #4c1d95 !important; }

/* base.html */
html[data-theme="light"] .glassmorphism { background: rgba(255, 255, 255, .72); border-color: rgba(124, 58, 237, .15); box-shadow: 0 10px 30px -10px rgba(76, 29, 149, .2); }
html[data-theme="light"] .bg-animated-mesh { background: linear-gradient(-45deg, #f5f2fd, #ffffff, #f3e8ff, #f5f2fd); background-size: 400% 400%; }
html[data-theme="light"] [style*="#150a15"] { background: linear-gradient(135deg, rgba(250, 247, 255, .9) 0%, rgba(243, 237, 255, .9) 100%) !important; }

/* demo.html (modo espectador) */
html[data-theme="light"] .nota { background: rgba(139, 92, 246, .06); color: #4a4560; }
html[data-theme="light"] :is(.campo input, .campo textarea) { background: #fff; border-color: rgba(76, 29, 149, .18); color: #1e1b2e; }
html[data-theme="light"] .campo label { color: #4a4560; }
html[data-theme="light"] #toast { background: #fff; color: #4c1d95; box-shadow: 0 10px 30px rgba(76, 29, 149, .2); }
html[data-theme="light"] :is(.nav-item, .mnav-btn).active { color: #fff; background: rgba(124, 58, 237, .92); }

/* Titulos con degradado (bg-clip-text) en morados palidos: en claro, los tonos fuertes de la marca. */
html[data-theme="light"] .bg-clip-text.from-violet-400 { --tw-gradient-from: #7c3aed var(--tw-gradient-from-position); }
html[data-theme="light"] .bg-clip-text:is(.to-violet-300, .to-purple-300) { --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); }

/* Bienvenida del panel (dashboard.html): boton y punto del paso actual eran blancos, invisibles sobre el modal claro. */
html[data-theme="light"] #onboarding-content button.bg-white { background: #7c3aed; color: #fff; }
html[data-theme="light"] #onboarding-dots .bg-white { background: #7c3aed; }