/* Beulah sitio estático — modo claro (data-theme="light" en ) */ .beulah-theme-btn { border: 1px solid rgba(255, 255, 255, 0.2); color: rgb(209, 213, 219); background: transparent; cursor: pointer; } .beulah-theme-btn:hover { background-color: rgba(255, 255, 255, 0.08); } html[data-theme="light"] body { background-color: #f8fafc !important; color: #334155 !important; } html[data-theme="light"] .text-white { color: #0f172a !important; } html[data-theme="light"] .text-gray-300 { color: #475569 !important; } html[data-theme="light"] .text-gray-400 { color: #64748b !important; } html[data-theme="light"] .text-gray-500 { color: #64748b !important; } html[data-theme="light"] .text-gray-600 { color: #94a3b8 !important; } html[data-theme="light"] .text-beulah-cyan { color: #0e7490 !important; } html[data-theme="light"] .text-beulah-cyan\/80 { color: rgb(14 116 144 / 0.95) !important; } html[data-theme="light"] .text-beulah-cyan\/90 { color: rgb(14 116 144 / 0.98) !important; } html[data-theme="light"] .border-beulah-cyan\/60 { border-color: rgb(14 116 144 / 0.45) !important; } html[data-theme="light"] .border-beulah-cyan\/40 { border-color: rgb(14 116 144 / 0.35) !important; } html[data-theme="light"] .hover\:text-beulah-cyan:hover { color: #0f766e !important; } html[data-theme="light"] .border-white\/10 { border-color: rgb(15 23 42 / 0.1) !important; } html[data-theme="light"] .border-white\/15 { border-color: rgb(15 23 42 / 0.12) !important; } html[data-theme="light"] .border-white\/20 { border-color: rgb(15 23 42 / 0.15) !important; } html[data-theme="light"] .bg-white\/5 { background-color: rgb(15 23 42 / 0.04) !important; } html[data-theme="light"] .hover\:bg-white\/10:hover { background-color: rgb(15 23 42 / 0.06) !important; } html[data-theme="light"] .beulah-theme-btn { border-color: rgb(15 23 42 / 0.15); color: #475569; background-color: rgba(255, 255, 255, 0.9); } html[data-theme="light"] .beulah-theme-btn:hover { background-color: #fff; border-color: rgb(15 23 42 / 0.22); } /* Hero landing: brillo superior */ .beulah-hero-glow { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(0, 168, 181, 0.12), transparent); } html[data-theme="light"] .beulah-hero-glow { background: linear-gradient(to bottom, rgba(14, 165, 233, 0.14), transparent); } /* Botón tema: etiquetas según modo */ .beulah-show-if-light { display: none !important; } .beulah-show-if-dark { display: inline !important; } html[data-theme="light"] .beulah-show-if-light { display: inline !important; } html[data-theme="light"] .beulah-show-if-dark { display: none !important; } /* Logo según tema: oscuro (PNG sobre negro) / claro (blanco sobre teal) */ .beulah-logo-light { display: none !important; } .beulah-logo-dark { display: block !important; } html[data-theme="light"] .beulah-logo-dark { display: none !important; } html[data-theme="light"] .beulah-logo-light { display: block !important; }