/* ============================================================================ BigCapital · Tema claro · Paleta A "Nube neutra" ---------------------------------------------------------------------------- SOLO se activa cuando tiene data-theme="light". Sin ese atributo (estado por defecto), NADA de este archivo aplica -> el modo oscuro queda EXACTAMENTE igual que hoy (byte-idéntico). Solo cambia el VALOR de los colores. No toca tamaños, posiciones ni layout. ============================================================================ */ html[data-theme="light"]{ /* genéricas por-página (index, simulador, catálogo, cotizaciones, …) */ --bg:#dadde3; --sf:#ffffff; --sf2:#e9ebef; --bd:#c0c5ce; --bd2:#9aa1ac; --tx:#12151b; --tx2:#3c424c; --tx3:#69707b; --ac:#44901e; --ac2:#44901e; --ac3:#44901e; --gn:#44901e; --gn2:#44901e; --g:#44901e; --g2:#44901e; --rd:#d11f25; --yw:#a8520a; --pp:#6d28d9; --cy:#0369a1; --or:#a8520a; --amber:#a8520a; --bl:#0369a1; --glow:rgba(68,144,30,.20); --gn-bg:rgba(68,144,30,.10); --rd-bg:rgba(209,31,37,.08); /* stock interno (--sp-*) */ --sp-bg:#dadde3; --sp-sf:#ffffff; --sp-sf2:#e9ebef; --sp-bd:#c0c5ce; --sp-tx:#12151b; --sp-tx2:#3c424c; --sp-tx3:#69707b; --sp-g:#44901e; --sp-g2:#44901e; --sp-shadow:0 3px 14px rgba(15,23,42,.16); --sp-cy:#0369a1; --sp-pp:#6d28d9; --sp-rd:#d11f25; --sp-yw:#a8520a; /* navbar compartida (bc-dark.css, --bc-*) */ --bc-bg:#ffffff; --bc-sf:#ffffff; --bc-sf2:#e9ebef; --bc-bd:#c0c5ce; --bc-tx:#12151b; --bc-tx2:#3c424c; --bc-tx3:#69707b; --bc-g:#44901e; --bc-g2:#44901e; /* calculadora-uf usa nombres propios (--surface/--text/--border/--gold…) */ --surface:#ffffff; --surface2:#e9ebef; --border:#c0c5ce; --text:#12151b; --text2:#3c424c; --muted:#69707b; --dim:#69707b; --dimmer:#8a929e; --muted-val:#69707b; --gold:#44901e; --gold2:#3c7d1a; --green:#157f15; --red:#c01a2a; --text-legacy:#12151b; } /* fondo y texto base */ html[data-theme="light"] body{ background:#dadde3 !important; color:#12151b !important; } /* navbars (oscuras semi-transparentes quemadas) -> blanca con borde marcado */ html[data-theme="light"] .bc-nav, html[data-theme="light"] .bc-nav--index{ background:#ffffff !important; border-bottom:1px solid #9aa1ac !important; box-shadow:0 1px 6px rgba(15,23,42,.10) !important; } /* logo: en oscuro usa la versión blanca; en claro, la versión a color (CAPITAL negro legible). Cubre la navbar del index (.nav-logo-img) y la navbar compartida (.bc-nav__logo img). */ html[data-theme="light"] .nav-logo-img, html[data-theme="light"] .bc-nav__logo img{ content:url('../logo-bigcapital.png'); } /* hero del index (degradado oscuro quemado) -> superficie clara, texto oscuro */ html[data-theme="light"] .hero{ background:#e9ebef !important; color:#12151b !important; } html[data-theme="light"] .hero *{ color:#12151b !important; } html[data-theme="light"] .hero span[style*="7DC242"]{ color:#44901e !important; } /* sombra del hover de las tarjetas (negra fuerte) -> suave clara */ html[data-theme="light"] .card:hover{ box-shadow:0 12px 30px rgba(15,23,42,.12) !important; } /* paneles / inputs / steppers (simulador y otras) -> panel blanco, cajitas grises marcadas */ html[data-theme="light"] .inputs{ background:#ffffff !important; border:1px solid #c0c5ce !important; box-shadow:0 1px 4px rgba(15,23,42,.06) !important; } html[data-theme="light"] .stepper{ background:#eceef2 !important; border:1px solid #9aa1ac !important; box-shadow:inset 0 0 0 1px #9aa1ac, 0 1px 3px rgba(15,23,42,.10) !important; } html[data-theme="light"] input, html[data-theme="light"] select, html[data-theme="light"] textarea, html[data-theme="light"] .stepper input{ background:#eceef2 !important; color:#12151b !important; border-color:#9aa1ac !important; } html[data-theme="light"] .st-btn, html[data-theme="light"] .plan-unit-sel{ background:#ffffff !important; color:#3c424c !important; border-color:#9aa1ac !important; } /* ── Parches por página (zonas con color propio quemado) ── */ /* comparador: zona de subir PDF (fondo oscuro propio) */ html[data-theme="light"] .upload-zone{ background:#eceef2 !important; border-color:#9aa1ac !important; } html[data-theme="light"] .upload-zone h3{ color:#12151b !important; } html[data-theme="light"] .upload-zone p{ color:#3c424c !important; } /* login.html (standalone glassmorphism oscuro -> claro; sin navbar, hereda preferencia) */ html[data-theme="light"] body{ background-image:none !important; } html[data-theme="light"] .login-box .card{ background:#ffffff !important; border-color:#c0c5ce !important; box-shadow:0 12px 40px rgba(15,23,42,.12) !important; } html[data-theme="light"] .login-box .card-title{ color:#12151b !important; } html[data-theme="light"] .login-box .card-desc{ color:#3c424c !important; } html[data-theme="light"] .login-box .logo-text .cap{ color:#12151b !important; } html[data-theme="light"] .login-box .logo-sub{ color:#69707b !important; } html[data-theme="light"] .login-box .field label{ color:#3c424c !important; } html[data-theme="light"] .login-box .field input, html[data-theme="light"] .login-box .otp-inputs input{ background:#eceef2 !important; border-color:#9aa1ac !important; color:#12151b !important; } html[data-theme="light"] .login-box .field input::placeholder{ color:#8a929e !important; } html[data-theme="light"] .login-box .btn-secondary{ border-color:#c0c5ce !important; color:#3c424c !important; } html[data-theme="light"] .login-box .timer{ color:#69707b !important; }