/* LIVEL Blue Theme
   Capa visual transversal: plataforma azul clara, suave y tecnologica.
   No modifica assets ni colores internos de los logos. */

:root,
html body,
html body.livel-construct-theme,
html body:not(.dark-mode) {
  --lv-blue-950:#07152f;
  --lv-blue-900:#0b2148;
  --lv-blue-800:#123a75;
  --lv-blue-700:#0758d8;
  --lv-blue-650:#0b6ef3;
  --lv-blue-600:#1787ff;
  --lv-blue-500:#22a7ff;
  --lv-cyan-500:#14d8ff;
  --lv-cyan-400:#64e8ff;
  --lv-sky-200:#c9efff;
  --lv-sky-100:#e8f7ff;
  --lv-ice:#f7fcff;
  --lv-card:#ffffff;
  --lv-card-soft:rgba(255,255,255,.86);
  --lv-text:#071832;
  --lv-text-2:#17355c;
  --lv-muted:#547194;
  --lv-line:rgba(12,105,210,.16);
  --lv-line-strong:rgba(12,105,210,.28);
  --lv-shadow:0 18px 48px rgba(10,70,150,.12);
  --lv-shadow-strong:0 24px 72px rgba(10,70,150,.18);

  --purple:#1787ff!important;
  --purple-d:#0758d8!important;
  --purple-l:#e8f7ff!important;
  --purple2:#0b6ef3!important;
  --purple3:#64e8ff!important;
  --purple-dark:#0758d8!important;
  --gold:#14d8ff!important;
  --gold2:#22a7ff!important;
  --gold-dark:#0b6ef3!important;
  --blue:#1787ff!important;
  --blue-d:#0758d8!important;
  --blue-l:#e8f7ff!important;
  --cyan:#14d8ff!important;
  --cyan-l:rgba(20,216,255,.14)!important;
  --bg:#f4fbff!important;
  --white:#ffffff!important;
  --ink:#071832!important;
  --ink2:#17355c!important;
  --ink3:#31567f!important;
  --ink4:#547194!important;
  --muted:#547194!important;
  --dim:#6a83a3!important;
  --line:rgba(12,105,210,.16)!important;
  --line-2:rgba(12,105,210,.10)!important;
  --b:rgba(12,105,210,.16)!important;
  --c:#1787ff!important;
  --cd:#0758d8!important;
  --tx:#071832!important;
  --accent:#14d8ff!important;
}

html body:not(.dark-mode),
html body.livel-construct-theme:not(.dark-mode),
html body:not(.dark-mode) #appPage,
html body:not(.dark-mode) .layout,
html body:not(.dark-mode) .main,
html body:not(.dark-mode) .content,
html body:not(.dark-mode) main,
html body:not(.dark-mode) .page,
html body:not(.dark-mode) .section,
html body:not(.dark-mode) .hero,
html body:not(.dark-mode) .contact-section,
html body:not(.dark-mode) .screen-section,
html body:not(.dark-mode) .final-cta,
html body:not(.dark-mode) .cta-final,
html body:not(.dark-mode) #loginPage,
html body:not(.dark-mode) #loginScreen,
html body:not(.dark-mode) .login-screen,
html body:not(.dark-mode) footer {
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,0) 24rem),
    linear-gradient(135deg,#fbfeff 0%,#f0f9ff 42%,#e7f3ff 100%)!important;
  color:var(--lv-text)!important;
}

html body:not(.dark-mode)::before,
html body.livel-construct-theme:not(.dark-mode)::before {
  background-image:
    linear-gradient(rgba(12,105,210,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(12,105,210,.055) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  opacity:.55!important;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 44%,transparent 100%)!important;
}

html body:not(.dark-mode)::after,
html body.livel-construct-theme:not(.dark-mode)::after,
.hero::after,
.cta-box::after,
.livel-build-loader::after {
  background:linear-gradient(90deg,transparent,#14d8ff,#1787ff,#14d8ff,transparent)!important;
  box-shadow:0 0 24px rgba(20,216,255,.28)!important;
}

html body:not(.dark-mode) .nav,
html body:not(.dark-mode) nav,
html body:not(.dark-mode) .topbar,
html body:not(.dark-mode) .navbar,
html body:not(.dark-mode) .tb,
html body:not(.dark-mode) .header {
  background:rgba(255,255,255,.82)!important;
  color:var(--lv-text)!important;
  border-color:var(--lv-line)!important;
  box-shadow:0 14px 40px rgba(10,70,150,.10)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

html body:not(.dark-mode) .sidebar {
  background:linear-gradient(180deg,#ffffff 0%,#eef8ff 100%)!important;
  color:var(--lv-text)!important;
  border-right:1px solid var(--lv-line)!important;
  box-shadow:10px 0 34px rgba(10,70,150,.08)!important;
}

html body:not(.dark-mode) .sb-toggle,
html body:not(.dark-mode) .sb-item,
html body:not(.dark-mode) .nav-item {
  color:#31567f!important;
  background:transparent!important;
  border-color:transparent!important;
}

html body:not(.dark-mode) .sb-item:hover,
html body:not(.dark-mode) .sb-item.active,
html body:not(.dark-mode) .nav-item:hover,
html body:not(.dark-mode) .nav-item.active,
html body:not(.dark-mode) .ag-turno,
html body:not(.dark-mode) .ag-cell:hover {
  background:linear-gradient(135deg,#dff4ff,#eff9ff 48%,#ffffff)!important;
  color:#0758d8!important;
  border-left-color:#14d8ff!important;
  box-shadow:0 10px 26px rgba(23,135,255,.12)!important;
}

html body:not(.dark-mode) h1,
html body:not(.dark-mode) h2,
html body:not(.dark-mode) h3,
html body:not(.dark-mode) h4,
html body:not(.dark-mode) h5,
html body:not(.dark-mode) h6,
html body:not(.dark-mode) .page-title,
html body:not(.dark-mode) .section-title,
html body:not(.dark-mode) .card-title,
html body:not(.dark-mode) .logo-text,
html body:not(.dark-mode) .brand-word,
html body:not(.dark-mode) .stat-value {
  color:var(--lv-text)!important;
  text-shadow:none!important;
}

html body:not(.dark-mode) p,
html body:not(.dark-mode) li,
html body:not(.dark-mode) label,
html body:not(.dark-mode) small,
html body:not(.dark-mode) span,
html body:not(.dark-mode) .muted,
html body:not(.dark-mode) .section-lead,
html body:not(.dark-mode) .subtitle,
html body:not(.dark-mode) .description,
html body:not(.dark-mode) .stat-label,
html body:not(.dark-mode) .stat-sub {
  color:var(--lv-muted)!important;
}

html body:not(.dark-mode) strong,
html body:not(.dark-mode) b,
html body:not(.dark-mode) .hero p strong {
  color:#071832!important;
}

html body:not(.dark-mode) .gradient-text,
html body:not(.dark-mode) .accent,
html body:not(.dark-mode) h1 .accent,
html body:not(.dark-mode) h2 .accent {
  background:linear-gradient(120deg,#0758d8 0%,#1787ff 42%,#14d8ff 86%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body:not(.dark-mode) .card,
html body:not(.dark-mode) .feature-card,
html body:not(.dark-mode) .pricing-card,
html body:not(.dark-mode) .faq-item,
html body:not(.dark-mode) .valor-card,
html body:not(.dark-mode) .credential-card,
html body:not(.dark-mode) .stat-card,
html body:not(.dark-mode) .dashboard-card,
html body:not(.dark-mode) .panel,
html body:not(.dark-mode) .box,
html body:not(.dark-mode) .table-card,
html body:not(.dark-mode) .table-wrap,
html body:not(.dark-mode) .tbl-wrap,
html body:not(.dark-mode) .contact-shell,
html body:not(.dark-mode) .contact-card,
html body:not(.dark-mode) .contact-form,
html body:not(.dark-mode) .form-card,
html body:not(.dark-mode) .login-card,
html body:not(.dark-mode) .login-wrap,
html body:not(.dark-mode) .modal-content,
html body:not(.dark-mode) .modal-card,
html body:not(.dark-mode) .auth-card,
html body:not(.dark-mode) .ui-build,
html body:not(.dark-mode) .build-card,
html body:not(.dark-mode) .metric,
html body:not(.dark-mode) .step,
html body:not(.dark-mode) [class*="card"],
html body:not(.dark-mode) [class*="panel"] {
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,249,255,.88))!important;
  color:var(--lv-text)!important;
  border-color:var(--lv-line)!important;
  box-shadow:var(--lv-shadow)!important;
}

html body:not(.dark-mode) .card::before,
html body:not(.dark-mode) .feature-card::before,
html body:not(.dark-mode) .pricing-card::before,
html body:not(.dark-mode) .faq-item::before,
html body:not(.dark-mode) .doc-section::before,
html body:not(.dark-mode) .contact-shell::before {
  background:linear-gradient(90deg,transparent,#14d8ff,#1787ff,transparent)!important;
}

html body:not(.dark-mode) input,
html body:not(.dark-mode) textarea,
html body:not(.dark-mode) select,
html body:not(.dark-mode) .form-input,
html body:not(.dark-mode) .form-select,
html body:not(.dark-mode) .form-textarea,
html body:not(.dark-mode) .search-bar {
  background:#ffffff!important;
  color:var(--lv-text)!important;
  border-color:var(--lv-line-strong)!important;
  accent-color:#1787ff!important;
  box-shadow:0 0 0 0 rgba(23,135,255,0)!important;
}

html body:not(.dark-mode) input:focus,
html body:not(.dark-mode) textarea:focus,
html body:not(.dark-mode) select:focus,
html body:not(.dark-mode) .search-bar:focus-within {
  border-color:#1787ff!important;
  box-shadow:0 0 0 4px rgba(23,135,255,.12)!important;
  outline:none!important;
}

html body:not(.dark-mode) input::placeholder,
html body:not(.dark-mode) textarea::placeholder {
  color:rgba(84,113,148,.62)!important;
}

html body:not(.dark-mode) button,
html body:not(.dark-mode) .btn,
html body:not(.dark-mode) .btn-primary,
html body:not(.dark-mode) .btn-prim,
html body:not(.dark-mode) .btn-login,
html body:not(.dark-mode) .btn-nav,
html body:not(.dark-mode) .btn-hero,
html body:not(.dark-mode) .btn-plan,
html body:not(.dark-mode) .btn-success,
html body:not(.dark-mode) input[type="submit"] {
  background:linear-gradient(135deg,#0758d8 0%,#1787ff 54%,#14d8ff 100%)!important;
  color:#ffffff!important;
  border-color:rgba(20,216,255,.34)!important;
  box-shadow:0 16px 36px rgba(23,135,255,.24)!important;
}

html body:not(.dark-mode) button:hover,
html body:not(.dark-mode) .btn:hover,
html body:not(.dark-mode) .btn-primary:hover,
html body:not(.dark-mode) .btn-prim:hover,
html body:not(.dark-mode) .btn-login:hover,
html body:not(.dark-mode) .btn-nav:hover,
html body:not(.dark-mode) .btn-hero:hover {
  filter:saturate(1.12) brightness(1.02)!important;
  box-shadow:0 20px 48px rgba(23,135,255,.32)!important;
}

html body:not(.dark-mode) .btn-secondary,
html body:not(.dark-mode) .btn-sec,
html body:not(.dark-mode) .btn-outline,
html body:not(.dark-mode) .btn-ghost,
html body:not(.dark-mode) .btn-icon,
html body:not(.dark-mode) .tb-home,
html body:not(.dark-mode) .btn-out {
  background:#ffffff!important;
  color:#0758d8!important;
  border-color:var(--lv-line-strong)!important;
  box-shadow:0 10px 24px rgba(10,70,150,.08)!important;
}

html body:not(.dark-mode) .btn-secondary:hover,
html body:not(.dark-mode) .btn-sec:hover,
html body:not(.dark-mode) .btn-outline:hover,
html body:not(.dark-mode) .btn-ghost:hover,
html body:not(.dark-mode) .tb-home:hover {
  background:#e8f7ff!important;
  color:#0758d8!important;
  border-color:#1787ff!important;
}

html body:not(.dark-mode) table,
html body:not(.dark-mode) thead,
html body:not(.dark-mode) tbody,
html body:not(.dark-mode) tr,
html body:not(.dark-mode) td,
html body:not(.dark-mode) th {
  background:#ffffff!important;
  color:var(--lv-text-2)!important;
  border-color:rgba(12,105,210,.12)!important;
}

html body:not(.dark-mode) th,
html body:not(.dark-mode) thead {
  background:#eaf7ff!important;
  color:#0758d8!important;
}

html body:not(.dark-mode) tbody tr:hover td,
html body:not(.dark-mode) tbody tr:hover {
  background:#f0f9ff!important;
  color:#071832!important;
}

html body:not(.dark-mode) .badge,
html body:not(.dark-mode) .pill,
html body:not(.dark-mode) .chip,
html body:not(.dark-mode) .tag,
html body:not(.dark-mode) .eyebrow,
html body:not(.dark-mode) .section-kicker,
html body:not(.dark-mode) .tb-tag {
  background:linear-gradient(135deg,#e8f7ff,#ffffff)!important;
  color:#0758d8!important;
  border-color:rgba(23,135,255,.22)!important;
}

html body:not(.dark-mode) .card-icon,
html body:not(.dark-mode) .build-icon,
html body:not(.dark-mode) .screen-list i,
html body:not(.dark-mode) .avatar,
html body:not(.dark-mode) .ui-dot,
html body:not(.dark-mode) .chart svg path:first-child {
  background:linear-gradient(135deg,#1787ff,#14d8ff)!important;
  color:#ffffff!important;
  border-color:rgba(20,216,255,.28)!important;
  stroke:#1787ff!important;
}

html body:not(.dark-mode) .chart,
html body:not(.dark-mode) .hero-dashboard,
html body:not(.dark-mode) .mock-screen {
  background:linear-gradient(180deg,rgba(232,247,255,.96),rgba(255,255,255,.86))!important;
  border-color:var(--lv-line)!important;
  box-shadow:var(--lv-shadow-strong)!important;
}

html body:not(.dark-mode) a:not(.btn):not(.btn-primary):not(.btn-prim):not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-nav):not(.tb-home) {
  color:#0758d8!important;
}

html body:not(.dark-mode) a:hover {
  color:#1787ff!important;
}

/* Modo oscuro, pero ahora tecnologico azul en lugar de violeta. */
html body.dark-mode,
html body.livel-construct-theme.dark-mode,
html body.dark-mode #appPage,
html body.dark-mode .layout,
html body.dark-mode .main,
html body.dark-mode .content,
html body.dark-mode main,
html body.dark-mode .page,
html body.dark-mode .section,
html body.dark-mode .hero,
html body.dark-mode .contact-section,
html body.dark-mode .screen-section,
html body.dark-mode .final-cta,
html body.dark-mode .cta-final,
html body.dark-mode #loginPage,
html body.dark-mode #loginScreen,
html body.dark-mode .login-screen,
html body.dark-mode footer {
  --purple:#58b8ff!important;
  --purple-d:#1787ff!important;
  --purple-l:#102844!important;
  --gold:#14d8ff!important;
  --blue:#58b8ff!important;
  --blue-d:#1787ff!important;
  --blue-l:#102844!important;
  --ink:#f5fbff!important;
  --ink2:#dcefff!important;
  --ink3:#abcbe8!important;
  --ink4:#7fa4c8!important;
  --muted:#b8d4ee!important;
  --line:rgba(100,232,255,.18)!important;
  background:linear-gradient(135deg,#061225 0%,#081c36 52%,#04101f 100%)!important;
  color:#f5fbff!important;
}

html body.dark-mode .sidebar,
html body.dark-mode .nav,
html body.dark-mode nav,
html body.dark-mode .topbar,
html body.dark-mode .navbar,
html body.dark-mode .tb,
html body.dark-mode .header,
html body.dark-mode .card,
html body.dark-mode .stat-card,
html body.dark-mode .panel,
html body.dark-mode .box,
html body.dark-mode .login-card,
html body.dark-mode .modal-content,
html body.dark-mode .modal-card,
html body.dark-mode .table-wrap,
html body.dark-mode .tbl-wrap,
html body.dark-mode table,
html body.dark-mode td,
html body.dark-mode th,
html body.dark-mode input,
html body.dark-mode textarea,
html body.dark-mode select {
  background:linear-gradient(145deg,rgba(11,31,58,.96),rgba(5,16,31,.96))!important;
  color:#f5fbff!important;
  border-color:rgba(100,232,255,.18)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
}

html body.dark-mode th,
html body.dark-mode thead {
  background:#102844!important;
  color:#dff8ff!important;
}

html body.dark-mode .btn-primary,
html body.dark-mode .btn-prim,
html body.dark-mode .btn-login,
html body.dark-mode .btn-success,
html body.dark-mode button:not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-icon) {
  background:linear-gradient(135deg,#0758d8,#1787ff 58%,#14d8ff)!important;
  color:#ffffff!important;
  border-color:rgba(100,232,255,.24)!important;
}

/* Neutraliza restos inline lavanda/dorado en bloques de UI, sin tocar imagenes/logo. */
html body [style*="#6c3df0"],
html body [style*="#8b56ff"],
html body [style*="#4922bd"],
html body [style*="#a985ff"],
html body [style*="#A78BCC"],
html body [style*="#8B6FCF"],
html body [style*="#f5f3ff"],
html body [style*="#eee9ff"],
html body [style*="#EDE9FE"] {
  border-color:var(--lv-line-strong)!important;
}

html body:not(.dark-mode) [style*="background:#6c3df0"],
html body:not(.dark-mode) [style*="background: #6c3df0"],
html body:not(.dark-mode) [style*="background:#8b56ff"],
html body:not(.dark-mode) [style*="background: #8b56ff"],
html body:not(.dark-mode) [style*="background:#4922bd"],
html body:not(.dark-mode) [style*="background: #4922bd"],
html body:not(.dark-mode) [style*="background:#A78BCC"],
html body:not(.dark-mode) [style*="background: #A78BCC"],
html body:not(.dark-mode) [style*="background:#8B6FCF"],
html body:not(.dark-mode) [style*="background: #8B6FCF"] {
  background:linear-gradient(135deg,#0758d8,#1787ff 58%,#14d8ff)!important;
  color:#ffffff!important;
}

html body:not(.dark-mode) [style*="background:#f5f3ff"],
html body:not(.dark-mode) [style*="background: #f5f3ff"],
html body:not(.dark-mode) [style*="background:#eee9ff"],
html body:not(.dark-mode) [style*="background: #eee9ff"],
html body:not(.dark-mode) [style*="background:#EDE9FE"],
html body:not(.dark-mode) [style*="background: #EDE9FE"],
html body:not(.dark-mode) [style*="background:#f0ebff"],
html body:not(.dark-mode) [style*="background: #f0ebff"] {
  background:#e8f7ff!important;
  color:#0758d8!important;
}

html body [style*="color:#6c3df0"],
html body [style*="color: #6c3df0"],
html body [style*="color:#8b56ff"],
html body [style*="color: #8b56ff"],
html body [style*="color:#4922bd"],
html body [style*="color: #4922bd"],
html body [style*="color:#A78BCC"],
html body [style*="color: #A78BCC"],
html body [style*="color:#8B6FCF"],
html body [style*="color: #8B6FCF"],
html body [style*="color:#0288D1"],
html body [style*="color: #0288D1"] {
  color:#0758d8!important;
}

/* Logos: conservar imagen y color original del asset. */
img[src*="logo"],
img[class*="logo"],
.brand-logo,
.login-logo,
.tb-logo,
.ficha-mini-logo,
.footer-logo img,
.logo img,
.logo-orbit img,
.mock-logo img,
.livel-loader-card img {
  mix-blend-mode:normal!important;
  background:transparent!important;
  object-fit:contain!important;
  -webkit-text-fill-color:initial!important;
}

@media (max-width:760px) {
  html body:not(.dark-mode) .content,
  html body:not(.dark-mode) main,
  html body:not(.dark-mode) .section {
    background:linear-gradient(180deg,#fbfeff,#edf8ff 100%)!important;
  }
}

/* v2 - Blue Hypnotic: presencia visual fuerte, luminosa y tecnologica. */
:root,
html body {
  --lv-electric:#008CFF;
  --lv-electric-2:#00D9FF;
  --lv-electric-3:#66F4FF;
  --lv-deep:#061A3A;
  --lv-deep-2:#082A62;
  --lv-glass:rgba(255,255,255,.74);
  --lv-blue-halo:0 0 0 1px rgba(0,217,255,.24),0 20px 58px rgba(0,140,255,.18),0 0 46px rgba(0,217,255,.16);
}

@keyframes livelBlueGrid {
  0% { background-position:0 0,0 0,0 0; }
  100% { background-position:72px 72px,-72px 72px,0 0; }
}

@keyframes livelBluePulse {
  0%,100% { box-shadow:0 0 0 1px rgba(0,217,255,.24),0 18px 44px rgba(0,140,255,.16),0 0 24px rgba(0,217,255,.10); }
  50% { box-shadow:0 0 0 1px rgba(0,217,255,.42),0 24px 66px rgba(0,140,255,.26),0 0 48px rgba(0,217,255,.24); }
}

@keyframes livelBlueSheen {
  0% { transform:translateX(-140%) skewX(-18deg); opacity:0; }
  18% { opacity:.7; }
  46%,100% { transform:translateX(180%) skewX(-18deg); opacity:0; }
}

html body:not(.dark-mode),
html body.livel-construct-theme:not(.dark-mode),
html body:not(.dark-mode) #appPage,
html body:not(.dark-mode) .layout,
html body:not(.dark-mode) .main,
html body:not(.dark-mode) .content,
html body:not(.dark-mode) main,
html body:not(.dark-mode) .page,
html body:not(.dark-mode) .section,
html body:not(.dark-mode) .hero,
html body:not(.dark-mode) .contact-section,
html body:not(.dark-mode) .screen-section,
html body:not(.dark-mode) .final-cta,
html body:not(.dark-mode) .cta-final,
html body:not(.dark-mode) #loginPage,
html body:not(.dark-mode) #loginScreen,
html body:not(.dark-mode) .login-screen,
html body:not(.dark-mode) footer {
  background:
    linear-gradient(115deg,rgba(0,217,255,.10) 0 1px,transparent 1px 56px),
    linear-gradient(245deg,rgba(0,140,255,.09) 0 1px,transparent 1px 64px),
    linear-gradient(135deg,#ffffff 0%,#eef9ff 32%,#dff3ff 64%,#f8fdff 100%)!important;
  background-size:72px 72px,72px 72px,100% 100%!important;
  animation:livelBlueGrid 18s linear infinite!important;
}

html body:not(.dark-mode) .nav,
html body:not(.dark-mode) nav,
html body:not(.dark-mode) .topbar,
html body:not(.dark-mode) .navbar,
html body:not(.dark-mode) .tb,
html body:not(.dark-mode) .header {
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(222,246,255,.78))!important;
  border-color:rgba(0,140,255,.30)!important;
  box-shadow:0 14px 42px rgba(0,140,255,.14),0 0 34px rgba(0,217,255,.12)!important;
}

html body:not(.dark-mode) .sidebar {
  background:linear-gradient(180deg,#071B3D 0%,#073B82 48%,#008CFF 100%)!important;
  border-right:1px solid rgba(0,217,255,.36)!important;
  box-shadow:12px 0 42px rgba(0,140,255,.24)!important;
}

html body:not(.dark-mode) .sidebar .sb-item,
html body:not(.dark-mode) .sidebar .sb-toggle,
html body:not(.dark-mode) .sidebar .sb-label {
  color:rgba(234,250,255,.74)!important;
}

html body:not(.dark-mode) .sidebar .sb-item:hover,
html body:not(.dark-mode) .sidebar .sb-item.active {
  background:linear-gradient(135deg,rgba(102,244,255,.30),rgba(255,255,255,.16))!important;
  color:#ffffff!important;
  box-shadow:0 0 0 1px rgba(102,244,255,.34),0 14px 34px rgba(0,217,255,.22)!important;
}

html body:not(.dark-mode) .card,
html body:not(.dark-mode) .feature-card,
html body:not(.dark-mode) .pricing-card,
html body:not(.dark-mode) .faq-item,
html body:not(.dark-mode) .valor-card,
html body:not(.dark-mode) .credential-card,
html body:not(.dark-mode) .stat-card,
html body:not(.dark-mode) .dashboard-card,
html body:not(.dark-mode) .panel,
html body:not(.dark-mode) .box,
html body:not(.dark-mode) .table-card,
html body:not(.dark-mode) .table-wrap,
html body:not(.dark-mode) .tbl-wrap,
html body:not(.dark-mode) .contact-shell,
html body:not(.dark-mode) .contact-card,
html body:not(.dark-mode) .contact-form,
html body:not(.dark-mode) .form-card,
html body:not(.dark-mode) .login-card,
html body:not(.dark-mode) .login-wrap,
html body:not(.dark-mode) .modal-content,
html body:not(.dark-mode) .modal-card,
html body:not(.dark-mode) .auth-card,
html body:not(.dark-mode) .ui-build,
html body:not(.dark-mode) .build-card,
html body:not(.dark-mode) .metric,
html body:not(.dark-mode) .step,
html body:not(.dark-mode) [class*="card"],
html body:not(.dark-mode) [class*="panel"] {
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(226,246,255,.86))!important;
  border-color:rgba(0,140,255,.24)!important;
  box-shadow:var(--lv-blue-halo)!important;
  position:relative;
}

html body:not(.dark-mode) .card::before,
html body:not(.dark-mode) .feature-card::before,
html body:not(.dark-mode) .pricing-card::before,
html body:not(.dark-mode) .faq-item::before,
html body:not(.dark-mode) .doc-section::before,
html body:not(.dark-mode) .contact-shell::before,
html body:not(.dark-mode) [class*="card"]::before {
  background:linear-gradient(90deg,transparent,#66f4ff 8%,#008cff 50%,#66f4ff 92%,transparent)!important;
  box-shadow:0 0 18px rgba(0,217,255,.42)!important;
}

html body:not(.dark-mode) .btn-primary,
html body:not(.dark-mode) .btn-prim,
html body:not(.dark-mode) .btn-login,
html body:not(.dark-mode) .btn-nav,
html body:not(.dark-mode) .btn-hero,
html body:not(.dark-mode) .btn-plan,
html body:not(.dark-mode) .btn-success,
html body:not(.dark-mode) button:not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-icon):not(.btn-danger),
html body:not(.dark-mode) input[type="submit"] {
  background:linear-gradient(135deg,#003EA8 0%,#008CFF 42%,#00D9FF 78%,#66F4FF 100%)!important;
  border-color:rgba(102,244,255,.54)!important;
  box-shadow:0 18px 42px rgba(0,140,255,.34),0 0 30px rgba(0,217,255,.24)!important;
  position:relative;
  overflow:hidden;
}

html body:not(.dark-mode) .btn-primary::after,
html body:not(.dark-mode) .btn-prim::after,
html body:not(.dark-mode) .btn-login::after,
html body:not(.dark-mode) .btn-nav::after,
html body:not(.dark-mode) .btn-hero::after,
html body:not(.dark-mode) .btn-plan::after,
html body:not(.dark-mode) .btn-success::after {
  content:"";
  position:absolute;
  inset:-20% auto -20% -45%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:livelBlueSheen 3.8s ease-in-out infinite;
  pointer-events:none;
}

html body:not(.dark-mode) .badge,
html body:not(.dark-mode) .pill,
html body:not(.dark-mode) .chip,
html body:not(.dark-mode) .tag,
html body:not(.dark-mode) .eyebrow,
html body:not(.dark-mode) .section-kicker,
html body:not(.dark-mode) .tb-tag {
  background:linear-gradient(135deg,rgba(0,217,255,.16),rgba(255,255,255,.88))!important;
  border-color:rgba(0,140,255,.28)!important;
  color:#0758d8!important;
  box-shadow:0 8px 22px rgba(0,140,255,.12)!important;
}

html body:not(.dark-mode) input,
html body:not(.dark-mode) textarea,
html body:not(.dark-mode) select,
html body:not(.dark-mode) .form-input,
html body:not(.dark-mode) .form-select,
html body:not(.dark-mode) .form-textarea,
html body:not(.dark-mode) .search-bar {
  background:linear-gradient(180deg,#ffffff,#f4fbff)!important;
  border-color:rgba(0,140,255,.30)!important;
  box-shadow:0 8px 24px rgba(0,140,255,.08)!important;
}

html body:not(.dark-mode) input:focus,
html body:not(.dark-mode) textarea:focus,
html body:not(.dark-mode) select:focus,
html body:not(.dark-mode) .search-bar:focus-within {
  border-color:#00D9FF!important;
  box-shadow:0 0 0 4px rgba(0,217,255,.16),0 0 28px rgba(0,217,255,.16)!important;
}

html body:not(.dark-mode) .page-title i,
html body:not(.dark-mode) .login-wrap h1,
html body:not(.dark-mode) .gradient-text,
html body:not(.dark-mode) .accent {
  background:linear-gradient(120deg,#003EA8 0%,#008CFF 36%,#00D9FF 72%,#66F4FF 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body:not(.dark-mode) .chart,
html body:not(.dark-mode) .mock-screen,
html body:not(.dark-mode) .hero-dashboard {
  background:
    linear-gradient(115deg,rgba(0,217,255,.12) 0 1px,transparent 1px 34px),
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(222,246,255,.80))!important;
  background-size:44px 44px,100% 100%!important;
  border-color:rgba(0,140,255,.28)!important;
  box-shadow:0 24px 72px rgba(0,140,255,.20),0 0 42px rgba(0,217,255,.14)!important;
}

html body:not(.dark-mode) .card-icon,
html body:not(.dark-mode) .build-icon,
html body:not(.dark-mode) .screen-list i,
html body:not(.dark-mode) .avatar,
html body:not(.dark-mode) .ui-dot {
  background:linear-gradient(135deg,#003EA8,#008CFF 58%,#00D9FF)!important;
  box-shadow:0 12px 30px rgba(0,140,255,.26),0 0 22px rgba(0,217,255,.22)!important;
}

html body:not(.dark-mode) th,
html body:not(.dark-mode) thead {
  background:linear-gradient(180deg,#dff5ff,#effaff)!important;
  color:#064EBC!important;
}

html body:not(.dark-mode) tbody tr:hover td {
  background:#dff4ff!important;
}

html body.dark-mode,
html body.livel-construct-theme.dark-mode,
html body.dark-mode #appPage,
html body.dark-mode .layout,
html body.dark-mode .main,
html body.dark-mode .content,
html body.dark-mode main,
html body.dark-mode .page,
html body.dark-mode .section,
html body.dark-mode .hero,
html body.dark-mode .contact-section,
html body.dark-mode .screen-section,
html body.dark-mode .final-cta,
html body.dark-mode .cta-final,
html body.dark-mode #loginPage,
html body.dark-mode #loginScreen,
html body.dark-mode .login-screen,
html body.dark-mode footer {
  background:
    linear-gradient(115deg,rgba(0,217,255,.09) 0 1px,transparent 1px 58px),
    linear-gradient(245deg,rgba(0,140,255,.11) 0 1px,transparent 1px 68px),
    linear-gradient(135deg,#020A18 0%,#061A3A 48%,#082A62 100%)!important;
  background-size:72px 72px,72px 72px,100% 100%!important;
  animation:livelBlueGrid 20s linear infinite!important;
}

html body.dark-mode .card,
html body.dark-mode .stat-card,
html body.dark-mode .panel,
html body.dark-mode .box,
html body.dark-mode .login-card,
html body.dark-mode .modal-content,
html body.dark-mode .modal-card,
html body.dark-mode .table-wrap,
html body.dark-mode .tbl-wrap,
html body.dark-mode .ui-build,
html body.dark-mode .build-card,
html body.dark-mode .metric,
html body.dark-mode [class*="card"] {
  background:linear-gradient(145deg,rgba(8,42,98,.84),rgba(2,10,24,.94))!important;
  border-color:rgba(102,244,255,.24)!important;
  box-shadow:0 0 0 1px rgba(102,244,255,.18),0 24px 70px rgba(0,0,0,.32),0 0 42px rgba(0,217,255,.12)!important;
}

@media (prefers-reduced-motion:reduce) {
  html body,
  html body * {
    animation:none!important;
  }
}

/* v3 - Cosmic seed: azul espacial, contraste alto y logos sin aplastar. */
:root,
html body,
html body.livel-construct-theme {
  --lv-cosmos-950:#08235a;
  --lv-cosmos-900:#0a3579;
  --lv-cosmos-800:#0d4fa6;
  --lv-cosmos-700:#1072d6;
  --lv-star:#00d8ff;
  --lv-star-soft:#b9f3ff;
  --lv-stellar-card:#f7fcff;
  --lv-stellar-card-2:#e9f7ff;
  --lv-stellar-ink:#061936;
  --lv-stellar-muted:#34577f;
  --lv-stellar-line:rgba(185,243,255,.34);
  --lv-stellar-shadow:0 22px 70px rgba(2,22,58,.24),0 0 44px rgba(0,216,255,.13);
}

html body.livel-construct-theme:not(.dark-mode),
html body:not(.dark-mode) {
  --bg:var(--lv-cosmos-900)!important;
  --ink:#f7fcff!important;
  --muted:#d9efff!important;
  --dim:#b9d7f2!important;
  --purple:#1aa8ff!important;
  --purple2:#1072d6!important;
  --purple3:#00d8ff!important;
  --gold:#00d8ff!important;
  --gold2:#7eeeff!important;
  --line:rgba(185,243,255,.26)!important;
  background:
    radial-gradient(circle at 16% 14%,rgba(126,238,255,.36),transparent 15rem),
    radial-gradient(circle at 82% 8%,rgba(23,135,255,.30),transparent 23rem),
    radial-gradient(circle at 76% 72%,rgba(0,216,255,.20),transparent 24rem),
    linear-gradient(135deg,#0b4c9e 0%,#0a3579 48%,#0d63bd 100%)!important;
  color:#f7fcff!important;
}

html body.livel-construct-theme:not(.dark-mode)::before,
html body:not(.dark-mode)::before {
  background-image:
    radial-gradient(circle,rgba(255,255,255,.54) 0 1px,transparent 1.5px),
    linear-gradient(rgba(185,243,255,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(185,243,255,.08) 1px,transparent 1px)!important;
  background-size:110px 110px,58px 58px,58px 58px!important;
  opacity:.50!important;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.88) 42%,transparent 100%)!important;
}

html body.livel-construct-theme:not(.dark-mode) .hero,
html body.livel-construct-theme:not(.dark-mode) .section,
html body.livel-construct-theme:not(.dark-mode) .contact-section,
html body.livel-construct-theme:not(.dark-mode) .final-cta,
html body.livel-construct-theme:not(.dark-mode) footer,
html body:not(.dark-mode) .hero,
html body:not(.dark-mode) .section,
html body:not(.dark-mode) .contact-section,
html body:not(.dark-mode) .final-cta,
html body:not(.dark-mode) footer {
  background:transparent!important;
  color:#f7fcff!important;
}

html body.livel-construct-theme:not(.dark-mode) .nav,
html body:not(.dark-mode) .nav {
  background:linear-gradient(135deg,rgba(6,25,54,.86),rgba(11,76,158,.74))!important;
  border-color:rgba(185,243,255,.30)!important;
  box-shadow:0 18px 58px rgba(2,22,58,.28),0 0 34px rgba(0,216,255,.16)!important;
}

html body.livel-construct-theme:not(.dark-mode) .nav-links,
html body.livel-construct-theme:not(.dark-mode) .nav-links a,
html body:not(.dark-mode) .nav-links,
html body:not(.dark-mode) .nav-links a {
  color:#edfaff!important;
}

html body.livel-construct-theme:not(.dark-mode) .nav-links a:hover,
html body:not(.dark-mode) .nav-links a:hover {
  color:#7eeeff!important;
}

html body.livel-construct-theme:not(.dark-mode) h1,
html body.livel-construct-theme:not(.dark-mode) .hero h1,
html body.livel-construct-theme:not(.dark-mode) .section-title,
html body.livel-construct-theme:not(.dark-mode) .contact-copy h2,
html body.livel-construct-theme:not(.dark-mode) .cta-box h2,
html body:not(.dark-mode) h1,
html body:not(.dark-mode) .hero h1,
html body:not(.dark-mode) .section-title,
html body:not(.dark-mode) .contact-copy h2,
html body:not(.dark-mode) .cta-box h2 {
  color:#ffffff!important;
  text-shadow:0 18px 42px rgba(2,22,58,.24)!important;
}

html body.livel-construct-theme:not(.dark-mode) .hero p,
html body.livel-construct-theme:not(.dark-mode) .section-lead,
html body.livel-construct-theme:not(.dark-mode) .contact-copy p,
html body:not(.dark-mode) .hero p,
html body:not(.dark-mode) .section-lead,
html body:not(.dark-mode) .contact-copy p {
  color:#e1f4ff!important;
}

html body.livel-construct-theme:not(.dark-mode) .gradient-text,
html body:not(.dark-mode) .gradient-text {
  background:linear-gradient(120deg,#ffffff 0%,#d9fbff 28%,#7eeeff 58%,#00d8ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body.livel-construct-theme:not(.dark-mode) .card,
html body.livel-construct-theme:not(.dark-mode) .seo-column,
html body.livel-construct-theme:not(.dark-mode) .seo-step,
html body.livel-construct-theme:not(.dark-mode) .seo-link-card,
html body.livel-construct-theme:not(.dark-mode) .seo-stat,
html body.livel-construct-theme:not(.dark-mode) .testimonial-card,
html body.livel-construct-theme:not(.dark-mode) .testimonial-empty,
html body.livel-construct-theme:not(.dark-mode) .training-intro,
html body.livel-construct-theme:not(.dark-mode) .training-card,
html body.livel-construct-theme:not(.dark-mode) .contact-shell,
html body.livel-construct-theme:not(.dark-mode) .contact-form,
html body.livel-construct-theme:not(.dark-mode) .cta-box,
html body.livel-construct-theme:not(.dark-mode) .ui-build,
html body.livel-construct-theme:not(.dark-mode) .metric,
html body.livel-construct-theme:not(.dark-mode) .step,
html body.livel-construct-theme:not(.dark-mode) [class*="card"],
html body:not(.dark-mode) .card,
html body:not(.dark-mode) .seo-column,
html body:not(.dark-mode) .seo-step,
html body:not(.dark-mode) .seo-link-card,
html body:not(.dark-mode) .seo-stat,
html body:not(.dark-mode) .testimonial-card,
html body:not(.dark-mode) .testimonial-empty,
html body:not(.dark-mode) .training-intro,
html body:not(.dark-mode) .training-card,
html body:not(.dark-mode) .contact-shell,
html body:not(.dark-mode) .contact-form,
html body:not(.dark-mode) .cta-box,
html body:not(.dark-mode) .ui-build,
html body:not(.dark-mode) .metric,
html body:not(.dark-mode) .step,
html body:not(.dark-mode) [class*="card"] {
  background:linear-gradient(145deg,rgba(247,252,255,.98),rgba(222,245,255,.92))!important;
  background-color:#f7fcff!important;
  color:var(--lv-stellar-ink)!important;
  border:1px solid rgba(185,243,255,.52)!important;
  box-shadow:var(--lv-stellar-shadow)!important;
}

html body.livel-construct-theme:not(.dark-mode) .card h3,
html body.livel-construct-theme:not(.dark-mode) .seo-column h3,
html body.livel-construct-theme:not(.dark-mode) .seo-step span,
html body.livel-construct-theme:not(.dark-mode) .seo-link-card strong,
html body.livel-construct-theme:not(.dark-mode) .seo-stat strong,
html body.livel-construct-theme:not(.dark-mode) .training-intro h2,
html body.livel-construct-theme:not(.dark-mode) .training-card b,
html body.livel-construct-theme:not(.dark-mode) .contact-shell .contact-copy h2,
html body.livel-construct-theme:not(.dark-mode) .cta-box h2,
html body.livel-construct-theme:not(.dark-mode) .contact-form label,
html body.livel-construct-theme:not(.dark-mode) .hero-dashboard-head,
html body.livel-construct-theme:not(.dark-mode) .hero-dashboard-head b,
html body.livel-construct-theme:not(.dark-mode) .metric b,
html body:not(.dark-mode) .card h3,
html body:not(.dark-mode) .seo-column h3,
html body:not(.dark-mode) .seo-step span,
html body:not(.dark-mode) .seo-link-card strong,
html body:not(.dark-mode) .seo-stat strong,
html body:not(.dark-mode) .training-intro h2,
html body:not(.dark-mode) .training-card b,
html body:not(.dark-mode) .contact-shell .contact-copy h2,
html body:not(.dark-mode) .cta-box h2,
html body:not(.dark-mode) .contact-form label,
html body:not(.dark-mode) .hero-dashboard-head,
html body:not(.dark-mode) .hero-dashboard-head b,
html body:not(.dark-mode) .metric b {
  color:var(--lv-stellar-ink)!important;
  text-shadow:none!important;
}

html body.livel-construct-theme:not(.dark-mode) .card p,
html body.livel-construct-theme:not(.dark-mode) .seo-column li,
html body.livel-construct-theme:not(.dark-mode) .seo-step p,
html body.livel-construct-theme:not(.dark-mode) .seo-link-card span,
html body.livel-construct-theme:not(.dark-mode) .training-intro p,
html body.livel-construct-theme:not(.dark-mode) .training-card p,
html body.livel-construct-theme:not(.dark-mode) .metric span,
html body.livel-construct-theme:not(.dark-mode) .hero-mini-list span,
html body.livel-construct-theme:not(.dark-mode) .cta-box p,
html body:not(.dark-mode) .card p,
html body:not(.dark-mode) .seo-column li,
html body:not(.dark-mode) .seo-step p,
html body:not(.dark-mode) .seo-link-card span,
html body:not(.dark-mode) .training-intro p,
html body:not(.dark-mode) .training-card p,
html body:not(.dark-mode) .metric span,
html body:not(.dark-mode) .hero-mini-list span,
html body:not(.dark-mode) .cta-box p {
  color:var(--lv-stellar-muted)!important;
}

html body.livel-construct-theme:not(.dark-mode) .training-note,
html body.livel-construct-theme:not(.dark-mode) .ai-manual-note,
html body:not(.dark-mode) .training-note {
  background:linear-gradient(135deg,#0b4c9e,#1072d6 62%,#00d8ff)!important;
  color:#ffffff!important;
  border-color:rgba(185,243,255,.50)!important;
  box-shadow:0 18px 44px rgba(2,22,58,.18),0 0 28px rgba(0,216,255,.22)!important;
}

html body:not(.dark-mode) .ai-manual-note {
  background:linear-gradient(135deg,#0b4c9e,#1072d6 62%,#00d8ff)!important;
  color:#ffffff!important;
  border-color:rgba(185,243,255,.50)!important;
  box-shadow:0 18px 44px rgba(2,22,58,.18),0 0 28px rgba(0,216,255,.22)!important;
}

html body.livel-construct-theme:not(.dark-mode) input,
html body.livel-construct-theme:not(.dark-mode) textarea,
html body.livel-construct-theme:not(.dark-mode) select,
html body:not(.dark-mode) input,
html body:not(.dark-mode) textarea,
html body:not(.dark-mode) select {
  background:#ffffff!important;
  color:var(--lv-stellar-ink)!important;
  border-color:rgba(16,114,214,.34)!important;
}

html body.livel-construct-theme:not(.dark-mode) .btn-primary,
html body:not(.dark-mode) .btn-primary,
html body.livel-construct-theme:not(.dark-mode) button:not(.mobile-menu),
html body:not(.dark-mode) button:not(.mobile-menu) {
  background:linear-gradient(135deg,#083a88 0%,#1072d6 46%,#00d8ff 100%)!important;
  color:#ffffff!important;
  border-color:rgba(185,243,255,.44)!important;
  box-shadow:0 18px 42px rgba(2,22,58,.22),0 0 28px rgba(0,216,255,.22)!important;
}

html body.livel-construct-theme:not(.dark-mode) .btn-ghost,
html body:not(.dark-mode) .btn-ghost {
  background:rgba(247,252,255,.96)!important;
  color:#083a88!important;
  border-color:rgba(185,243,255,.56)!important;
}

html body.livel-construct-theme:not(.dark-mode) .card-icon,
html body.livel-construct-theme:not(.dark-mode) .build-icon,
html body.livel-construct-theme:not(.dark-mode) .avatar,
html body:not(.dark-mode) .card-icon,
html body:not(.dark-mode) .build-icon,
html body:not(.dark-mode) .avatar {
  background:linear-gradient(135deg,#083a88,#1072d6 58%,#00d8ff)!important;
  color:#ffffff!important;
  border-color:rgba(185,243,255,.44)!important;
}

html body.livel-construct-theme:not(.dark-mode) .chip,
html body.livel-construct-theme:not(.dark-mode) .eyebrow,
html body.livel-construct-theme:not(.dark-mode) .section-kicker,
html body:not(.dark-mode) .chip,
html body:not(.dark-mode) .eyebrow,
html body:not(.dark-mode) .section-kicker {
  background:rgba(247,252,255,.92)!important;
  color:#083a88!important;
  border-color:rgba(185,243,255,.54)!important;
}

html body.livel-construct-theme .nav a.brand img.brand-logo,
html body.livel-construct-theme .brand-logo {
  width:54px!important;
  height:64px!important;
  max-width:54px!important;
  max-height:64px!important;
  min-width:54px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 22px rgba(0,216,255,.22))!important;
}

html body.livel-construct-theme .nav a.brand {
  height:70px!important;
  max-height:70px!important;
  min-width:62px!important;
  overflow:visible!important;
}

html body.livel-construct-theme nav.nav.lv-raw .nav-links a,
html body:not(.dark-mode) nav.nav.lv-raw .nav-links a {
  color:#f3fbff!important;
  -webkit-text-fill-color:#f3fbff!important;
  text-shadow:0 8px 20px rgba(2,22,58,.24)!important;
}

html body.livel-construct-theme nav.nav.lv-raw .nav-links a:hover,
html body:not(.dark-mode) nav.nav.lv-raw .nav-links a:hover {
  color:#7eeeff!important;
  -webkit-text-fill-color:#7eeeff!important;
}

html body.livel-construct-theme .logo-orbit {
  width:116px!important;
  height:132px!important;
  top:18px!important;
}

html body.livel-construct-theme .logo-orbit img {
  width:92px!important;
  max-width:92px!important;
  max-height:112px!important;
  height:auto!important;
  filter:drop-shadow(0 18px 38px rgba(0,216,255,.28))!important;
}

html body.livel-construct-theme .footer-logo img {
  width:44px!important;
  height:52px!important;
  max-width:44px!important;
  max-height:52px!important;
}

@media(max-width:760px) {
  html body.livel-construct-theme .nav a.brand img.brand-logo,
  html body.livel-construct-theme .brand-logo {
    width:44px!important;
    height:52px!important;
    max-width:44px!important;
    max-height:52px!important;
    min-width:44px!important;
  }
  html body.livel-construct-theme .nav a.brand {
    height:58px!important;
    max-height:58px!important;
  }
  html body.livel-construct-theme .logo-orbit img {
    width:74px!important;
    max-width:74px!important;
  }
}

/* v4 - Paleta oficial desde el logo 2026: azul noche, violeta, turquesa y dorado. */
:root,
html body {
  --lv-official-night:#020716;
  --lv-official-navy:#071238;
  --lv-official-blue:#0d2d7a;
  --lv-official-indigo:#4422bb;
  --lv-official-violet:#6f3df4;
  --lv-official-violet-soft:#9b7cff;
  --lv-official-cyan:#18e3d0;
  --lv-official-cyan-2:#27c4d7;
  --lv-official-gold:#f1c56a;
  --lv-official-gold-2:#d9a53c;
  --lv-official-ice:#f6fbff;
  --lv-official-ink:#07122f;
  --lv-official-muted:#526078;
  --lv-official-line:rgba(39,196,215,.22);
  --lv-official-line-strong:rgba(24,227,208,.38);
  --lv-official-shadow:0 20px 58px rgba(7,18,56,.16),0 0 32px rgba(39,196,215,.10);
  --purple:var(--lv-official-violet)!important;
  --purple-d:var(--lv-official-indigo)!important;
  --purple-l:#ece8ff!important;
  --purple2:var(--lv-official-violet-soft)!important;
  --purple3:var(--lv-official-cyan)!important;
  --blue:var(--lv-official-indigo)!important;
  --blue-d:var(--lv-official-blue)!important;
  --blue-l:#e9fbff!important;
  --gold:var(--lv-official-gold)!important;
  --gold2:var(--lv-official-gold-2)!important;
  --cyan:var(--lv-official-cyan)!important;
  --cyan-l:rgba(24,227,208,.14)!important;
  --green:#12a875!important;
  --green-l:#e9faf4!important;
  --amber:var(--lv-official-gold-2)!important;
  --amber-l:#fff6df!important;
  --red:#d84a62!important;
  --red-l:#fff0f3!important;
  --line:var(--lv-official-line)!important;
  --b:var(--lv-official-line)!important;
  --accent:var(--lv-official-cyan)!important;
}

html body:not(.dark-mode) {
  --bg:#f5fbff!important;
  --white:#ffffff!important;
  --ink:#07122f!important;
  --ink2:#162148!important;
  --ink3:#33405f!important;
  --ink4:#637089!important;
  --muted:#526078!important;
  --dim:#738096!important;
  --tx:#07122f!important;
  --mut:#526078!important;
  --panel:#ffffff!important;
  --panel2:#eefaff!important;
}

html body.dark-mode,
html body.livel-construct-theme.dark-mode {
  --bg:#020716!important;
  --white:#0b1026!important;
  --ink:#f8fbff!important;
  --ink2:#e5efff!important;
  --ink3:#c7d7ef!important;
  --ink4:#9eb0cc!important;
  --muted:#c7d7ef!important;
  --dim:#9eb0cc!important;
  --tx:#f8fbff!important;
  --mut:#c7d7ef!important;
  --panel:#0b1026!important;
  --panel2:#11183a!important;
  --purple:#9b7cff!important;
  --purple-d:#6f3df4!important;
  --purple-l:#17133b!important;
  --blue:#27c4d7!important;
  --blue-d:#18e3d0!important;
  --blue-l:#0d2635!important;
  --gold:#f1c56a!important;
  --line:rgba(39,196,215,.24)!important;
  --b:rgba(39,196,215,.24)!important;
}

/* Publico y landing: presencia espacial del logo. */
html body.livel-construct-theme:not(.dark-mode) {
  background:
    radial-gradient(circle at 18% 16%,rgba(24,227,208,.24),transparent 20rem),
    radial-gradient(circle at 79% 12%,rgba(111,61,244,.26),transparent 24rem),
    radial-gradient(circle at 88% 72%,rgba(241,197,106,.15),transparent 24rem),
    linear-gradient(135deg,#020716 0%,#071238 48%,#140832 100%)!important;
  color:#f8fbff!important;
}

html body.livel-construct-theme:not(.dark-mode)::before {
  background-image:
    radial-gradient(circle,rgba(255,255,255,.54) 0 1px,transparent 1.8px),
    linear-gradient(rgba(24,227,208,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(155,124,255,.09) 1px,transparent 1px)!important;
  background-size:110px 110px,58px 58px,58px 58px!important;
  opacity:.45!important;
}

html body.livel-construct-theme:not(.dark-mode) .hero,
html body.livel-construct-theme:not(.dark-mode) .section,
html body.livel-construct-theme:not(.dark-mode) .contact-section,
html body.livel-construct-theme:not(.dark-mode) .screen-section,
html body.livel-construct-theme:not(.dark-mode) .final-cta,
html body.livel-construct-theme:not(.dark-mode) footer {
  background:transparent!important;
  color:#f8fbff!important;
}

html body.livel-construct-theme:not(.dark-mode) .nav,
html body.livel-construct-theme:not(.dark-mode) nav.nav.lv-raw {
  background:linear-gradient(135deg,rgba(2,7,22,.88),rgba(13,45,122,.76) 58%,rgba(68,34,187,.50))!important;
  border-color:rgba(24,227,208,.32)!important;
  box-shadow:0 18px 62px rgba(0,0,0,.30),0 0 34px rgba(24,227,208,.14)!important;
}

/* Apps y portales en modo claro: claro real, pero teñido por el logo. */
html body:not(.dark-mode):not(.livel-construct-theme),
html body:not(.dark-mode) #appPage,
html body:not(.dark-mode) #loginPage,
html body:not(.dark-mode) #loginScreen,
html body:not(.dark-mode) .login-screen,
html body:not(.dark-mode) .layout,
html body:not(.dark-mode) .main,
html body:not(.dark-mode) .content,
html body:not(.dark-mode) .page,
html body:not(.dark-mode) main:not(.lv-raw) {
  background:
    radial-gradient(circle at 12% 0,rgba(24,227,208,.14),transparent 23rem),
    radial-gradient(circle at 90% 4%,rgba(111,61,244,.11),transparent 24rem),
    linear-gradient(180deg,#ffffff 0%,#f5fbff 50%,#edf8ff 100%)!important;
  color:var(--lv-official-ink)!important;
}

html body.dark-mode,
html body.dark-mode #appPage,
html body.dark-mode #loginPage,
html body.dark-mode #loginScreen,
html body.dark-mode .login-screen,
html body.dark-mode .layout,
html body.dark-mode .main,
html body.dark-mode .content,
html body.dark-mode .page,
html body.dark-mode main,
html body.dark-mode .section,
html body.dark-mode .hero,
html body.dark-mode .contact-section,
html body.dark-mode footer {
  background:
    radial-gradient(circle at 15% 0,rgba(24,227,208,.16),transparent 24rem),
    radial-gradient(circle at 85% 6%,rgba(111,61,244,.20),transparent 25rem),
    radial-gradient(circle at 92% 72%,rgba(241,197,106,.10),transparent 24rem),
    linear-gradient(135deg,#020716 0%,#071238 50%,#110722 100%)!important;
  color:#f8fbff!important;
}

/* Texto y acentos */
html body:not(.dark-mode) h1,
html body:not(.dark-mode) h2,
html body:not(.dark-mode) h3,
html body:not(.dark-mode) h4,
html body:not(.dark-mode) h5,
html body:not(.dark-mode) h6,
html body:not(.dark-mode) .page-title,
html body:not(.dark-mode) .section-title,
html body:not(.dark-mode) .card-title,
html body:not(.dark-mode) .stat-value,
html body:not(.dark-mode) .logo-text,
html body:not(.dark-mode) .tb-brand-title {
  color:var(--lv-official-ink)!important;
  text-shadow:none!important;
}

html body.livel-construct-theme:not(.dark-mode) .hero h1,
html body.livel-construct-theme:not(.dark-mode) .section-title,
html body.livel-construct-theme:not(.dark-mode) .contact-copy h2,
html body.livel-construct-theme:not(.dark-mode) .cta-box h2,
html body.dark-mode h1,
html body.dark-mode h2,
html body.dark-mode h3,
html body.dark-mode h4,
html body.dark-mode h5,
html body.dark-mode h6,
html body.dark-mode .page-title,
html body.dark-mode .section-title,
html body.dark-mode .card-title,
html body.dark-mode .stat-value,
html body.dark-mode .logo-text,
html body.dark-mode .tb-brand-title {
  color:#ffffff!important;
  text-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}

html body p,
html body li,
html body label,
html body small,
html body .muted,
html body .section-lead,
html body .subtitle,
html body .description,
html body .page-subtitle,
html body .stat-label,
html body .stat-sub,
html body .tb-brand-sub,
html body .nav-title {
  color:var(--muted)!important;
}

html body.livel-construct-theme:not(.dark-mode) p,
html body.livel-construct-theme:not(.dark-mode) li,
html body.livel-construct-theme:not(.dark-mode) label,
html body.livel-construct-theme:not(.dark-mode) small,
html body.livel-construct-theme:not(.dark-mode) .section-lead,
html body.livel-construct-theme:not(.dark-mode) .page-subtitle,
html body.dark-mode p,
html body.dark-mode li,
html body.dark-mode label,
html body.dark-mode small,
html body.dark-mode .section-lead,
html body.dark-mode .page-subtitle,
html body.dark-mode .stat-label,
html body.dark-mode .stat-sub {
  color:#c7d7ef!important;
}

html body .gradient-text,
html body .accent,
html body h1 .accent,
html body h2 .accent,
html body .brand-word {
  background:linear-gradient(120deg,#ffffff 0%,#18e3d0 34%,#9b7cff 70%,#f1c56a 108%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html body:not(.dark-mode):not(.livel-construct-theme) .gradient-text,
html body:not(.dark-mode) #appPage .gradient-text,
html body:not(.dark-mode) #loginPage .gradient-text,
html body:not(.dark-mode) .page-title i {
  background:linear-gradient(120deg,#071238 0%,#4422bb 36%,#27c4d7 76%,#d9a53c 108%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Superficies */
html body:not(.dark-mode) .header,
html body:not(.dark-mode) .topbar,
html body:not(.dark-mode) .tb,
html body:not(.dark-mode) .navbar,
html body:not(.dark-mode) nav:not(.lv-raw) {
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(39,196,215,.20)!important;
  color:var(--lv-official-ink)!important;
  box-shadow:0 14px 42px rgba(7,18,56,.10)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

html body.dark-mode .header,
html body.dark-mode .topbar,
html body.dark-mode .tb,
html body.dark-mode .navbar,
html body.dark-mode nav:not(.lv-raw) {
  background:rgba(7,18,56,.86)!important;
  border-color:rgba(39,196,215,.22)!important;
  color:#f8fbff!important;
  box-shadow:0 16px 46px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}

html body:not(.dark-mode) .sidebar {
  background:linear-gradient(180deg,#ffffff 0%,#eefaff 100%)!important;
  color:var(--lv-official-ink)!important;
  border-color:rgba(39,196,215,.20)!important;
  box-shadow:10px 0 34px rgba(7,18,56,.08)!important;
}

html body.dark-mode .sidebar {
  background:linear-gradient(180deg,#071238,#050b22 100%)!important;
  color:#f8fbff!important;
  border-color:rgba(39,196,215,.20)!important;
}

html body:not(.dark-mode) .card,
html body:not(.dark-mode) .feature-card,
html body:not(.dark-mode) .pricing-card,
html body:not(.dark-mode) .faq-item,
html body:not(.dark-mode) .stat-card,
html body:not(.dark-mode) .dashboard-card,
html body:not(.dark-mode) .panel,
html body:not(.dark-mode) .box,
html body:not(.dark-mode) .table-wrap,
html body:not(.dark-mode) .tbl-wrap,
html body:not(.dark-mode) .contact-shell,
html body:not(.dark-mode) .contact-card,
html body:not(.dark-mode) .contact-form,
html body:not(.dark-mode) .form-card,
html body:not(.dark-mode) .login-wrap,
html body:not(.dark-mode) .login-card,
html body:not(.dark-mode) .login-card,
html body:not(.dark-mode) .modal-content,
html body:not(.dark-mode) .modal-card,
html body:not(.dark-mode) .ui-build,
html body:not(.dark-mode) .build-card,
html body:not(.dark-mode) .metric,
html body:not(.dark-mode) .step,
html body:not(.dark-mode) .seo-column,
html body:not(.dark-mode) .seo-step,
html body:not(.dark-mode) .seo-link-card,
html body:not(.dark-mode) .seo-stat,
html body:not(.dark-mode) .testimonial-card,
html body:not(.dark-mode) .training-intro,
html body:not(.dark-mode) .training-card,
html body:not(.dark-mode) [class*="card"],
html body:not(.dark-mode) [class*="panel"] {
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,250,255,.92))!important;
  color:var(--lv-official-ink)!important;
  border-color:rgba(39,196,215,.22)!important;
  box-shadow:var(--lv-official-shadow)!important;
}

html body.livel-construct-theme:not(.dark-mode) .card,
html body.livel-construct-theme:not(.dark-mode) .feature-card,
html body.livel-construct-theme:not(.dark-mode) .pricing-card,
html body.livel-construct-theme:not(.dark-mode) .faq-item,
html body.livel-construct-theme:not(.dark-mode) .contact-shell,
html body.livel-construct-theme:not(.dark-mode) .contact-form,
html body.livel-construct-theme:not(.dark-mode) .cta-box,
html body.livel-construct-theme:not(.dark-mode) .ui-build,
html body.livel-construct-theme:not(.dark-mode) .metric,
html body.livel-construct-theme:not(.dark-mode) .step,
html body.livel-construct-theme:not(.dark-mode) .seo-column,
html body.livel-construct-theme:not(.dark-mode) .seo-step,
html body.livel-construct-theme:not(.dark-mode) .seo-link-card,
html body.livel-construct-theme:not(.dark-mode) .seo-stat,
html body.livel-construct-theme:not(.dark-mode) .testimonial-card,
html body.livel-construct-theme:not(.dark-mode) .training-intro,
html body.livel-construct-theme:not(.dark-mode) .training-card {
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,248,255,.92))!important;
  color:var(--lv-official-ink)!important;
  border-color:rgba(24,227,208,.30)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.22),0 0 34px rgba(24,227,208,.12)!important;
}

html body.dark-mode .card,
html body.dark-mode .feature-card,
html body.dark-mode .pricing-card,
html body.dark-mode .faq-item,
html body.dark-mode .stat-card,
html body.dark-mode .dashboard-card,
html body.dark-mode .panel,
html body.dark-mode .box,
html body.dark-mode .table-wrap,
html body.dark-mode .tbl-wrap,
html body.dark-mode .contact-shell,
html body.dark-mode .contact-card,
html body.dark-mode .contact-form,
html body.dark-mode .form-card,
html body.dark-mode .login-wrap,
html body.dark-mode .login-card,
html body.dark-mode .modal-content,
html body.dark-mode .modal-card,
html body.dark-mode .ui-build,
html body.dark-mode .build-card,
html body.dark-mode .metric,
html body.dark-mode .step,
html body.dark-mode [class*="card"],
html body.dark-mode [class*="panel"] {
  background:linear-gradient(145deg,rgba(13,18,48,.94),rgba(3,8,24,.96))!important;
  color:#f8fbff!important;
  border-color:rgba(39,196,215,.24)!important;
  box-shadow:0 20px 62px rgba(0,0,0,.34),0 0 32px rgba(24,227,208,.10)!important;
}

html body.livel-construct-theme:not(.dark-mode) .card h1,
html body.livel-construct-theme:not(.dark-mode) .card h2,
html body.livel-construct-theme:not(.dark-mode) .card h3,
html body.livel-construct-theme:not(.dark-mode) .card h4,
html body.livel-construct-theme:not(.dark-mode) .feature-card h3,
html body.livel-construct-theme:not(.dark-mode) .pricing-card h3,
html body.livel-construct-theme:not(.dark-mode) .faq-item h3,
html body.livel-construct-theme:not(.dark-mode) .contact-shell h2,
html body.livel-construct-theme:not(.dark-mode) .contact-form label,
html body.livel-construct-theme:not(.dark-mode) .seo-column h3,
html body.livel-construct-theme:not(.dark-mode) .seo-step span,
html body.livel-construct-theme:not(.dark-mode) .seo-link-card strong,
html body.livel-construct-theme:not(.dark-mode) .training-card b,
html body.livel-construct-theme:not(.dark-mode) .metric b,
html body.livel-construct-theme:not(.dark-mode) .hero-dashboard-head,
html body.livel-construct-theme:not(.dark-mode) .hero-dashboard-head b {
  color:var(--lv-official-ink)!important;
  text-shadow:none!important;
}

html body.livel-construct-theme:not(.dark-mode) .card p,
html body.livel-construct-theme:not(.dark-mode) .card li,
html body.livel-construct-theme:not(.dark-mode) .card small,
html body.livel-construct-theme:not(.dark-mode) .feature-card p,
html body.livel-construct-theme:not(.dark-mode) .pricing-card p,
html body.livel-construct-theme:not(.dark-mode) .faq-item p,
html body.livel-construct-theme:not(.dark-mode) .contact-shell p,
html body.livel-construct-theme:not(.dark-mode) .contact-form small,
html body.livel-construct-theme:not(.dark-mode) .seo-column li,
html body.livel-construct-theme:not(.dark-mode) .seo-step p,
html body.livel-construct-theme:not(.dark-mode) .seo-link-card span,
html body.livel-construct-theme:not(.dark-mode) .training-card p,
html body.livel-construct-theme:not(.dark-mode) .metric span,
html body.livel-construct-theme:not(.dark-mode) .hero-mini-list span {
  color:var(--lv-official-muted)!important;
}

html body .card::before,
html body .feature-card::before,
html body .pricing-card::before,
html body .faq-item::before,
html body .contact-shell::before,
html body [class*="card"]::before {
  background:linear-gradient(90deg,transparent,#18e3d0,#6f3df4,#f1c56a,transparent)!important;
}

/* Botones, navegacion y estados activos */
html body .btn-primary,
html body .btn-prim,
html body .btn-login,
html body .btn-nav,
html body .btn-hero,
html body .btn-plan,
html body .btn-success,
html body button:not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-icon):not(.btn-danger):not(.mobile-menu):not(.modal-close),
html body input[type="submit"] {
  background:linear-gradient(135deg,#071238 0%,#4422bb 42%,#27c4d7 78%,#f1c56a 118%)!important;
  color:#ffffff!important;
  border-color:rgba(24,227,208,.36)!important;
  box-shadow:0 16px 40px rgba(68,34,187,.22),0 0 26px rgba(24,227,208,.18)!important;
}

html body .btn-secondary,
html body .btn-sec,
html body .btn-outline,
html body .btn-ghost,
html body .btn-icon,
html body .tb-home,
html body .tb-out,
html body .btn-out {
  background:rgba(255,255,255,.88)!important;
  color:#0d2d7a!important;
  border-color:rgba(39,196,215,.26)!important;
  box-shadow:0 10px 24px rgba(7,18,56,.08)!important;
}

html body.dark-mode .btn-secondary,
html body.dark-mode .btn-sec,
html body.dark-mode .btn-outline,
html body.dark-mode .btn-ghost,
html body.dark-mode .btn-icon,
html body.dark-mode .tb-home,
html body.dark-mode .tb-out,
html body.dark-mode .btn-out {
  background:rgba(255,255,255,.07)!important;
  color:#e5efff!important;
  border-color:rgba(39,196,215,.24)!important;
  box-shadow:none!important;
}

html body .nav-item:hover,
html body .nav-item.active,
html body .sb-item:hover,
html body .sb-item.active,
html body .ag-cell:hover,
html body .ag-turno {
  background:linear-gradient(135deg,rgba(24,227,208,.16),rgba(111,61,244,.14))!important;
  color:#0d2d7a!important;
  border-left-color:#f1c56a!important;
}

html body.dark-mode .nav-item:hover,
html body.dark-mode .nav-item.active,
html body.dark-mode .sb-item:hover,
html body.dark-mode .sb-item.active,
html body.dark-mode .ag-cell:hover,
html body.dark-mode .ag-turno {
  color:#ffffff!important;
  background:linear-gradient(135deg,rgba(24,227,208,.14),rgba(111,61,244,.22))!important;
}

/* Formularios y tablas */
html body:not(.dark-mode) input,
html body:not(.dark-mode) textarea,
html body:not(.dark-mode) select,
html body:not(.dark-mode) .form-input,
html body:not(.dark-mode) .form-select,
html body:not(.dark-mode) .form-textarea,
html body:not(.dark-mode) .search-bar {
  background:#ffffff!important;
  color:var(--lv-official-ink)!important;
  border-color:rgba(39,196,215,.30)!important;
  accent-color:#27c4d7!important;
}

html body.dark-mode input,
html body.dark-mode textarea,
html body.dark-mode select,
html body.dark-mode .form-input,
html body.dark-mode .form-select,
html body.dark-mode .form-textarea,
html body.dark-mode .search-bar {
  background:#070d24!important;
  color:#ffffff!important;
  border-color:rgba(39,196,215,.26)!important;
  accent-color:#18e3d0!important;
}

html body input:focus,
html body textarea:focus,
html body select:focus,
html body .search-bar:focus-within {
  border-color:#18e3d0!important;
  box-shadow:0 0 0 4px rgba(24,227,208,.14),0 0 24px rgba(24,227,208,.12)!important;
  outline:none!important;
}

html body:not(.dark-mode) table,
html body:not(.dark-mode) thead,
html body:not(.dark-mode) tbody,
html body:not(.dark-mode) tr,
html body:not(.dark-mode) td,
html body:not(.dark-mode) th {
  background:#ffffff!important;
  color:#162148!important;
  border-color:rgba(39,196,215,.16)!important;
}

html body:not(.dark-mode) th,
html body:not(.dark-mode) thead {
  background:linear-gradient(180deg,#e7fbff,#f6fbff)!important;
  color:#0d2d7a!important;
}

html body.dark-mode table,
html body.dark-mode thead,
html body.dark-mode tbody,
html body.dark-mode tr,
html body.dark-mode td,
html body.dark-mode th {
  background:#0b1026!important;
  color:#e5efff!important;
  border-color:rgba(39,196,215,.18)!important;
}

html body.dark-mode th,
html body.dark-mode thead {
  background:#11183a!important;
  color:#f1c56a!important;
}

/* Chips, badges, iconos y mini componentes */
html body .badge,
html body .pill,
html body .chip,
html body .tag,
html body .eyebrow,
html body .section-kicker,
html body .tb-tag {
  background:linear-gradient(135deg,rgba(24,227,208,.14),rgba(255,255,255,.92))!important;
  color:#0d2d7a!important;
  border-color:rgba(39,196,215,.28)!important;
  box-shadow:0 8px 22px rgba(7,18,56,.08)!important;
}

html body.dark-mode .badge,
html body.dark-mode .pill,
html body.dark-mode .chip,
html body.dark-mode .tag,
html body.dark-mode .eyebrow,
html body.dark-mode .section-kicker,
html body.dark-mode .tb-tag {
  background:rgba(255,255,255,.08)!important;
  color:#f1c56a!important;
  border-color:rgba(241,197,106,.24)!important;
}

html body .card-icon,
html body .build-icon,
html body .screen-list i,
html body .avatar,
html body .ficha-avatar,
html body .tb-profile-avatar,
html body .ui-dot {
  background:linear-gradient(135deg,#071238,#4422bb 54%,#18e3d0)!important;
  color:#ffffff!important;
  border-color:rgba(24,227,208,.30)!important;
  box-shadow:0 12px 30px rgba(68,34,187,.20),0 0 22px rgba(24,227,208,.16)!important;
}

html body .chart,
html body .mock-screen,
html body .hero-dashboard,
html body .official-brand-shot {
  border-color:rgba(24,227,208,.32)!important;
  box-shadow:0 26px 76px rgba(0,0,0,.24),0 0 42px rgba(24,227,208,.12),0 0 0 1px rgba(241,197,106,.12)!important;
}

html body a:not(.btn):not(.btn-primary):not(.btn-prim):not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-nav):not(.tb-home) {
  color:#0d2d7a!important;
}

html body.livel-construct-theme:not(.dark-mode) a:not(.btn):not(.btn-primary):not(.btn-prim):not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-nav):not(.tb-home),
html body.dark-mode a:not(.btn):not(.btn-primary):not(.btn-prim):not(.btn-secondary):not(.btn-sec):not(.btn-outline):not(.btn-ghost):not(.btn-nav):not(.tb-home) {
  color:#18e3d0!important;
}

html body a:hover {
  color:#d9a53c!important;
}

/* Limpieza de restos violeta/azul viejo en estilos inline. */
html body [style*="#6c3df0"],
html body [style*="#8b56ff"],
html body [style*="#4922bd"],
html body [style*="#a985ff"],
html body [style*="#A78BCC"],
html body [style*="#8B6FCF"],
html body [style*="#0b4c9e"],
html body [style*="#1072d6"],
html body [style*="#00d8ff"],
html body [style*="#008CFF"] {
  border-color:rgba(39,196,215,.28)!important;
}

html body [style*="background:#6c3df0"],
html body [style*="background: #6c3df0"],
html body [style*="background:#8b56ff"],
html body [style*="background: #8b56ff"],
html body [style*="background:#4922bd"],
html body [style*="background: #4922bd"],
html body [style*="background:#0b4c9e"],
html body [style*="background: #0b4c9e"],
html body [style*="background:#1072d6"],
html body [style*="background: #1072d6"],
html body [style*="background:#008CFF"],
html body [style*="background: #008CFF"] {
  background:linear-gradient(135deg,#071238,#4422bb 54%,#18e3d0)!important;
  color:#ffffff!important;
}

html body [style*="color:#6c3df0"],
html body [style*="color: #6c3df0"],
html body [style*="color:#8b56ff"],
html body [style*="color: #8b56ff"],
html body [style*="color:#4922bd"],
html body [style*="color: #4922bd"],
html body [style*="color:#0288D1"],
html body [style*="color: #0288D1"],
html body [style*="color:#1072d6"],
html body [style*="color: #1072d6"],
html body [style*="color:#00d8ff"],
html body [style*="color: #00d8ff"] {
  color:#0d2d7a!important;
}

html body.dark-mode [style*="color:#6c3df0"],
html body.dark-mode [style*="color: #6c3df0"],
html body.dark-mode [style*="color:#8b56ff"],
html body.dark-mode [style*="color: #8b56ff"],
html body.dark-mode [style*="color:#4922bd"],
html body.dark-mode [style*="color: #4922bd"],
html body.dark-mode [style*="color:#0288D1"],
html body.dark-mode [style*="color: #0288D1"],
html body.dark-mode [style*="color:#1072d6"],
html body.dark-mode [style*="color: #1072d6"],
html body.dark-mode [style*="color:#00d8ff"],
html body.dark-mode [style*="color: #00d8ff"] {
  color:#18e3d0!important;
}

/* Logos: conservar el asset, solo ajustar halo a la nueva paleta. */
img[src*="logo"],
img[class*="logo"],
.brand-logo,
.login-logo,
.tb-logo,
.ficha-mini-logo,
.footer-logo img,
.logo img,
.logo-orbit img,
.mock-logo img,
.livel-loader-card img {
  mix-blend-mode:normal!important;
  background:transparent!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 28px rgba(24,227,208,.20)) drop-shadow(0 0 18px rgba(241,197,106,.10))!important;
}

@media(max-width:760px) {
  html body:not(.dark-mode) #appPage,
  html body:not(.dark-mode) .content,
  html body:not(.dark-mode) main:not(.lv-raw) {
    background:linear-gradient(180deg,#ffffff,#eefaff 100%)!important;
  }
}

/* v5 - Portal profesional: oscuro suave para uso de consultorio. */
html body.livel-pro-theme,
html body.livel-pro-theme:not(.dark-mode),
html body.livel-pro-theme.dark-mode {
  --lv-pro-bg:#0d1018!important;
  --lv-pro-bg-2:#131724!important;
  --lv-pro-surface:#1a2030!important;
  --lv-pro-surface-2:#20273a!important;
  --lv-pro-surface-3:#263047!important;
  --lv-pro-line:rgba(173,188,214,.16)!important;
  --lv-pro-line-strong:rgba(173,188,214,.26)!important;
  --lv-pro-text:#f3f6fb!important;
  --lv-pro-text-2:#dce5f2!important;
  --lv-pro-muted:#aebbd0!important;
  --lv-pro-muted-2:#8491a8!important;
  --lv-pro-violet:#9f8fe3!important;
  --lv-pro-violet-2:#7e6bd1!important;
  --lv-pro-teal:#49d0c7!important;
  --lv-pro-amber:#e7c06a!important;
  --lv-pro-green:#6dd6a2!important;
  --lv-pro-red:#ee7f8b!important;
  --ink:var(--lv-pro-text)!important;
  --ink2:var(--lv-pro-text-2)!important;
  --ink3:var(--lv-pro-muted)!important;
  --ink4:var(--lv-pro-muted-2)!important;
  --ink-2:var(--lv-pro-text-2)!important;
  --ink-3:var(--lv-pro-muted)!important;
  --ink-4:var(--lv-pro-muted-2)!important;
  --bg:var(--lv-pro-bg)!important;
  --white:var(--lv-pro-surface)!important;
  --line:var(--lv-pro-line)!important;
  --line-2:rgba(173,188,214,.09)!important;
  --purple:var(--lv-pro-violet)!important;
  --purple-d:var(--lv-pro-violet-2)!important;
  --purple-l:rgba(159,143,227,.16)!important;
  --blue:var(--lv-pro-violet)!important;
  --blue-d:var(--lv-pro-violet-2)!important;
  --blue-l:rgba(159,143,227,.16)!important;
  --gold:var(--lv-pro-amber)!important;
  --green:var(--lv-pro-green)!important;
  --green-l:rgba(109,214,162,.15)!important;
  --red:var(--lv-pro-red)!important;
  --red-l:rgba(238,127,139,.15)!important;
  --amber:var(--lv-pro-amber)!important;
  --amber-l:rgba(231,192,106,.15)!important;
  color:var(--lv-pro-text)!important;
  background:radial-gradient(circle at 12% 0,rgba(159,143,227,.14),transparent 25rem),radial-gradient(circle at 86% 8%,rgba(73,208,199,.10),transparent 28rem),linear-gradient(180deg,var(--lv-pro-bg) 0%,#0a0d14 100%)!important;
  animation:none!important;
}

html body.livel-pro-theme #appPage,
html body.livel-pro-theme #loginPage,
html body.livel-pro-theme .layout,
html body.livel-pro-theme .main,
html body.livel-pro-theme .content,
html body.livel-pro-theme .app-main,
html body.livel-pro-theme .section {
  background:radial-gradient(circle at 12% 0,rgba(159,143,227,.14),transparent 25rem),radial-gradient(circle at 86% 8%,rgba(73,208,199,.10),transparent 28rem),linear-gradient(180deg,var(--lv-pro-bg) 0%,#0a0d14 100%)!important;
  background-size:auto!important;
  animation:none!important;
  color:var(--lv-pro-text)!important;
}

html body.livel-pro-theme .tb,
html body.livel-pro-theme .topbar,
html body.livel-pro-theme .navbar,
html body.livel-pro-theme .header {
  background:rgba(20,25,38,.94)!important;
  color:var(--lv-pro-text)!important;
  border-color:var(--lv-pro-line)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(130%)!important;
}

html body.livel-pro-theme #appPage .sidebar,
html body.livel-pro-theme .layout .sidebar {
  background:linear-gradient(180deg,#171c2a 0%,#111622 100%)!important;
  color:var(--lv-pro-text)!important;
  border-right:1px solid var(--lv-pro-line)!important;
  box-shadow:10px 0 30px rgba(0,0,0,.22)!important;
}

html body.livel-pro-theme .sidebar .sb-toggle,
html body.livel-pro-theme .sidebar .sb-item,
html body.livel-pro-theme .sidebar .nav-item,
html body.livel-pro-theme .sidebar .sb-label {
  background:transparent!important;
  color:var(--lv-pro-muted)!important;
  box-shadow:none!important;
}

html body.livel-pro-theme .sidebar .sb-toggle:hover,
html body.livel-pro-theme .sidebar .sb-item:hover,
html body.livel-pro-theme .sidebar .sb-item.active,
html body.livel-pro-theme .sidebar .nav-item:hover,
html body.livel-pro-theme .sidebar .nav-item.active {
  background:linear-gradient(135deg,rgba(159,143,227,.22),rgba(73,208,199,.10))!important;
  color:#ffffff!important;
  border-left-color:var(--lv-pro-teal)!important;
  box-shadow:inset 0 0 0 1px rgba(173,188,214,.10)!important;
}

html body.livel-pro-theme #appPage .card,
html body.livel-pro-theme #appPage .stat-card,
html body.livel-pro-theme #appPage .panel,
html body.livel-pro-theme #appPage .box,
html body.livel-pro-theme #appPage .table-wrap,
html body.livel-pro-theme #appPage .tbl-wrap,
html body.livel-pro-theme #appPage .modal,
html body.livel-pro-theme #appPage .modal-content,
html body.livel-pro-theme #appPage .chat-box,
html body.livel-pro-theme #appPage .chat-sidebar,
html body.livel-pro-theme #appPage .chat-input-area,
html body.livel-pro-theme #appPage .empty,
html body.livel-pro-theme #appPage [class*="card"]:not(.plan-doc-page),
html body.livel-pro-theme #appPage [class*="panel"] {
  background:linear-gradient(145deg,var(--lv-pro-surface),#151b29)!important;
  color:var(--lv-pro-text)!important;
  border-color:var(--lv-pro-line)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
}

html body.livel-pro-theme #appPage table,
html body.livel-pro-theme #appPage thead,
html body.livel-pro-theme #appPage tbody,
html body.livel-pro-theme #appPage tr,
html body.livel-pro-theme #appPage td,
html body.livel-pro-theme #appPage th {
  background:var(--lv-pro-surface)!important;
  color:var(--lv-pro-text-2)!important;
  border-color:rgba(173,188,214,.11)!important;
  box-shadow:none!important;
}

html body.livel-pro-theme #appPage thead,
html body.livel-pro-theme #appPage th {
  background:#20283b!important;
  color:#f3f6fb!important;
}

html body.livel-pro-theme #appPage tbody tr:hover td,
html body.livel-pro-theme #appPage .tr-turno-hoy:hover td {
  background:#25304a!important;
  color:#ffffff!important;
}

html body.livel-pro-theme #appPage .tr-turno-hoy td {
  background:linear-gradient(90deg,rgba(73,208,199,.11),var(--lv-pro-surface))!important;
}

html body.livel-pro-theme #appPage .agenda-grid {
  background:rgba(173,188,214,.14)!important;
  border-color:var(--lv-pro-line)!important;
}

html body.livel-pro-theme #appPage .ag-header,
html body.livel-pro-theme #appPage .ag-time,
html body.livel-pro-theme #appPage .ag-cell {
  background:#171d2b!important;
  color:var(--lv-pro-muted)!important;
  border-color:rgba(173,188,214,.10)!important;
}

html body.livel-pro-theme #appPage .ag-cell:hover {
  background:#212b42!important;
}

html body.livel-pro-theme #appPage .ag-event {
  background:linear-gradient(135deg,#6253bb,#3f8ea1)!important;
  color:#ffffff!important;
  border-left-color:var(--lv-pro-teal)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.20)!important;
}

html body.livel-pro-theme #appPage .ficha-header,
html body.livel-pro-theme #appPage .perfil-hero,
html body.livel-pro-theme #appPage .l-left {
  background:linear-gradient(135deg,rgba(159,143,227,.88) 0%,rgba(126,107,209,.82) 48%,rgba(73,208,199,.54) 120%),#20273a!important;
  color:#ffffff!important;
  border:1px solid rgba(173,188,214,.16)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
}

html body.livel-pro-theme #appPage .ficha-header *,
html body.livel-pro-theme #appPage .perfil-hero *,
html body.livel-pro-theme #appPage .l-left * {
  color:#ffffff!important;
}

html body.livel-pro-theme #appPage h1,
html body.livel-pro-theme #appPage h2,
html body.livel-pro-theme #appPage h3,
html body.livel-pro-theme #appPage h4,
html body.livel-pro-theme #appPage h5,
html body.livel-pro-theme #appPage h6,
html body.livel-pro-theme #appPage .page-title,
html body.livel-pro-theme #appPage .card-title,
html body.livel-pro-theme #appPage .stat-value,
html body.livel-pro-theme .tb-brand-title {
  color:var(--lv-pro-text)!important;
  text-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
}

html body.livel-pro-theme #appPage p,
html body.livel-pro-theme #appPage li,
html body.livel-pro-theme #appPage small,
html body.livel-pro-theme #appPage label,
html body.livel-pro-theme #appPage .muted,
html body.livel-pro-theme #appPage .tb-user,
html body.livel-pro-theme #appPage .tb-brand-sub,
html body.livel-pro-theme #appPage .stat-sub,
html body.livel-pro-theme #appPage .stat-label {
  color:var(--lv-pro-muted)!important;
}

html body.livel-pro-theme #appPage input,
html body.livel-pro-theme #appPage textarea,
html body.livel-pro-theme #appPage select,
html body.livel-pro-theme #appPage .search-bar {
  background:#111827!important;
  color:var(--lv-pro-text)!important;
  border-color:var(--lv-pro-line-strong)!important;
  box-shadow:none!important;
  accent-color:var(--lv-pro-teal)!important;
}

html body.livel-pro-theme #appPage input::placeholder,
html body.livel-pro-theme #appPage textarea::placeholder {
  color:rgba(174,187,208,.62)!important;
}

html body.livel-pro-theme #appPage input:focus,
html body.livel-pro-theme #appPage textarea:focus,
html body.livel-pro-theme #appPage select:focus,
html body.livel-pro-theme #appPage .search-bar:focus-within {
  border-color:rgba(73,208,199,.72)!important;
  box-shadow:0 0 0 3px rgba(73,208,199,.12)!important;
}

html body.livel-pro-theme #appPage .btn-primary,
html body.livel-pro-theme #appPage .btn-prim,
html body.livel-pro-theme #appPage .btn-login,
html body.livel-pro-theme #appPage button[type="submit"],
html body.livel-pro-theme #appPage input[type="submit"] {
  background:linear-gradient(135deg,#7060c7 0%,#5e72c9 48%,#3fb8ad 100%)!important;
  color:#ffffff!important;
  border-color:rgba(73,208,199,.32)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

html body.livel-pro-theme #appPage .btn-secondary,
html body.livel-pro-theme #appPage .btn-sec,
html body.livel-pro-theme #appPage .btn-outline,
html body.livel-pro-theme #appPage .btn-ghost,
html body.livel-pro-theme #appPage .btn-icon,
html body.livel-pro-theme #appPage .tb-home,
html body.livel-pro-theme #appPage .btn-out {
  background:#171d2b!important;
  color:var(--lv-pro-text-2)!important;
  border-color:var(--lv-pro-line)!important;
  box-shadow:none!important;
}

html body.livel-pro-theme #appPage .btn-secondary:hover,
html body.livel-pro-theme #appPage .btn-sec:hover,
html body.livel-pro-theme #appPage .btn-outline:hover,
html body.livel-pro-theme #appPage .btn-ghost:hover,
html body.livel-pro-theme #appPage .btn-icon:hover,
html body.livel-pro-theme #appPage .tb-home:hover {
  background:#222b40!important;
  color:#ffffff!important;
  border-color:rgba(73,208,199,.34)!important;
}

html body.livel-pro-theme #appPage .badge,
html body.livel-pro-theme #appPage .pill,
html body.livel-pro-theme #appPage .chip,
html body.livel-pro-theme #appPage .tag,
html body.livel-pro-theme #appPage .tb-tag {
  background:rgba(159,143,227,.15)!important;
  color:#e5defc!important;
  border-color:rgba(159,143,227,.24)!important;
  box-shadow:none!important;
}

html body.livel-pro-theme #appPage .b-green,
html body.livel-pro-theme #appPage .badge.b-green {
  background:rgba(109,214,162,.15)!important;
  color:#baf2d5!important;
}

html body.livel-pro-theme #appPage .b-amber,
html body.livel-pro-theme #appPage .badge.b-amber {
  background:rgba(231,192,106,.15)!important;
  color:#f1d89d!important;
}

html body.livel-pro-theme #appPage .b-red,
html body.livel-pro-theme #appPage .badge.b-red {
  background:rgba(238,127,139,.15)!important;
  color:#ffc4ca!important;
}

html body.livel-pro-theme #appPage .msg-burbuja.pac .msg-bubble,
html body.livel-pro-theme #appPage .chat-msgs {
  background:#111827!important;
  color:var(--lv-pro-text)!important;
  border-color:var(--lv-pro-line)!important;
}

html body.livel-pro-theme #appPage .msg-burbuja.pro .msg-bubble,
html body.livel-pro-theme #appPage .chat-header,
html body.livel-pro-theme #appPage .chat-send-btn {
  background:linear-gradient(135deg,#6253bb,#3fb8ad)!important;
  color:#ffffff!important;
}

html body.livel-pro-theme #appPage .plan-doc-page,
html body.livel-pro-theme #appPage .plan-doc-page *,
html body.livel-pro-theme #appPage .plan-doc-page table,
html body.livel-pro-theme #appPage .plan-doc-page td {
  background:#ffffff!important;
  color:#172033!important;
  border-color:#d9deea!important;
  box-shadow:none!important;
}

html body.livel-pro-theme #appPage .plan-doc-page th {
  background:#f1edff!important;
  color:#35206f!important;
}

html body.livel-pro-theme #appPage [style*="background:#fff"],
html body.livel-pro-theme #appPage [style*="background: #fff"],
html body.livel-pro-theme #appPage [style*="background:#ffffff"],
html body.livel-pro-theme #appPage [style*="background: #ffffff"],
html body.livel-pro-theme #appPage [style*="background:white"],
html body.livel-pro-theme #appPage [style*="background: white"],
html body.livel-pro-theme #appPage [style*="background:var(--white)"],
html body.livel-pro-theme #appPage [style*="background: var(--white)"] {
  background:linear-gradient(145deg,var(--lv-pro-surface),#151b29)!important;
  color:var(--lv-pro-text)!important;
  border-color:var(--lv-pro-line)!important;
}

html body.livel-pro-theme #appPage [style*="color:#1a1a1a"],
html body.livel-pro-theme #appPage [style*="color: #1a1a1a"],
html body.livel-pro-theme #appPage [style*="color:#000"],
html body.livel-pro-theme #appPage [style*="color: #000"],
html body.livel-pro-theme #appPage [style*="color:#333"],
html body.livel-pro-theme #appPage [style*="color: #333"],
html body.livel-pro-theme #appPage [style*="color:#444"],
html body.livel-pro-theme #appPage [style*="color: #444"] {
  color:var(--lv-pro-text)!important;
}

@media(max-width:760px) {
  html body.livel-pro-theme #appPage,
  html body.livel-pro-theme #appPage .content,
  html body.livel-pro-theme #appPage .section {
    background:radial-gradient(circle at 16% 0,rgba(159,143,227,.13),transparent 18rem),linear-gradient(180deg,var(--lv-pro-bg),#0a0d14 100%)!important;
  }
}
/* v5.1 - Ajustes finales del portal profesional oscuro. */
html body.livel-pro-theme #loginPage .login-wrap,
html body.livel-pro-theme #loginPage .l-right,
html body.livel-pro-theme #loginPage .l-form-box {
  background:linear-gradient(145deg,var(--lv-pro-surface),#151b29)!important;
  color:var(--lv-pro-text)!important;
  border:1px solid var(--lv-pro-line)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}

html body.livel-pro-theme #loginPage h1,
html body.livel-pro-theme #loginPage h2,
html body.livel-pro-theme #loginPage .l-form-title {
  color:var(--lv-pro-text)!important;
  -webkit-text-fill-color:currentColor!important;
}

html body.livel-pro-theme #loginPage p,
html body.livel-pro-theme #loginPage label,
html body.livel-pro-theme #loginPage .fg label,
html body.livel-pro-theme #loginPage .l-form-desc {
  color:var(--lv-pro-muted)!important;
}

html body.livel-pro-theme #loginPage input {
  background:#111827!important;
  color:var(--lv-pro-text)!important;
  border-color:var(--lv-pro-line-strong)!important;
}

html body.livel-pro-theme #loginPage .btn-login,
html body.livel-pro-theme #loginPage button[type="submit"] {
  background:linear-gradient(135deg,#7060c7 0%,#5e72c9 48%,#3fb8ad 100%)!important;
  color:#ffffff!important;
  border-color:rgba(73,208,199,.32)!important;
}

html body.livel-pro-theme #appPage .plan-doc-page,
html body.livel-pro-theme #appPage .plan-doc-page *,
html body.livel-pro-theme #appPage .plan-doc-page [style*="background:#fff"],
html body.livel-pro-theme #appPage .plan-doc-page [style*="background: #fff"],
html body.livel-pro-theme #appPage .plan-doc-page [style*="background:white"],
html body.livel-pro-theme #appPage .plan-doc-page [style*="background: white"] {
  background:#ffffff!important;
  color:#172033!important;
  border-color:#d9deea!important;
  box-shadow:none!important;
}

html body.livel-pro-theme #appPage .plan-doc-page th,
html body.livel-pro-theme #appPage .plan-doc-page th * {
  background:#f1edff!important;
  color:#35206f!important;
}

/* v6 - Cierre transversal de contraste WCAG AA para colores heredados. */
:root {
  --lv-aa-ink:#080b2f;
  --lv-aa-muted:#4d4a68;
  --lv-aa-purple:#4922bd;
  --lv-aa-purple-soft:#eee9ff;
  --lv-aa-danger:#991b1b;
  --lv-aa-danger-soft:#fee2e2;
  --lv-aa-success:#075e2f;
  --lv-aa-success-soft:#e7f7ed;
  --lv-aa-warning:#6f4604;
  --lv-aa-warning-soft:#fff4da;
  --lv-aa-info:#155a78;
  --lv-aa-info-soft:#effbff;
  --lv-aa-whatsapp:#075e54;
  --lv-aa-google:#1967d2;
}

html body .google-g,
html body .livel-google-g {
  background:#ffffff!important;
  color:var(--lv-aa-google)!important;
}

html body .error,
html body .alert-error,
html body .toast.error,
html body [style*="background:#fee2e2"],
html body [style*="background: #fee2e2"],
html body [style*="background:#fff0f3"],
html body [style*="background: #fff0f3"] {
  color:var(--lv-aa-danger)!important;
}

html body .success,
html body .alert-success,
html body [style*="background:#efe"],
html body [style*="background: #efe"],
html body [style*="background:#e9f8f1"],
html body [style*="background: #e9f8f1"],
html body [style*="background:var(--green-l)"],
html body [style*="background: var(--green-l)"] {
  color:var(--lv-aa-success)!important;
}

html body [style*="background:#fff4da"],
html body [style*="background: #fff4da"],
html body [style*="background:var(--amber-l)"],
html body [style*="background: var(--amber-l)"] {
  color:var(--lv-aa-warning)!important;
}

html body [style*="background:#effbff"],
html body [style*="background: #effbff"],
html body [style*="background:#E3F2FD"],
html body [style*="background: #E3F2FD"] {
  color:var(--lv-aa-info)!important;
}

html body [style*="background:#8b6fcf"],
html body [style*="background: #8b6fcf"],
html body [style*="background:#8B6FCF"],
html body [style*="background: #8B6FCF"] {
  background:#6b4fa3!important;
  color:#ffffff!important;
}

html body [style*="color:#dc2626"],
html body [style*="color: #dc2626"],
html body [style*="color:#ef4444"],
html body [style*="color: #ef4444"] {
  color:var(--lv-aa-danger)!important;
}

html body [style*="color:#4285f4"],
html body [style*="color: #4285f4"] {
  color:var(--lv-aa-google)!important;
}

html body .livel-assistant-link.whatsapp {
  background:var(--lv-aa-whatsapp)!important;
  border-color:var(--lv-aa-whatsapp)!important;
  color:#ffffff!important;
}

html body .badge-danger,
html body .badge-critical,
html body .risk-card.alto,
html body .risk-card.critico,
html body .st-CARIES,
html body .st-EXTRACCION_INDICADA {
  background:var(--lv-aa-danger-soft)!important;
  color:var(--lv-aa-danger)!important;
}

html body .badge-success,
html body .risk-card.bajo,
html body .st-IMPLANTE {
  background:var(--lv-aa-success-soft)!important;
  color:var(--lv-aa-success)!important;
}

html body .badge-warning,
html body .risk-card.medio,
html body .st-CORONA,
html body .st-PERIODONTAL {
  background:var(--lv-aa-warning-soft)!important;
  color:var(--lv-aa-warning)!important;
}

html body .badge-info,
html body .st-RESTAURACION {
  background:var(--lv-aa-info-soft)!important;
  color:var(--lv-aa-info)!important;
}

html body .st-ENDODONCIA {
  background:var(--lv-aa-purple-soft)!important;
  color:var(--lv-aa-purple)!important;
}