:root{
  --lv-bg:#05050b;
  --lv-bg-2:#0b0816;
  --lv-panel:rgba(17,13,30,.76);
  --lv-panel-strong:rgba(27,21,45,.88);
  --lv-ink:#fbf9ff;
  --lv-muted:#bdb3cf;
  --lv-dim:#8f83a5;
  --lv-purple:#A78BCC;
  --lv-purple-dark:#8B6FAC;
  --lv-purple-deep:#6B4FA3;
  --lv-purple-soft:#BCA1D8;
  --lv-gold:#F5A623;
  --lv-gold-dark:#DAA520;
  --lv-line:rgba(188,161,216,.22);
  --lv-line-soft:rgba(188,161,216,.12);
  --lv-glow:0 0 0 1px rgba(188,161,216,.12),0 24px 90px rgba(103,72,168,.28);
  --lv-radius:24px;
}
html{scroll-behavior:smooth}
body.livel-construct-theme{
  background:
    radial-gradient(circle at 12% 10%,rgba(245,166,35,.11),transparent 24rem),
    radial-gradient(circle at 86% 18%,rgba(167,139,204,.20),transparent 30rem),
    linear-gradient(135deg,var(--lv-bg) 0%,var(--lv-bg-2) 48%,#090612 100%)!important;
  color:var(--lv-ink)!important;
  overflow-x:hidden;
}
body.livel-construct-theme::before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.24;
  background-image:
    linear-gradient(rgba(188,161,216,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(188,161,216,.09) 1px,transparent 1px),
    linear-gradient(135deg,transparent 48%,rgba(245,166,35,.08) 49%,rgba(245,166,35,.08) 51%,transparent 52%);
  background-size:54px 54px,54px 54px,240px 240px;
  mask-image:radial-gradient(circle at 50% 20%,#000 0%,transparent 76%);
}
body.livel-construct-theme::after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.12;
  background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(245,166,35,.55) 18px 22px,transparent 22px 34px);
  transform:translateY(calc(100vh - 16px));
}
body.livel-construct-theme a{color:inherit}
body.livel-construct-theme nav,
body.livel-construct-theme .topbar,
body.livel-construct-theme .navbar,
body.livel-construct-theme header{
  border-color:var(--lv-line)!important;
}
body.livel-construct-theme nav:not(.lv-raw),
body.livel-construct-theme .topbar:not(.lv-raw),
body.livel-construct-theme .navbar:not(.lv-raw){
  background:rgba(8,7,15,.82)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme .logo-text,
body.livel-construct-theme .nav-text{
  color:var(--lv-ink);
}
body.livel-construct-theme h1 .accent,
body.livel-construct-theme h2 .accent,
body.livel-construct-theme .accent,
body.livel-construct-theme .brand,
body.livel-construct-theme .nav-text{
  background:linear-gradient(135deg,#fff 0%,var(--lv-purple-soft) 42%,var(--lv-purple) 72%,var(--lv-gold) 115%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme label,
body.livel-construct-theme .section-subtitle,
body.livel-construct-theme .muted{color:var(--lv-muted)!important}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .form-container,
body.livel-construct-theme .auth-card,
body.livel-construct-theme .login-card,
body.livel-construct-theme .panel,
body.livel-construct-theme .box,
body.livel-construct-theme .stat,
body.livel-construct-theme .stat-card,
body.livel-construct-theme .dashboard-card,
body.livel-construct-theme .modal-content{
  background:linear-gradient(145deg,rgba(23,18,38,.84),rgba(8,7,15,.72))!important;
  border:1px solid var(--lv-line)!important;
  box-shadow:var(--lv-glow)!important;
  color:var(--lv-ink)!important;
}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section{position:relative;overflow:hidden;border-radius:var(--lv-radius)!important}
body.livel-construct-theme .card::before,
body.livel-construct-theme .feature-card::before,
body.livel-construct-theme .pricing-card::before,
body.livel-construct-theme .faq-item::before,
body.livel-construct-theme .doc-section::before{
  content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--lv-purple),var(--lv-gold),transparent);opacity:.75;
}
body.livel-construct-theme button,
body.livel-construct-theme .btn,
body.livel-construct-theme .btn-nav,
body.livel-construct-theme .btn-primary,
body.livel-construct-theme .btn-hero,
body.livel-construct-theme input[type="submit"]{
  border:1px solid rgba(188,161,216,.28)!important;border-radius:16px!important;color:#fff!important;
  background:linear-gradient(135deg,var(--lv-purple-deep),var(--lv-purple) 62%,var(--lv-gold-dark))!important;
  box-shadow:0 14px 35px rgba(126,92,195,.28),0 0 0 1px rgba(245,166,35,.12) inset!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
body.livel-construct-theme button:hover,
body.livel-construct-theme .btn:hover,
body.livel-construct-theme .btn-nav:hover,
body.livel-construct-theme .btn-primary:hover,
body.livel-construct-theme .btn-hero:hover{
  transform:translateY(-2px);filter:saturate(1.18);box-shadow:0 22px 55px rgba(126,92,195,.38),0 0 28px rgba(245,166,35,.16)!important;
}
body.livel-construct-theme input,
body.livel-construct-theme textarea,
body.livel-construct-theme select{
  background:rgba(8,7,15,.76)!important;color:var(--lv-ink)!important;border-color:var(--lv-line)!important;accent-color:var(--lv-purple)!important;
}
body.livel-construct-theme input::placeholder,body.livel-construct-theme textarea::placeholder{color:rgba(189,179,207,.58)!important}
body.livel-construct-theme table{background:rgba(10,9,19,.5)!important;color:var(--lv-ink)!important;border-color:var(--lv-line)!important}
body.livel-construct-theme th{color:var(--lv-purple-soft)!important;background:rgba(167,139,204,.08)!important;border-color:var(--lv-line)!important}
body.livel-construct-theme td{color:var(--lv-muted)!important;border-color:var(--lv-line-soft)!important}
body.livel-construct-theme tr:hover td{background:rgba(167,139,204,.08)!important;color:#fff!important}
.livel-build-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 32%,rgba(167,139,204,.22),transparent 24rem),linear-gradient(135deg,#05050b,#100a1f);transition:opacity .55s ease,visibility .55s ease;overflow:hidden}
.livel-build-loader::before{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(188,161,216,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(188,161,216,.13) 1px,transparent 1px);background-size:44px 44px;animation:lvBlueprint 6s linear infinite}
.livel-build-loader::after{content:"";position:absolute;left:-12%;right:-12%;bottom:22%;height:12px;background:repeating-linear-gradient(45deg,var(--lv-gold) 0 18px,#12101e 18px 36px);box-shadow:0 0 40px rgba(245,166,35,.3);animation:lvBarricade 9s linear infinite}
.livel-build-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.livel-loader-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 44px;border:1px solid var(--lv-line);border-radius:34px;background:rgba(8,7,15,.66);box-shadow:0 34px 110px rgba(0,0,0,.38),0 0 80px rgba(167,139,204,.18);backdrop-filter:blur(18px)}
.livel-loader-card img{width:118px;height:auto;filter:drop-shadow(0 18px 40px rgba(245,166,35,.24));animation:lvLogoFloat 2.8s ease-in-out infinite}
.livel-loader-title{font-weight:900;letter-spacing:.24em;color:var(--lv-ink);font-size:.9rem;text-transform:uppercase}
.livel-loader-line{width:230px;height:6px;border-radius:99px;background:rgba(188,161,216,.14);overflow:hidden;border:1px solid rgba(188,161,216,.15)}
.livel-loader-line span{display:block;height:100%;width:44%;border-radius:99px;background:linear-gradient(90deg,var(--lv-purple),var(--lv-gold));animation:lvBuildLine 1.2s ease-in-out infinite alternate}
.livel-loader-sub{font-size:.82rem;color:var(--lv-muted);letter-spacing:.06em}
.livel-reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.livel-reveal.livel-visible{opacity:1;transform:translateY(0) scale(1)}
.livel-shine{position:relative;overflow:hidden}
.livel-shine::after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:42%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:lvShine 4.8s ease-in-out infinite}
.livel-animated-logo{display:inline-flex;align-items:center;justify-content:center;position:relative}
.livel-animated-logo img{display:block;max-width:100%;height:auto;filter:drop-shadow(0 18px 42px rgba(126,92,195,.35))}
.livel-animated-logo::before{content:"";position:absolute;inset:10%;border:1px dashed rgba(245,166,35,.46);border-radius:24px;animation:lvRotate 12s linear infinite;opacity:.5}
@keyframes lvBlueprint{to{background-position:44px 44px}}
@keyframes lvBarricade{to{background-position:240px 0}}
@keyframes lvLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lvBuildLine{from{transform:translateX(-86%)}to{transform:translateX(156%)}}
@keyframes lvShine{0%,46%{left:-80%}62%,100%{left:120%}}
@keyframes lvRotate{to{transform:rotate(360deg)}}
@media (max-width:760px){.livel-loader-card{width:min(88vw,360px);padding:28px 24px}.livel-loader-card img{width:90px}body.livel-construct-theme::after{height:9px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.livel-build-loader{display:none!important}.livel-reveal{opacity:1!important;transform:none!important}}

/* v4 - fixes de logo y navegacion */
.hero::before,.hero::after,.builder-stage::before,.builder-stage::after,.logo-orbit::before,.logo-orbit::after,.crane,.livel-build-loader::before,.livel-build-loader::after{pointer-events:none!important}
a,button,.btn,.nav,.nav *,.cta-row,.cta-row *{pointer-events:auto}
.brand-logo,.logo-orbit img,.mock-logo img,.footer-logo img,.livel-loader-card img{background:transparent!important;object-fit:contain;transform-style:preserve-3d;will-change:transform,filter,clip-path}


/* v5 - restaurar contacto y corregir contraste en paginas publicas */
body.livel-construct-theme{background:#08070f!important;color:#f7f3ff!important;min-height:100vh}
body.livel-construct-theme main,
body.livel-construct-theme section,
body.livel-construct-theme .hero,
body.livel-construct-theme .mision,
body.livel-construct-theme .valores,
body.livel-construct-theme .credenciales,
body.livel-construct-theme .content,
body.livel-construct-theme .container,
body.livel-construct-theme .page,
body.livel-construct-theme footer{
  color:#f7f3ff;
}
body.livel-construct-theme .hero,
body.livel-construct-theme .mision,
body.livel-construct-theme .valores,
body.livel-construct-theme .credenciales,
body.livel-construct-theme .cta-final,
body.livel-construct-theme footer:not(.lv-raw){
  background:
    radial-gradient(circle at 12% 10%,rgba(245,166,35,.10),transparent 22rem),
    radial-gradient(circle at 86% 20%,rgba(167,139,204,.18),transparent 28rem),
    linear-gradient(135deg,#08070f 0%,#151023 52%,#090612 100%)!important;
  color:#f7f3ff!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme .hero-subtitle,
body.livel-construct-theme .mision-texto,
body.livel-construct-theme .valores-header p,
body.livel-construct-theme .credenciales-intro,
body.livel-construct-theme .footer-desc,
body.livel-construct-theme .footer-bottom{
  color:#cfc6dd!important;
}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme h4,
body.livel-construct-theme .credencial-titulo{
  color:#fff!important;
}
body.livel-construct-theme .valor-card,
body.livel-construct-theme .credencial-card,
body.livel-construct-theme .mision-destacado,
body.livel-construct-theme .legal-card,
body.livel-construct-theme .content-card,
body.livel-construct-theme article,
body.livel-construct-theme .section-card{
  background:linear-gradient(145deg,rgba(23,18,38,.88),rgba(8,7,15,.72))!important;
  border:1px solid rgba(188,161,216,.18)!important;
  color:#f7f3ff!important;
  box-shadow:0 24px 90px rgba(0,0,0,.24)!important;
}
body.livel-construct-theme a:not(.btn):not(.btn-primary):not(.btn-ghost):not(.btn-nav){color:#d9c8ff!important}
body.livel-construct-theme a:not(.btn):not(.btn-primary):not(.btn-ghost):not(.btn-nav):hover{color:#f5c35b!important}
.contact-section{position:relative;padding:104px 0;background:radial-gradient(circle at 16% 20%,rgba(245,166,35,.14),transparent 26rem),radial-gradient(circle at 88% 30%,rgba(167,139,204,.18),transparent 30rem)}
.contact-shell{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:stretch;border:1px solid rgba(188,161,216,.18);border-radius:36px;padding:34px;background:linear-gradient(145deg,rgba(23,18,38,.86),rgba(8,7,15,.70));box-shadow:0 34px 120px rgba(0,0,0,.32);position:relative;overflow:hidden}
.contact-shell::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#a78bcc,#f5a623,transparent)}
.section-kicker{display:inline-block;margin-bottom:14px;color:#f5c35b;font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}
.contact-copy h2{font-size:clamp(2rem,4vw,4.1rem);line-height:.98;letter-spacing:-.055em;margin:0 0 18px;color:#fff}
.contact-copy p{color:#cfc6dd;font-size:1.05rem;max-width:560px;margin-bottom:26px}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;text-decoration:none}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card{min-height:150px;padding:22px;border-radius:24px;border:1px solid rgba(188,161,216,.18);background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:8px}.contact-card b{color:#f5c35b;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.contact-card a,.contact-card span{color:#fff!important;font-weight:700}.contact-card small{color:#cfc6dd}.contact-card-wide{grid-column:1/-1}
@media(max-width:820px){.contact-shell{grid-template-columns:1fr;padding:24px}.contact-grid{grid-template-columns:1fr}.contact-section{padding:76px 0}}


/* v7 - restaurar flujo por links de pago y corregir contraste en modo claro de portales */
body:not(.livel-construct-theme):not(.dark-mode){
  background:#f7f3ff!important;
  color:#160d22!important;
  --ink:#160d22;
  --ink2:#241436;
  --ink3:#3e2e55;
  --ink4:#6b5a80;
  --line:#d9cdec;
  --line-2:#eee7f7;
  --bg:#f7f3ff;
  --white:#ffffff;
  --purple:#8b6fcf;
  --purple-d:#6b4fa3;
  --purple-l:#eee8fb;
  --blue:#6d28d9;
  --blue-d:#2d0a5e;
  --blue-l:#eee8fb;
}
body:not(.livel-construct-theme):not(.dark-mode) #appPage,
body:not(.livel-construct-theme):not(.dark-mode) .layout,
body:not(.livel-construct-theme):not(.dark-mode) .main,
body:not(.livel-construct-theme):not(.dark-mode) .content,
body:not(.livel-construct-theme):not(.dark-mode) .page,
body:not(.livel-construct-theme):not(.dark-mode) main{
  background:#f7f3ff!important;
  color:#160d22!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .tb,
body:not(.livel-construct-theme):not(.dark-mode) .topbar,
body:not(.livel-construct-theme):not(.dark-mode) header,
body:not(.livel-construct-theme):not(.dark-mode) nav:not(.sidebar){
  background:#ffffff!important;
  color:#160d22!important;
  border-color:#d9cdec!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .card,
body:not(.livel-construct-theme):not(.dark-mode) .panel,
body:not(.livel-construct-theme):not(.dark-mode) .box,
body:not(.livel-construct-theme):not(.dark-mode) .modal-content,
body:not(.livel-construct-theme):not(.dark-mode) .login-wrap,
body:not(.livel-construct-theme):not(.dark-mode) .l-right,
body:not(.livel-construct-theme):not(.dark-mode) .search-bar,
body:not(.livel-construct-theme):not(.dark-mode) .tbl-wrap,
body:not(.livel-construct-theme):not(.dark-mode) table,
body:not(.livel-construct-theme):not(.dark-mode) .table-card,
body:not(.livel-construct-theme):not(.dark-mode) .stat-card,
body:not(.livel-construct-theme):not(.dark-mode) .dashboard-card,
body:not(.livel-construct-theme):not(.dark-mode) .form-card,
body:not(.livel-construct-theme):not(.dark-mode) .admin-card,
body:not(.livel-construct-theme):not(.dark-mode) .mensaje-card{
  background:#ffffff!important;
  color:#160d22!important;
  border-color:#d9cdec!important;
  box-shadow:0 14px 40px rgba(55,34,84,.08)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) h1,
body:not(.livel-construct-theme):not(.dark-mode) h2,
body:not(.livel-construct-theme):not(.dark-mode) h3,
body:not(.livel-construct-theme):not(.dark-mode) h4,
body:not(.livel-construct-theme):not(.dark-mode) .page-title,
body:not(.livel-construct-theme):not(.dark-mode) .tb-brand,
body:not(.livel-construct-theme):not(.dark-mode) .card-title,
body:not(.livel-construct-theme):not(.dark-mode) strong,
body:not(.livel-construct-theme):not(.dark-mode) label{
  color:#160d22!important;
}
body:not(.livel-construct-theme):not(.dark-mode) p,
body:not(.livel-construct-theme):not(.dark-mode) li,
body:not(.livel-construct-theme):not(.dark-mode) span,
body:not(.livel-construct-theme):not(.dark-mode) small,
body:not(.livel-construct-theme):not(.dark-mode) .tb-user,
body:not(.livel-construct-theme):not(.dark-mode) .muted,
body:not(.livel-construct-theme):not(.dark-mode) .description,
body:not(.livel-construct-theme):not(.dark-mode) .subtitle,
body:not(.livel-construct-theme):not(.dark-mode) .text-muted,
body:not(.livel-construct-theme):not(.dark-mode) .card-title{
  color:#5f5074!important;
}
body:not(.livel-construct-theme):not(.dark-mode) a:not(.btn):not(.btn-prim):not(.btn-primary):not(.btn-login):not(.sb-item){
  color:#6b4fa3!important;
}
body:not(.livel-construct-theme):not(.dark-mode) input,
body:not(.livel-construct-theme):not(.dark-mode) textarea,
body:not(.livel-construct-theme):not(.dark-mode) select{
  background:#ffffff!important;
  color:#160d22!important;
  border-color:#cfc0e5!important;
}
body:not(.livel-construct-theme):not(.dark-mode) input::placeholder,
body:not(.livel-construct-theme):not(.dark-mode) textarea::placeholder{color:#8b7a9f!important;}
body:not(.livel-construct-theme):not(.dark-mode) th{background:#eee8fb!important;color:#3b2365!important;border-color:#d9cdec!important;}
body:not(.livel-construct-theme):not(.dark-mode) td{background:#fff!important;color:#3e2e55!important;border-color:#eee7f7!important;}
body:not(.livel-construct-theme):not(.dark-mode) tr:hover td{background:#f4effb!important;color:#160d22!important;}
body:not(.livel-construct-theme) .sidebar{background:linear-gradient(180deg,#2d0a5e,#12091a)!important;color:#fff!important;}
body:not(.livel-construct-theme) .sidebar *,
body:not(.livel-construct-theme) .sb-item,
body:not(.livel-construct-theme) .sb-label{color:rgba(255,255,255,.78)!important;}
body:not(.livel-construct-theme) .sb-item.active,
body:not(.livel-construct-theme) .sb-item:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;}
body:not(.livel-construct-theme):not(.dark-mode) .btn-sec,
body:not(.livel-construct-theme):not(.dark-mode) .btn-icon,
body:not(.livel-construct-theme):not(.dark-mode) .tb-home,
body:not(.livel-construct-theme):not(.dark-mode) .btn-out{
  background:#fff!important;
  color:#3e2e55!important;
  border-color:#d9cdec!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .btn-prim,
body:not(.livel-construct-theme):not(.dark-mode) .btn-login,
body:not(.livel-construct-theme):not(.dark-mode) button[type="submit"]{
  background:#6b4fa3!important;
  color:#fff!important;
}
/* Admin login tiene estilos inline blancos: forzar texto oscuro dentro de tarjetas claras. */
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:white"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: white"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #fff"]{
  color:#160d22!important;
}
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:white"] *,
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: white"] *,
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#fff"] *,
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #fff"] *{
  color:inherit;
}


/* v34 - guardrail global: evita que el logo LIVEL se agrande por clases genéricas o estilos heredados */
img[src*="logo-livel-real-small"],
img[src*="logo-livel-real.png"],
img[src*="logo-livel.svg"],
img[src*="livel_logo.svg"],
img[src*="logo-icono.svg"]{
  max-width:min(128px, 34vw) !important;
  max-height:92px !important;
  width:auto;
  height:auto !important;
  object-fit:contain !important;
  flex-shrink:0;
}
.topbar img[src*="logo"],
.header img[src*="logo"],
nav img[src*="logo"],
.brand img[src*="logo"],
.logo img[src*="logo"],
.logo-circle,
.tb-logo,
.l-logo-mark img,
.l-brand img,
.brand-logo{
  max-width:min(96px, 26vw) !important;
  max-height:42px !important;
  width:auto;
  height:auto !important;
  object-fit:contain !important;
}
@media (max-width:760px){
  img[src*="logo-livel"],img[src*="livel_logo"],img[src*="logo-icono"]{max-width:84px!important;max-height:52px!important;}
  .topbar img[src*="logo"],.header img[src*="logo"],nav img[src*="logo"],.brand img[src*="logo"],.tb-logo{max-width:78px!important;max-height:36px!important;}
}


/* v38 - logos por contexto estricto: evita logos gigantes en landing y portales */
.nav .brand-logo,
.landing .brand-logo,
body .brand-logo[src*="logo-livel"]{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
.logo-orbit{width:118px!important;height:138px!important}
.logo-orbit img{width:86px!important;max-width:86px!important;max-height:86px!important;height:auto!important;object-fit:contain!important}
.mock-logo img{width:28px!important;max-width:28px!important;max-height:28px!important;height:auto!important;object-fit:contain!important}
.footer-logo img{width:30px!important;max-width:30px!important;max-height:30px!important;height:auto!important;object-fit:contain!important}
#appPage .tb-logo,#appPage .ficha-mini-logo{width:34px!important;height:auto!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important}
@media(max-width:760px){.nav .brand-logo,.landing .brand-logo,body .brand-logo[src*="logo-livel"]{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}.logo-orbit img{width:64px!important;max-width:64px!important;max-height:64px!important}#appPage .tb-logo,#appPage .ficha-mini-logo{width:30px!important;max-width:30px!important;max-height:30px!important}}


/* v40 - identidad visual mas calida y profesional para landing, SEO y portales */
:root{
  --lv-bg:#fffaf3;
  --lv-bg-2:#f7efe3;
  --lv-panel:rgba(255,255,255,.86);
  --lv-panel-strong:rgba(255,255,255,.96);
  --lv-ink:#2a1b12;
  --lv-muted:#6f5c4b;
  --lv-dim:#8a7563;
  --lv-purple:#7a5aa6;
  --lv-purple-dark:#66478f;
  --lv-purple-deep:#563a7d;
  --lv-purple-soft:#b59ad2;
  --lv-gold:#c98632;
  --lv-gold-dark:#a96c24;
  --lv-line:rgba(122,90,166,.18);
  --lv-line-soft:rgba(122,90,166,.10);
  --lv-glow:0 18px 56px rgba(94,60,32,.10),0 0 0 1px rgba(122,90,166,.08);
}
body.livel-construct-theme{
  background:
    radial-gradient(circle at 10% 10%,rgba(217,159,90,.22),transparent 28rem),
    radial-gradient(circle at 88% 18%,rgba(181,154,210,.20),transparent 30rem),
    linear-gradient(135deg,#fffaf3 0%,#f8efe2 48%,#fffdf8 100%)!important;
  color:#2a1b12!important;
}
body.livel-construct-theme::before{opacity:.12;background-image:linear-gradient(rgba(122,90,166,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(122,90,166,.10) 1px,transparent 1px);}
body.livel-construct-theme::after{display:none!important;}
body.livel-construct-theme nav:not(.lv-raw),
body.livel-construct-theme .topbar:not(.lv-raw),
body.livel-construct-theme .navbar:not(.lv-raw){
  background:rgba(255,250,243,.86)!important;
  box-shadow:0 14px 42px rgba(92,56,24,.10)!important;
}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme h4,
body.livel-construct-theme .logo-text,
body.livel-construct-theme .nav-text{color:#2a1b12!important;}
body.livel-construct-theme h1 .accent,
body.livel-construct-theme h2 .accent,
body.livel-construct-theme .accent,
body.livel-construct-theme .brand,
body.livel-construct-theme .nav-text,
body.livel-construct-theme .gradient-text{
  background:linear-gradient(135deg,#2a1b12 0%,#7a5aa6 58%,#c98632 112%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme label,
body.livel-construct-theme .section-subtitle,
body.livel-construct-theme .section-lead,
body.livel-construct-theme .muted{color:#6f5c4b!important;}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .form-container,
body.livel-construct-theme .auth-card,
body.livel-construct-theme .login-card,
body.livel-construct-theme .panel,
body.livel-construct-theme .box,
body.livel-construct-theme .stat,
body.livel-construct-theme .stat-card,
body.livel-construct-theme .dashboard-card,
body.livel-construct-theme .modal-content,
body.livel-construct-theme .seo-panel,
body.livel-construct-theme .seo-card,
body.livel-construct-theme .seo-column,
body.livel-construct-theme .seo-link-card,
body.livel-construct-theme .seo-cta-box,
body.livel-construct-theme .contact-shell,
body.livel-construct-theme .mock-screen,
body.livel-construct-theme .ui-build,
body.livel-construct-theme .metric,
body.livel-construct-theme .build-card{
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,247,236,.86))!important;
  border:1px solid rgba(122,90,166,.16)!important;
  box-shadow:0 20px 64px rgba(92,56,24,.10)!important;
  color:#2a1b12!important;
}
body.livel-construct-theme .card::before,
body.livel-construct-theme .feature-card::before,
body.livel-construct-theme .pricing-card::before,
body.livel-construct-theme .faq-item::before,
body.livel-construct-theme .doc-section::before{
  background:linear-gradient(90deg,transparent,#b59ad2,#d79f5a,transparent)!important;
}
body.livel-construct-theme button,
body.livel-construct-theme .btn,
body.livel-construct-theme .btn-nav,
body.livel-construct-theme .btn-primary,
body.livel-construct-theme .btn-hero,
body.livel-construct-theme input[type="submit"]{
  background:linear-gradient(135deg,#7a5aa6,#8f6fb5 55%,#c98632)!important;
  border-color:rgba(122,90,166,.22)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(122,90,166,.20)!important;
}
body.livel-construct-theme .btn-ghost,
body.livel-construct-theme .btn-secondary{
  background:#fffaf3!important;color:#563a7d!important;border:1px solid rgba(122,90,166,.26)!important;
}
body.livel-construct-theme input,
body.livel-construct-theme textarea,
body.livel-construct-theme select{background:#fff!important;color:#2a1b12!important;border-color:rgba(122,90,166,.22)!important;}
body.livel-construct-theme table{background:#fffdf8!important;color:#2a1b12!important;border-color:rgba(122,90,166,.14)!important;}
body.livel-construct-theme th{color:#563a7d!important;background:#f1e8f8!important;border-color:rgba(122,90,166,.16)!important;}
body.livel-construct-theme td{color:#5e4c40!important;background:#fff!important;border-color:rgba(122,90,166,.08)!important;}
body.livel-construct-theme tr:hover td{background:#fff7eb!important;color:#2a1b12!important;}
body.livel-construct-theme .section-kicker,
body.livel-construct-theme .seo-badge{color:#7a4d18!important;background:rgba(201,134,50,.12)!important;border-color:rgba(201,134,50,.24)!important;}
body.livel-construct-theme .tag{background:rgba(33,126,96,.10)!important;color:#217e60!important;}
body.livel-construct-theme .chart{background:linear-gradient(180deg,rgba(181,154,210,.20),rgba(217,159,90,.08))!important;}
body.livel-construct-theme .livel-build-loader{background:linear-gradient(135deg,#fffaf3,#f6eadb)!important;}
body.livel-construct-theme .livel-loader-card{background:rgba(255,255,255,.9)!important;color:#2a1b12!important;}
body.livel-construct-theme .livel-loader-title{color:#2a1b12!important;}
body.livel-construct-theme .livel-loader-sub{color:#6f5c4b!important;}
body:not(.livel-construct-theme):not(.dark-mode){background:#fffaf3!important;color:#2a1b12!important;}
body:not(.livel-construct-theme) .sidebar{background:linear-gradient(180deg,#6f528e,#3d2d4b)!important;color:#fff!important;}
body:not(.livel-construct-theme):not(.dark-mode) .btn-prim,
body:not(.livel-construct-theme):not(.dark-mode) .btn-login,
body:not(.livel-construct-theme):not(.dark-mode) button[type="submit"]{background:#7a5aa6!important;color:#fff!important;}
/* Logo ultraseguro en landing y portales */
body.livel-construct-theme .brand-logo,
body.livel-construct-theme nav .brand-logo,
body.livel-construct-theme header .brand-logo{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:contain!important;}
body.livel-construct-theme .logo-orbit img{width:78px!important;max-width:78px!important;max-height:78px!important;}
body.livel-construct-theme .mock-logo img,
body.livel-construct-theme .footer-logo img{width:30px!important;max-width:30px!important;max-height:30px!important;}
@media(max-width:760px){body.livel-construct-theme .brand-logo{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;}body.livel-construct-theme .logo-orbit img{width:60px!important;max-width:60px!important;max-height:60px!important;}}

/* v40b - apagar recursos visuales de obra para una estética clínica/profesional */
body.livel-construct-theme .crane,
body.livel-construct-theme .builder-stage::before,
body.livel-construct-theme .builder-stage::after,
body.livel-construct-theme .logo-orbit::before,
body.livel-construct-theme .logo-orbit::after{display:none!important;}
body.livel-construct-theme .builder-stage{background:radial-gradient(circle at 50% 36%,rgba(181,154,210,.18),transparent 18rem)!important;}
body.livel-construct-theme .ui-build{border-radius:28px!important;}
body.livel-construct-theme .hero::before{opacity:.08!important;}
body.livel-construct-theme .hero::after{display:none!important;}
body.livel-construct-theme .eyebrow{background:rgba(201,134,50,.12)!important;color:#7a4d18!important;border-color:rgba(201,134,50,.26)!important;}
body.livel-construct-theme .chip{background:#fffdf8!important;color:#6f5c4b!important;border-color:rgba(122,90,166,.16)!important;}


/* LIVEL v41 - paleta refinada morado / dorado / blancos / cian
   Base visual: profesional, clara, cálida y sanitaria. */
:root{
  --lv-bg:#FFFCF6!important;
  --lv-bg-2:#F7F1EA!important;
  --lv-surface:#FFFFFF!important;
  --lv-surface-soft:#FBF8FF!important;
  --lv-panel:rgba(255,255,255,.88)!important;
  --lv-panel-strong:rgba(255,255,255,.96)!important;
  --lv-ink:#251B35!important;
  --lv-muted:#6F647C!important;
  --lv-dim:#8C8198!important;
  --lv-purple:#6C4BA2!important;
  --lv-purple-dark:#4F2F7F!important;
  --lv-purple-deep:#3E2468!important;
  --lv-purple-soft:#B9A3DA!important;
  --lv-gold:#C79A3B!important;
  --lv-gold-dark:#9F7624!important;
  --lv-cyan:#27C4D7!important;
  --lv-cyan-dark:#0B8FA1!important;
  --lv-cyan-soft:#DDF8FB!important;
  --lv-line:rgba(108,75,162,.16)!important;
  --lv-line-soft:rgba(108,75,162,.09)!important;
  --lv-glow:0 18px 55px rgba(79,47,127,.10),0 0 0 1px rgba(108,75,162,.08)!important;
}
body.livel-construct-theme,
body:not(.dark-mode){
  background:
    radial-gradient(circle at 9% 8%,rgba(199,154,59,.13),transparent 24rem),
    radial-gradient(circle at 88% 7%,rgba(39,196,215,.13),transparent 28rem),
    radial-gradient(circle at 55% 0%,rgba(185,163,218,.13),transparent 30rem),
    linear-gradient(135deg,#FFFCF6 0%,#F7F1EA 48%,#FFFFFF 100%)!important;
  color:#251B35!important;
}
body.livel-construct-theme::before{opacity:.10!important;background-image:linear-gradient(rgba(108,75,162,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(108,75,162,.10) 1px,transparent 1px)!important;}
body.livel-construct-theme::after{display:none!important;}
body:not(.livel-construct-theme):not(.dark-mode) nav:not(.lv-raw),
body:not(.livel-construct-theme):not(.dark-mode) .topbar:not(.lv-raw),
body:not(.livel-construct-theme):not(.dark-mode) .navbar:not(.lv-raw),
body:not(.livel-construct-theme):not(.dark-mode) .nav,
body:not(.livel-construct-theme):not(.dark-mode) .topbar,
body:not(.livel-construct-theme):not(.dark-mode) .tb,
body:not(.livel-construct-theme):not(.dark-mode) .header{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(108,75,162,.14)!important;
  box-shadow:0 16px 48px rgba(37,27,53,.08)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme h4,
body.livel-construct-theme h5,
body.livel-construct-theme h6,
body.livel-construct-theme .logo-text,
body.livel-construct-theme .brand-word,
body.livel-construct-theme .nav-text,
h1,h2,h3,h4,h5,h6{color:#251B35!important;text-shadow:none!important;}
body.livel-construct-theme .gradient-text,
body.livel-construct-theme h1 .accent,
body.livel-construct-theme h2 .accent,
body.livel-construct-theme .accent,
body.livel-construct-theme .brand,
.gradient-text{
  background:linear-gradient(135deg,#4F2F7F 0%,#6C4BA2 46%,#0B8FA1 76%,#C79A3B 116%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme label,
body.livel-construct-theme small,
body.livel-construct-theme .section-subtitle,
body.livel-construct-theme .muted,
.muted,.page-subtitle,.card-label,.stat-n,.stat-s,.tb-greeting{color:#6F647C!important;}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .portal-card,
body.livel-construct-theme .seo-card,
body.livel-construct-theme .seo-panel,
.card,.stat,.pf,.panel,.modal-content,.modal-card,.table-wrap,.chat-box,.msg,.day-card,.plan-card,.food-card,.file-card,.empty,[class*="card"],[class*="panel"]{
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(251,248,255,.90))!important;
  border-color:rgba(108,75,162,.14)!important;
  color:#251B35!important;
  box-shadow:0 18px 52px rgba(37,27,53,.08)!important;
}
body.livel-construct-theme .hero,
.hero{
  background:
    radial-gradient(circle at 16% 18%,rgba(199,154,59,.14),transparent 24rem),
    radial-gradient(circle at 85% 10%,rgba(39,196,215,.15),transparent 30rem),
    radial-gradient(circle at 48% 0%,rgba(108,75,162,.11),transparent 34rem),
    linear-gradient(135deg,#FFFCF6,#F6F0EA 58%,#FFFFFF)!important;
}
.hero::after{display:none!important;}
.hero::before{opacity:.10!important;background-image:linear-gradient(rgba(108,75,162,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(108,75,162,.12) 1px,transparent 1px)!important;}
.btn-primary,.btn-prim,.btn-login,button[type="submit"],.btn.btn-primary{
  background:linear-gradient(135deg,#4F2F7F 0%,#6C4BA2 54%,#27C4D7 125%)!important;
  color:#fff!important;
  border-color:rgba(108,75,162,.22)!important;
  box-shadow:0 14px 34px rgba(79,47,127,.18)!important;
}
.btn-primary:hover,.btn-prim:hover,.btn-login:hover{filter:saturate(1.06) brightness(1.02)!important;}
.btn-ghost,.btn-sec,.btn-secondary,.btn-outline,.btn-out,.tb-home{
  background:#FFFFFF!important;
  color:#4F2F7F!important;
  border:1px solid rgba(108,75,162,.22)!important;
  box-shadow:0 8px 24px rgba(37,27,53,.05)!important;
}
.eyebrow,.seo-badge,.role-badge,.badge{
  background:rgba(199,154,59,.12)!important;
  border-color:rgba(199,154,59,.25)!important;
  color:#7A581A!important;
}
.chip,.tag{
  background:#F4FCFD!important;
  border-color:rgba(39,196,215,.24)!important;
  color:#0B6E7D!important;
}
.chip svg{color:#0B8FA1!important;}
input,textarea,select,.form-input,.form-select,.form-textarea{
  background:#FFFFFF!important;
  color:#251B35!important;
  border-color:rgba(108,75,162,.22)!important;
}
input::placeholder,textarea::placeholder{color:rgba(111,100,124,.62)!important;}
table,.table{background:#FFFFFF!important;color:#251B35!important;border-color:rgba(108,75,162,.12)!important;}
th,thead,.table th{background:#F4EEFA!important;color:#4F2F7F!important;border-color:rgba(108,75,162,.12)!important;}
td,.table td{background:#FFFFFF!important;color:#4D4259!important;border-color:rgba(108,75,162,.08)!important;}
tr:hover td{background:#F4FCFD!important;color:#251B35!important;}
.sidebar{background:linear-gradient(180deg,#FFFFFF,#FBF8FF)!important;border-color:rgba(108,75,162,.12)!important;}
.nav-item{color:#5F536D!important;}
.nav-item:hover,.nav-item.active{background:#F4FCFD!important;color:#4F2F7F!important;border-left-color:#27C4D7!important;}
.l-left,.perfil-hero,.builder-stage{background:linear-gradient(135deg,#6C4BA2,#4F2F7F 72%,#0B8FA1)!important;color:#fff!important;}
.l-left h1,.l-left h2,.l-left h3,.perfil-hero h1,.perfil-hero h2,.perfil-hero h3{color:#fff!important;}
.livel-build-loader{background:linear-gradient(135deg,#FFFCF6,#F5EEF9,#F4FCFD)!important;}
.livel-build-loader::after{display:none!important;}
.livel-loader-card{background:rgba(255,255,255,.92)!important;color:#251B35!important;border-color:rgba(108,75,162,.14)!important;}
.livel-loader-title{color:#251B35!important;}.livel-loader-sub{color:#6F647C!important;}
svg text{fill:#251B35!important;}

/* =========================================================
   LIVEL V42 - PALETA MORADO / DORADO / CIAN CON CONTRASTE
   Menos blanco, superficies lavanda-perla y texto AA-friendly
   ========================================================= */
:root{
  --livel-v42-ink:#1f1230;
  --livel-v42-ink-2:#34204b;
  --livel-v42-muted:#5f4d71;
  --livel-v42-purple-900:#35134f;
  --livel-v42-purple-800:#4b1f6f;
  --livel-v42-purple-700:#62308c;
  --livel-v42-purple-600:#7a45a7;
  --livel-v42-purple-100:#e9def7;
  --livel-v42-purple-75:#f0e8fb;
  --livel-v42-purple-50:#f6f1fc;
  --livel-v42-gold:#c8922c;
  --livel-v42-gold-2:#e2bb64;
  --livel-v42-gold-soft:#f8ecd2;
  --livel-v42-cyan:#008f9a;
  --livel-v42-cyan-2:#00a9b8;
  --livel-v42-cyan-soft:#d9f5f7;
  --livel-v42-surface:#f1e8fb;
  --livel-v42-surface-2:#eadff6;
  --livel-v42-card:#fbf7ee;
  --livel-v42-card-2:#f8f1df;
  --livel-v42-line:rgba(75,31,111,.20);
  --livel-v42-shadow:0 22px 70px rgba(53,19,79,.14);
}

/* Landing / marketing */
body.livel-construct-theme{
  --lv-bg:var(--livel-v42-surface)!important;
  --lv-bg-2:var(--livel-v42-surface-2)!important;
  --lv-panel:rgba(251,247,238,.92)!important;
  --lv-panel-strong:rgba(248,241,223,.98)!important;
  --lv-ink:var(--livel-v42-ink)!important;
  --lv-muted:var(--livel-v42-muted)!important;
  --lv-dim:#725f83!important;
  --lv-purple:var(--livel-v42-purple-700)!important;
  --lv-purple-dark:var(--livel-v42-purple-800)!important;
  --lv-purple-deep:var(--livel-v42-purple-900)!important;
  --lv-purple-soft:#bda2dc!important;
  --lv-gold:var(--livel-v42-gold)!important;
  --lv-gold-dark:#a87517!important;
  --lv-line:var(--livel-v42-line)!important;
  --lv-line-soft:rgba(75,31,111,.12)!important;
  --lv-glow:var(--livel-v42-shadow)!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(0,169,184,.18),transparent 24rem),
    radial-gradient(circle at 82% 8%,rgba(200,146,44,.18),transparent 26rem),
    linear-gradient(135deg,#efe5fa 0%,#f6f1fc 42%,#f3e7cc 100%)!important;
  color:var(--livel-v42-ink)!important;
}
body.livel-construct-theme::before{opacity:.10!important;}
body.livel-construct-theme .nav,
body.livel-construct-theme header,
body.livel-construct-theme .navbar{
  background:linear-gradient(135deg,rgba(53,19,79,.94),rgba(75,31,111,.90))!important;
  border-color:rgba(226,187,100,.30)!important;
  box-shadow:0 18px 58px rgba(53,19,79,.20)!important;
}
body.livel-construct-theme .nav a,
body.livel-construct-theme header a,
body.livel-construct-theme .navbar a,
body.livel-construct-theme .brand-word{color:#fffaf0!important;}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme h4{color:var(--livel-v42-purple-900)!important;}
body.livel-construct-theme .gradient-text,
body.livel-construct-theme .hero-title,
body.livel-construct-theme h1 span{
  background:linear-gradient(135deg,var(--livel-v42-purple-900) 0%,var(--livel-v42-purple-700) 50%,var(--livel-v42-cyan) 82%,var(--livel-v42-gold) 108%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme .muted{color:var(--livel-v42-muted)!important;}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .portal-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .doc-card,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .contact-shell,
body.livel-construct-theme .contact-card,
body.livel-construct-theme section[class*="card"]{
  background:linear-gradient(145deg,var(--livel-v42-card),var(--livel-v42-purple-75))!important;
  color:var(--livel-v42-ink)!important;
  border:1px solid var(--livel-v42-line)!important;
  box-shadow:var(--livel-v42-shadow)!important;
}
body.livel-construct-theme .contact-card b,
body.livel-construct-theme .eyebrow,
body.livel-construct-theme .kicker,
body.livel-construct-theme .badge{
  color:var(--livel-v42-purple-900)!important;
  background:linear-gradient(135deg,var(--livel-v42-gold-soft),var(--livel-v42-cyan-soft))!important;
  border-color:rgba(75,31,111,.18)!important;
}
body.livel-construct-theme .btn,
body.livel-construct-theme button,
body.livel-construct-theme .cta,
body.livel-construct-theme .btn-primary{
  background:linear-gradient(135deg,var(--livel-v42-purple-800),var(--livel-v42-purple-600) 65%,var(--livel-v42-cyan))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  text-shadow:none!important;
}
body.livel-construct-theme .btn-secondary,
body.livel-construct-theme .btn-ghost{
  background:linear-gradient(135deg,var(--livel-v42-gold-soft),#fff8e8)!important;
  color:var(--livel-v42-purple-900)!important;
  border-color:rgba(200,146,44,.42)!important;
}
body.livel-construct-theme input,
body.livel-construct-theme textarea,
body.livel-construct-theme select{
  background:#fff9ea!important;
  color:var(--livel-v42-ink)!important;
  border:1px solid rgba(75,31,111,.24)!important;
}
body.livel-construct-theme input::placeholder,
body.livel-construct-theme textarea::placeholder{color:#735f84!important;opacity:1!important;}

/* Portales y pantallas internas: no blanco puro, contraste alto */
body:not(.livel-construct-theme):not(.dark-mode){
  --ink:var(--livel-v42-ink)!important;
  --ink2:var(--livel-v42-ink-2)!important;
  --ink3:#4e3a62!important;
  --ink4:var(--livel-v42-muted)!important;
  --line:var(--livel-v42-line)!important;
  --line-2:rgba(75,31,111,.12)!important;
  --bg:var(--livel-v42-surface)!important;
  --white:var(--livel-v42-card)!important;
  --purple:var(--livel-v42-purple-700)!important;
  --purple-d:var(--livel-v42-purple-900)!important;
  --purple-l:var(--livel-v42-purple-100)!important;
  --blue:var(--livel-v42-cyan)!important;
  --blue-d:#006a73!important;
  --blue-l:var(--livel-v42-cyan-soft)!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(0,169,184,.14),transparent 22rem),
    radial-gradient(circle at 85% 4%,rgba(200,146,44,.16),transparent 26rem),
    linear-gradient(135deg,#efe6fa 0%,#f6f0fb 52%,#f1e3bd 135%)!important;
  color:var(--livel-v42-ink)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .main,
body:not(.livel-construct-theme):not(.dark-mode) main,
body:not(.livel-construct-theme):not(.dark-mode) .content,
body:not(.livel-construct-theme):not(.dark-mode) .workspace,
body:not(.livel-construct-theme):not(.dark-mode) .app-shell{
  background:transparent!important;
  color:var(--livel-v42-ink)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .topbar,
body:not(.livel-construct-theme):not(.dark-mode) .header,
body:not(.livel-construct-theme):not(.dark-mode) .portal-header{
  background:linear-gradient(135deg,rgba(53,19,79,.96),rgba(75,31,111,.92))!important;
  color:#fffaf0!important;
  border-color:rgba(226,187,100,.28)!important;
  box-shadow:0 18px 58px rgba(53,19,79,.18)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .topbar *,
body:not(.livel-construct-theme):not(.dark-mode) .header *,
body:not(.livel-construct-theme):not(.dark-mode) .portal-header *{color:#fffaf0!important;}
body:not(.livel-construct-theme):not(.dark-mode) .sidebar{
  background:linear-gradient(180deg,var(--livel-v42-purple-900),#261036)!important;
  color:#fffaf0!important;
  border-right:1px solid rgba(226,187,100,.22)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .sidebar *,
body:not(.livel-construct-theme):not(.dark-mode) .sb-item{color:#fffaf0!important;}
body:not(.livel-construct-theme):not(.dark-mode) .sb-item.active,
body:not(.livel-construct-theme):not(.dark-mode) .sb-item:hover{
  background:linear-gradient(135deg,rgba(0,169,184,.24),rgba(226,187,100,.18))!important;
  color:#fff!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .card,
body:not(.livel-construct-theme):not(.dark-mode) .panel,
body:not(.livel-construct-theme):not(.dark-mode) .section,
body:not(.livel-construct-theme):not(.dark-mode) .box,
body:not(.livel-construct-theme):not(.dark-mode) .modal-content,
body:not(.livel-construct-theme):not(.dark-mode) .modal-card,
body:not(.livel-construct-theme):not(.dark-mode) .patient-card,
body:not(.livel-construct-theme):not(.dark-mode) .evaluation-card,
body:not(.livel-construct-theme):not(.dark-mode) .portal-card,
body:not(.livel-construct-theme):not(.dark-mode) .stat-card,
body:not(.livel-construct-theme):not(.dark-mode) .chart-card,
body:not(.livel-construct-theme):not(.dark-mode) .tab-content,
body:not(.livel-construct-theme):not(.dark-mode) .form-card{
  background:linear-gradient(145deg,var(--livel-v42-card),var(--livel-v42-purple-75))!important;
  color:var(--livel-v42-ink)!important;
  border:1px solid var(--livel-v42-line)!important;
  box-shadow:var(--livel-v42-shadow)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:white"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: white"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #fff"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background-color:white"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background-color: white"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background-color:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background-color: #fff"]{
  background:linear-gradient(145deg,var(--livel-v42-card),var(--livel-v42-purple-75))!important;
  color:var(--livel-v42-ink)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) h1,
body:not(.livel-construct-theme):not(.dark-mode) h2,
body:not(.livel-construct-theme):not(.dark-mode) h3,
body:not(.livel-construct-theme):not(.dark-mode) h4,
body:not(.livel-construct-theme):not(.dark-mode) h5{
  color:var(--livel-v42-purple-900)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) p,
body:not(.livel-construct-theme):not(.dark-mode) li,
body:not(.livel-construct-theme):not(.dark-mode) label,
body:not(.livel-construct-theme):not(.dark-mode) small,
body:not(.livel-construct-theme):not(.dark-mode) span,
body:not(.livel-construct-theme):not(.dark-mode) td{
  color:var(--livel-v42-ink-2)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .muted,
body:not(.livel-construct-theme):not(.dark-mode) .text-muted,
body:not(.livel-construct-theme):not(.dark-mode) .hint,
body:not(.livel-construct-theme):not(.dark-mode) .subtitle{
  color:var(--livel-v42-muted)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) a{color:var(--livel-v42-purple-800)!important;}
body:not(.livel-construct-theme):not(.dark-mode) button,
body:not(.livel-construct-theme):not(.dark-mode) .btn,
body:not(.livel-construct-theme):not(.dark-mode) .primary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-primary{
  background:linear-gradient(135deg,var(--livel-v42-purple-800),var(--livel-v42-purple-600) 64%,var(--livel-v42-cyan))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  text-shadow:none!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .btn-secondary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-outline,
body:not(.livel-construct-theme):not(.dark-mode) .ghost{
  background:linear-gradient(135deg,var(--livel-v42-gold-soft),#fff8e8)!important;
  color:var(--livel-v42-purple-900)!important;
  border:1px solid rgba(200,146,44,.38)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) input,
body:not(.livel-construct-theme):not(.dark-mode) textarea,
body:not(.livel-construct-theme):not(.dark-mode) select{
  background:#fff9ea!important;
  color:var(--livel-v42-ink)!important;
  border:1px solid rgba(75,31,111,.26)!important;
  box-shadow:0 0 0 3px rgba(0,169,184,0)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) input:focus,
body:not(.livel-construct-theme):not(.dark-mode) textarea:focus,
body:not(.livel-construct-theme):not(.dark-mode) select:focus{
  outline:none!important;
  border-color:var(--livel-v42-cyan)!important;
  box-shadow:0 0 0 3px rgba(0,169,184,.16)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) input::placeholder,
body:not(.livel-construct-theme):not(.dark-mode) textarea::placeholder{color:#725f83!important;opacity:1!important;}
body:not(.livel-construct-theme):not(.dark-mode) table{
  background:var(--livel-v42-card)!important;
  color:var(--livel-v42-ink)!important;
  border-color:var(--livel-v42-line)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) th{
  background:linear-gradient(135deg,var(--livel-v42-purple-100),var(--livel-v42-cyan-soft))!important;
  color:var(--livel-v42-purple-900)!important;
  border-color:var(--livel-v42-line)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) td{
  background:rgba(251,247,238,.72)!important;
  color:var(--livel-v42-ink-2)!important;
  border-color:rgba(75,31,111,.12)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) tr:hover td{
  background:var(--livel-v42-cyan-soft)!important;
  color:var(--livel-v42-ink)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) .badge,
body:not(.livel-construct-theme):not(.dark-mode) .chip,
body:not(.livel-construct-theme):not(.dark-mode) .tag,
body:not(.livel-construct-theme):not(.dark-mode) .pill{
  background:linear-gradient(135deg,var(--livel-v42-cyan-soft),var(--livel-v42-gold-soft))!important;
  color:var(--livel-v42-purple-900)!important;
  border:1px solid rgba(75,31,111,.18)!important;
}
body:not(.livel-construct-theme):not(.dark-mode) canvas,
body:not(.livel-construct-theme):not(.dark-mode) .chart-container{
  background:rgba(251,247,238,.74)!important;
  border-radius:18px!important;
}

/* Contraste: nunca texto claro sobre superficie clara salvo dentro de botones/header/sidebar */
body:not(.livel-construct-theme):not(.dark-mode) .card *:not(button):not(.btn):not(.badge):not(.chip):not(.tag):not(.pill),
body:not(.livel-construct-theme):not(.dark-mode) .panel *:not(button):not(.btn):not(.badge):not(.chip):not(.tag):not(.pill),
body:not(.livel-construct-theme):not(.dark-mode) .modal-content *:not(button):not(.btn):not(.badge):not(.chip):not(.tag):not(.pill){
  text-shadow:none!important;
}

/* Logo: mantener proporción y tamaño consistente */
body .brand-logo,
body .logo,
body img[class*="logo"],
body img[src*="logo"]{
  max-width:112px!important;
  max-height:38px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
body.livel-construct-theme .hero img[class*="logo"],
body.livel-construct-theme .logo-orbit img,
body.livel-construct-theme .mock-logo img{max-width:120px!important;max-height:72px!important;}
@media (max-width:760px){
  body .brand-logo,body .logo,body img[class*="logo"],body img[src*="logo"]{max-width:84px!important;max-height:34px!important;}
}

/* LIVEL v43 - override final para páginas públicas y utilitarias */
:root{
  --lv-bg:#05050b!important;
  --lv-bg-2:#0c0718!important;
  --lv-surface:#120d1f!important;
  --lv-surface-soft:#1a1430!important;
  --lv-panel:rgba(17,13,30,.84)!important;
  --lv-panel-strong:rgba(27,21,45,.92)!important;
  --lv-ink:#f7f2ff!important;
  --lv-muted:#d4c7e8!important;
  --lv-dim:#ab99c8!important;
  --lv-purple:#a78bcc!important;
  --lv-purple-dark:#6c4ba2!important;
  --lv-purple-deep:#4f2f7f!important;
  --lv-purple-soft:#cbb5ec!important;
  --lv-gold:#f5c76b!important;
  --lv-gold-dark:#cfa04a!important;
  --lv-cyan:#27c4d7!important;
  --lv-cyan-dark:#1098aa!important;
  --lv-cyan-soft:rgba(39,196,215,.12)!important;
  --lv-line:rgba(167,139,204,.22)!important;
  --lv-line-soft:rgba(167,139,204,.10)!important;
  --lv-glow:0 24px 80px rgba(0,0,0,.24),0 0 0 1px rgba(167,139,204,.10)!important;
}
body.livel-construct-theme,
body:not(.livel-construct-theme):not(.dark-mode){
  background:
    radial-gradient(circle at 12% 8%,rgba(39,196,215,.16),transparent 24rem),
    radial-gradient(circle at 84% 10%,rgba(245,199,107,.15),transparent 28rem),
    linear-gradient(135deg,#05050b 0%,#0c0718 56%,#080610 100%)!important;
  color:#f7f2ff!important;
}
body.livel-construct-theme::before{opacity:.16!important;background-image:linear-gradient(rgba(167,139,204,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,204,.10) 1px,transparent 1px)!important;}
body.livel-construct-theme::after{display:none!important;}
body.livel-construct-theme nav:not(.lv-raw),
body.livel-construct-theme .topbar:not(.lv-raw),
body.livel-construct-theme .navbar:not(.lv-raw),
body:not(.livel-construct-theme):not(.dark-mode) nav,
body:not(.livel-construct-theme):not(.dark-mode) .topbar,
body:not(.livel-construct-theme):not(.dark-mode) .navbar,
body:not(.livel-construct-theme):not(.dark-mode) header{
  background:rgba(8,7,15,.82)!important;
  border-color:rgba(167,139,204,.22)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme h4,
body.livel-construct-theme h5,
body.livel-construct-theme h6,
body:not(.livel-construct-theme):not(.dark-mode) h1,
body:not(.livel-construct-theme):not(.dark-mode) h2,
body:not(.livel-construct-theme):not(.dark-mode) h3,
body:not(.livel-construct-theme):not(.dark-mode) h4,
body:not(.livel-construct-theme):not(.dark-mode) h5,
body:not(.livel-construct-theme):not(.dark-mode) h6{color:#fff!important;text-shadow:none!important;}
body.livel-construct-theme .gradient-text,
body.livel-construct-theme .accent,
body.livel-construct-theme .brand,
body:not(.livel-construct-theme):not(.dark-mode) .gradient-text{
  background:linear-gradient(135deg,#ffffff 0%,#cbb5ec 38%,#a78bcc 64%,#27c4d7 86%,#f5c76b 118%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme label,
body.livel-construct-theme small,
body:not(.livel-construct-theme):not(.dark-mode) p,
body:not(.livel-construct-theme):not(.dark-mode) li,
body:not(.livel-construct-theme):not(.dark-mode) label,
body:not(.livel-construct-theme):not(.dark-mode) small{color:#d4c7e8!important;}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .section-card,
body.livel-construct-theme .content-card,
body:not(.livel-construct-theme):not(.dark-mode) .card,
body:not(.livel-construct-theme):not(.dark-mode) .feature-card,
body:not(.livel-construct-theme):not(.dark-mode) .pricing-card,
body:not(.livel-construct-theme):not(.dark-mode) .faq-item,
body:not(.livel-construct-theme):not(.dark-mode) .doc-section,
body:not(.livel-construct-theme):not(.dark-mode) .section-card,
body:not(.livel-construct-theme):not(.dark-mode) .content-card,
body:not(.livel-construct-theme):not(.dark-mode) .stat-card,
body:not(.livel-construct-theme):not(.dark-mode) .modal-content{
  background:linear-gradient(145deg,rgba(24,18,42,.92),rgba(10,8,18,.94))!important;
  border:1px solid rgba(167,139,204,.20)!important;
  color:#f7f2ff!important;
  box-shadow:0 24px 80px rgba(0,0,0,.24)!important;
}
body.livel-construct-theme input,
body.livel-construct-theme textarea,
body.livel-construct-theme select,
body:not(.livel-construct-theme):not(.dark-mode) input,
body:not(.livel-construct-theme):not(.dark-mode) textarea,
body:not(.livel-construct-theme):not(.dark-mode) select{
  background:#0d0917!important;
  color:#fff!important;
  border-color:rgba(167,139,204,.28)!important;
}
body.livel-construct-theme table,
body:not(.livel-construct-theme):not(.dark-mode) table{
  background:rgba(10,8,18,.70)!important;
  color:#f7f2ff!important;
  border-color:rgba(167,139,204,.18)!important;
}
body.livel-construct-theme th,
body:not(.livel-construct-theme):not(.dark-mode) th{
  background:rgba(167,139,204,.14)!important;
  color:#f7f2ff!important;
  border-color:rgba(167,139,204,.20)!important;
}
body.livel-construct-theme td,
body:not(.livel-construct-theme):not(.dark-mode) td{
  color:#ddd1ee!important;
  background:transparent!important;
  border-color:rgba(167,139,204,.10)!important;
}
body.livel-construct-theme tr:hover td,
body:not(.livel-construct-theme):not(.dark-mode) tr:hover td{
  background:rgba(39,196,215,.08)!important;
  color:#fff!important;
}
body.livel-construct-theme .btn,
body:not(.livel-construct-theme):not(.dark-mode) .btn,
body:not(.livel-construct-theme):not(.dark-mode) .btn-nav,
body:not(.livel-construct-theme):not(.dark-mode) .btn-hero,
body:not(.livel-construct-theme):not(.dark-mode) .btn-login,
body:not(.livel-construct-theme):not(.dark-mode) .btn-cta,
body:not(.livel-construct-theme):not(.dark-mode) button[type="submit"]{
  background:linear-gradient(135deg,#4f2f7f,#6c4ba2 58%,#27c4d7 122%)!important;
  color:#fff!important;
  border-color:rgba(167,139,204,.22)!important;
  box-shadow:0 16px 40px rgba(79,47,127,.22)!important;
}
body.livel-construct-theme .btn-ghost,
body:not(.livel-construct-theme):not(.dark-mode) .btn-ghost,
body:not(.livel-construct-theme):not(.dark-mode) .btn-secondary{
  background:rgba(255,255,255,.05)!important;
  color:#efe6ff!important;
  border-color:rgba(167,139,204,.22)!important;
}

/* LIVEL v44 - override final sin blancos y con cian/verde visibles */
:root{
  --lv-green:#5fe3a3!important;
  --lv-green-strong:#2ecb7b!important;
  --lv-cyan:#27c4d7!important;
  --lv-cyan-strong:#11a9bc!important;
}
body.livel-construct-theme,
body:not(.livel-construct-theme):not(.dark-mode){
  background:
    radial-gradient(circle at 10% 8%,rgba(39,196,215,.18),transparent 22rem),
    radial-gradient(circle at 82% 10%,rgba(95,227,163,.12),transparent 24rem),
    radial-gradient(circle at 90% 8%,rgba(245,199,107,.12),transparent 26rem),
    linear-gradient(135deg,#06040b 0%,#0b0714 54%,#05040a 100%)!important;
  color:#fbf8ff!important;
}
body.livel-construct-theme::before,
body:not(.livel-construct-theme):not(.dark-mode)::before{
  opacity:.14!important;
  background-image:
    linear-gradient(rgba(39,196,215,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,139,204,.10) 1px,transparent 1px)!important;
}
body.livel-construct-theme nav,
body.livel-construct-theme .topbar,
body.livel-construct-theme .navbar,
body.livel-construct-theme header,
body:not(.livel-construct-theme):not(.dark-mode) nav,
body:not(.livel-construct-theme):not(.dark-mode) .topbar,
body:not(.livel-construct-theme):not(.dark-mode) .navbar,
body:not(.livel-construct-theme):not(.dark-mode) header{
  background:rgba(7,6,14,.88)!important;
  border-color:rgba(39,196,215,.22)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.32)!important;
}
body.livel-construct-theme .hero,
body.livel-construct-theme .mision,
body.livel-construct-theme .valores,
body.livel-construct-theme .credenciales,
body.livel-construct-theme .cta-final,
body.livel-construct-theme footer:not(.lv-raw),
body:not(.livel-construct-theme):not(.dark-mode) .hero,
body:not(.livel-construct-theme):not(.dark-mode) footer{
  background:
    radial-gradient(circle at 14% 16%,rgba(39,196,215,.16),transparent 22rem),
    radial-gradient(circle at 86% 10%,rgba(95,227,163,.12),transparent 24rem),
    radial-gradient(circle at 92% 8%,rgba(245,199,107,.10),transparent 28rem),
    linear-gradient(135deg,#090613 0%,#0b0716 56%,#06050d 100%)!important;
}
body.livel-construct-theme h1,
body.livel-construct-theme h2,
body.livel-construct-theme h3,
body.livel-construct-theme h4,
body.livel-construct-theme h5,
body.livel-construct-theme h6,
body:not(.livel-construct-theme):not(.dark-mode) h1,
body:not(.livel-construct-theme):not(.dark-mode) h2,
body:not(.livel-construct-theme):not(.dark-mode) h3,
body:not(.livel-construct-theme):not(.dark-mode) h4,
body:not(.livel-construct-theme):not(.dark-mode) h5,
body:not(.livel-construct-theme):not(.dark-mode) h6,
body.livel-construct-theme .section-title,
body:not(.livel-construct-theme):not(.dark-mode) .section-title{
  color:#fff!important;
}
body.livel-construct-theme .gradient-text,
body:not(.livel-construct-theme):not(.dark-mode) .gradient-text,
body.livel-construct-theme .brand-word{
  background:linear-gradient(135deg,#98f6c8 0%,#27c4d7 28%,#a78bcc 64%,#f5c76b 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme label,
body.livel-construct-theme small,
body.livel-construct-theme .section-lead,
body.livel-construct-theme .muted,
body.livel-construct-theme .footer-desc,
body.livel-construct-theme .footer-bottom,
body:not(.livel-construct-theme):not(.dark-mode) p,
body:not(.livel-construct-theme):not(.dark-mode) li,
body:not(.livel-construct-theme):not(.dark-mode) label,
body:not(.livel-construct-theme):not(.dark-mode) small,
body:not(.livel-construct-theme):not(.dark-mode) .muted{
  color:#e2daf1!important;
}
body.livel-construct-theme strong,
body.livel-construct-theme b,
body.livel-construct-theme .stat-v,
body.livel-construct-theme .metric b,
body.livel-construct-theme .step b,
body:not(.livel-construct-theme):not(.dark-mode) strong,
body:not(.livel-construct-theme):not(.dark-mode) b{
  color:#fff!important;
}
body.livel-construct-theme .metric b,
body.livel-construct-theme .step b,
body.livel-construct-theme .seo-stat strong,
body.livel-construct-theme .testimonial-card strong,
body:not(.livel-construct-theme):not(.dark-mode) .badge-count{
  color:#9ff7cf!important;
}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .portal-card,
body.livel-construct-theme .seo-card,
body.livel-construct-theme .seo-panel,
body.livel-construct-theme .seo-column,
body.livel-construct-theme .seo-link-card,
body.livel-construct-theme .seo-cta-box,
body.livel-construct-theme .contact-shell,
body.livel-construct-theme .contact-card,
body.livel-construct-theme .contact-form,
body.livel-construct-theme .mock-screen,
body.livel-construct-theme .ui-build,
body.livel-construct-theme .metric,
body.livel-construct-theme .build-card,
body.livel-construct-theme .step,
body.livel-construct-theme .stat-card,
body.livel-construct-theme .dashboard-card,
body.livel-construct-theme .modal-content,
body.livel-construct-theme [class*="card"],
body.livel-construct-theme [class*="panel"],
body:not(.livel-construct-theme):not(.dark-mode) .card,
body:not(.livel-construct-theme):not(.dark-mode) .panel,
body:not(.livel-construct-theme):not(.dark-mode) .modal-content,
body:not(.livel-construct-theme):not(.dark-mode) [class*="card"],
body:not(.livel-construct-theme):not(.dark-mode) [class*="panel"]{
  background:linear-gradient(145deg,rgba(24,18,42,.94),rgba(10,8,18,.95))!important;
  border:1px solid rgba(39,196,215,.16)!important;
  color:#fbf8ff!important;
  box-shadow:0 24px 80px rgba(0,0,0,.30)!important;
}
body.livel-construct-theme .card-icon,
body.livel-construct-theme .build-icon,
body.livel-construct-theme .ui-dot,
body.livel-construct-theme .chip svg,
body:not(.livel-construct-theme):not(.dark-mode) .card-icon{
  color:#39d2e1!important;
}
body.livel-construct-theme .btn,
body.livel-construct-theme button,
body.livel-construct-theme .btn-primary,
body.livel-construct-theme .btn-nav,
body.livel-construct-theme .btn-hero,
body.livel-construct-theme .btn-login,
body.livel-construct-theme input[type="submit"],
body:not(.livel-construct-theme):not(.dark-mode) .btn,
body:not(.livel-construct-theme):not(.dark-mode) .btn-primary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-login,
body:not(.livel-construct-theme):not(.dark-mode) button[type="submit"]{
  background:linear-gradient(135deg,#4f2f7f 0%,#6c4ba2 42%,#27c4d7 78%,#5fe3a3 118%)!important;
  color:#fff!important;
  border-color:rgba(39,196,215,.24)!important;
  box-shadow:0 18px 44px rgba(10,152,170,.22)!important;
}
body.livel-construct-theme .btn-secondary,
body.livel-construct-theme .btn-ghost,
body.livel-construct-theme .btn-outline,
body:not(.livel-construct-theme):not(.dark-mode) .btn-secondary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-ghost,
body:not(.livel-construct-theme):not(.dark-mode) .btn-outline{
  background:rgba(11,16,28,.78)!important;
  color:#f3ecff!important;
  border:1px solid rgba(39,196,215,.24)!important;
  box-shadow:none!important;
}
body.livel-construct-theme .badge,
body.livel-construct-theme .pill,
body.livel-construct-theme .eyebrow,
body.livel-construct-theme .section-kicker,
body:not(.livel-construct-theme):not(.dark-mode) .badge,
body:not(.livel-construct-theme):not(.dark-mode) .pill{
  background:rgba(245,199,107,.14)!important;
  color:#f7d995!important;
  border-color:rgba(245,199,107,.22)!important;
}
body.livel-construct-theme .chip,
body.livel-construct-theme .tag,
body.livel-construct-theme .role-badge,
body:not(.livel-construct-theme):not(.dark-mode) .chip,
body:not(.livel-construct-theme):not(.dark-mode) .tag{
  background:linear-gradient(135deg,rgba(39,196,215,.14),rgba(95,227,163,.12))!important;
  color:#aef8d7!important;
  border-color:rgba(39,196,215,.22)!important;
}
body.livel-construct-theme input,
body.livel-construct-theme textarea,
body.livel-construct-theme select,
body:not(.livel-construct-theme):not(.dark-mode) input,
body:not(.livel-construct-theme):not(.dark-mode) textarea,
body:not(.livel-construct-theme):not(.dark-mode) select{
  background:#0d0917!important;
  color:#fff!important;
  border-color:rgba(39,196,215,.18)!important;
}
body.livel-construct-theme table,
body.livel-construct-theme th,
body.livel-construct-theme td,
body:not(.livel-construct-theme):not(.dark-mode) table,
body:not(.livel-construct-theme):not(.dark-mode) th,
body:not(.livel-construct-theme):not(.dark-mode) td{
  background:transparent!important;
  color:#ece4fb!important;
  border-color:rgba(39,196,215,.12)!important;
}
body.livel-construct-theme th,
body:not(.livel-construct-theme):not(.dark-mode) th{
  background:rgba(39,196,215,.10)!important;
  color:#fbf8ff!important;
}
body.livel-construct-theme tr:hover td,
body:not(.livel-construct-theme):not(.dark-mode) tr:hover td{
  background:rgba(39,196,215,.08)!important;
  color:#fff!important;
}
body.livel-construct-theme .chart,
body.livel-construct-theme .chart-card,
body:not(.livel-construct-theme):not(.dark-mode) .chart-container{
  background:linear-gradient(180deg,rgba(39,196,215,.08),rgba(95,227,163,.04))!important;
  border-radius:18px!important;
  border:1px solid rgba(39,196,215,.12)!important;
}

/* LIVEL v45 - todo oscuro, superficies coherentes */
body.livel-construct-theme,
body:not(.livel-construct-theme):not(.dark-mode){
  background:
    radial-gradient(circle at 12% 0,rgba(39,196,215,.08),transparent 24rem),
    radial-gradient(circle at 84% 8%,rgba(245,199,107,.08),transparent 26rem),
    linear-gradient(180deg,#100b1a 0%,#0c0815 44%,#090611 100%)!important;
  color:#f5f0fb!important;
}
body.livel-construct-theme nav,
body.livel-construct-theme .topbar,
body.livel-construct-theme .navbar,
body.livel-construct-theme header,
body:not(.livel-construct-theme):not(.dark-mode) nav,
body:not(.livel-construct-theme):not(.dark-mode) .topbar,
body:not(.livel-construct-theme):not(.dark-mode) .navbar,
body:not(.livel-construct-theme):not(.dark-mode) header{
  background:rgba(20,15,31,.92)!important;
  border-color:rgba(161,136,200,.16)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.24)!important;
}
body.livel-construct-theme .hero,
body.livel-construct-theme .mision,
body.livel-construct-theme .valores,
body.livel-construct-theme .credenciales,
body.livel-construct-theme .cta-final,
body.livel-construct-theme footer:not(.lv-raw),
body:not(.livel-construct-theme):not(.dark-mode) .hero,
body:not(.livel-construct-theme):not(.dark-mode) footer{
  background:transparent!important;
}
body.livel-construct-theme .gradient-text,
body:not(.livel-construct-theme):not(.dark-mode) .gradient-text,
body.livel-construct-theme .brand-word{
  background:linear-gradient(135deg,#f6f2ff 0%,#cfbff0 42%,#9ed7e6 78%,#f5c76b 108%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
body.livel-construct-theme p,
body.livel-construct-theme li,
body.livel-construct-theme label,
body.livel-construct-theme small,
body.livel-construct-theme .section-lead,
body.livel-construct-theme .muted,
body.livel-construct-theme .footer-desc,
body.livel-construct-theme .footer-bottom,
body:not(.livel-construct-theme):not(.dark-mode) p,
body:not(.livel-construct-theme):not(.dark-mode) li,
body:not(.livel-construct-theme):not(.dark-mode) label,
body:not(.livel-construct-theme):not(.dark-mode) small,
body:not(.livel-construct-theme):not(.dark-mode) .muted{
  color:#d7cce8!important;
}
body.livel-construct-theme .card,
body.livel-construct-theme .feature-card,
body.livel-construct-theme .pricing-card,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .doc-section,
body.livel-construct-theme .portal-card,
body.livel-construct-theme .seo-card,
body.livel-construct-theme .seo-panel,
body.livel-construct-theme .seo-column,
body.livel-construct-theme .seo-link-card,
body.livel-construct-theme .seo-cta-box,
body.livel-construct-theme .contact-shell,
body.livel-construct-theme .contact-card,
body.livel-construct-theme .contact-form,
body.livel-construct-theme .mock-screen,
body.livel-construct-theme .ui-build,
body.livel-construct-theme .metric,
body.livel-construct-theme .build-card,
body.livel-construct-theme .step,
body.livel-construct-theme .stat-card,
body.livel-construct-theme .dashboard-card,
body.livel-construct-theme .modal-content,
body.livel-construct-theme [class*="card"],
body.livel-construct-theme [class*="panel"],
body:not(.livel-construct-theme):not(.dark-mode) .card,
body:not(.livel-construct-theme):not(.dark-mode) .panel,
body:not(.livel-construct-theme):not(.dark-mode) .modal-content,
body:not(.livel-construct-theme):not(.dark-mode) [class*="card"],
body:not(.livel-construct-theme):not(.dark-mode) [class*="panel"]{
  background:linear-gradient(145deg,#1b1430,#120f1f)!important;
  border:1px solid rgba(161,136,200,.16)!important;
  color:#f5f0fb!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
}
body.livel-construct-theme .btn,
body.livel-construct-theme button,
body.livel-construct-theme .btn-primary,
body.livel-construct-theme .btn-nav,
body.livel-construct-theme .btn-hero,
body.livel-construct-theme .btn-login,
body.livel-construct-theme input[type="submit"],
body:not(.livel-construct-theme):not(.dark-mode) .btn,
body:not(.livel-construct-theme):not(.dark-mode) .btn-primary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-login,
body:not(.livel-construct-theme):not(.dark-mode) button[type="submit"]{
  background:linear-gradient(135deg,#4f2f7f 0%,#6c4ba2 62%,#27c4d7 118%)!important;
  color:#fff!important;
  border-color:rgba(161,136,200,.20)!important;
  box-shadow:0 14px 34px rgba(79,47,127,.20)!important;
}
body.livel-construct-theme .btn-secondary,
body.livel-construct-theme .btn-ghost,
body.livel-construct-theme .btn-outline,
body:not(.livel-construct-theme):not(.dark-mode) .btn-secondary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-ghost,
body:not(.livel-construct-theme):not(.dark-mode) .btn-outline{
  background:#1a1328!important;
  color:#efe7fb!important;
  border:1px solid rgba(161,136,200,.18)!important;
}
body.livel-construct-theme .badge,
body.livel-construct-theme .pill,
body.livel-construct-theme .eyebrow,
body.livel-construct-theme .section-kicker,
body:not(.livel-construct-theme):not(.dark-mode) .badge,
body:not(.livel-construct-theme):not(.dark-mode) .pill{
  background:rgba(30,23,49,.92)!important;
  color:#e8ddfb!important;
  border-color:rgba(161,136,200,.18)!important;
}
body.livel-construct-theme .tag,
body.livel-construct-theme .chip,
body:not(.livel-construct-theme):not(.dark-mode) .tag,
body:not(.livel-construct-theme):not(.dark-mode) .chip{
  background:rgba(27,21,45,.96)!important;
  color:#ddd2ef!important;
  border-color:rgba(161,136,200,.16)!important;
}
body.livel-construct-theme input,
body.livel-construct-theme textarea,
body.livel-construct-theme select,
body:not(.livel-construct-theme):not(.dark-mode) input,
body:not(.livel-construct-theme):not(.dark-mode) textarea,
body:not(.livel-construct-theme):not(.dark-mode) select{
  background:#110d1c!important;
  color:#fff!important;
  border-color:rgba(161,136,200,.18)!important;
}
body.livel-construct-theme table,
body.livel-construct-theme th,
body.livel-construct-theme td,
body:not(.livel-construct-theme):not(.dark-mode) table,
body:not(.livel-construct-theme):not(.dark-mode) th,
body:not(.livel-construct-theme):not(.dark-mode) td{
  background:transparent!important;
  border-color:rgba(161,136,200,.12)!important;
}
body.livel-construct-theme th,
body:not(.livel-construct-theme):not(.dark-mode) th{
  background:rgba(161,136,200,.10)!important;
}
/* LIVEL v46 - cierre visual oscuro y contraste estable */
body.livel-construct-theme .seo-stat,
body.livel-construct-theme .seo-step,
body.livel-construct-theme .seo-link-card,
body.livel-construct-theme .testimonial-card,
body.livel-construct-theme .testimonial-empty,
body.livel-construct-theme .article-summary,
body.livel-construct-theme .article-highlight,
body.livel-construct-theme .article-related,
body.livel-construct-theme .mision-destacado,
body.livel-construct-theme .faq-item,
body.livel-construct-theme .pricing-card,
body:not(.livel-construct-theme):not(.dark-mode) .seo-stat,
body:not(.livel-construct-theme):not(.dark-mode) .seo-step,
body:not(.livel-construct-theme):not(.dark-mode) .seo-link-card,
body:not(.livel-construct-theme):not(.dark-mode) .testimonial-card,
body:not(.livel-construct-theme):not(.dark-mode) .testimonial-empty,
body:not(.livel-construct-theme):not(.dark-mode) .article-summary,
body:not(.livel-construct-theme):not(.dark-mode) .article-highlight,
body:not(.livel-construct-theme):not(.dark-mode) .article-related,
body:not(.livel-construct-theme):not(.dark-mode) .mision-destacado,
body:not(.livel-construct-theme):not(.dark-mode) .faq-item,
body:not(.livel-construct-theme):not(.dark-mode) .pricing-card{
  background:linear-gradient(145deg,#1b1430,#120f1f)!important;
  border:1px solid rgba(161,136,200,.16)!important;
  color:#f5f0fb!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22)!important;
}
body.livel-construct-theme .seo-column.old,
body:not(.livel-construct-theme):not(.dark-mode) .seo-column.old{
  background:linear-gradient(145deg,rgba(66,22,35,.84),rgba(16,9,15,.96))!important;
  border-color:rgba(255,122,122,.20)!important;
}
body.livel-construct-theme .seo-column.new,
body:not(.livel-construct-theme):not(.dark-mode) .seo-column.new{
  background:linear-gradient(145deg,rgba(18,38,37,.84),rgba(11,9,18,.96))!important;
  border-color:rgba(95,227,163,.18)!important;
}
body.livel-construct-theme .seo-stat span,
body.livel-construct-theme .seo-card p,
body.livel-construct-theme .seo-column p,
body.livel-construct-theme .seo-step p,
body.livel-construct-theme .seo-link-card span,
body.livel-construct-theme .testimonial-card p,
body.livel-construct-theme .testimonial-card span,
body.livel-construct-theme .testimonial-empty,
body.livel-construct-theme .article-summary p,
body.livel-construct-theme .article-summary li,
body.livel-construct-theme .article-related p,
body.livel-construct-theme .faq-a,
body.livel-construct-theme .plan-desc,
body.livel-construct-theme .mision-destacado p,
body:not(.livel-construct-theme):not(.dark-mode) .seo-stat span,
body:not(.livel-construct-theme):not(.dark-mode) .seo-card p,
body:not(.livel-construct-theme):not(.dark-mode) .seo-column p,
body:not(.livel-construct-theme):not(.dark-mode) .seo-step p,
body:not(.livel-construct-theme):not(.dark-mode) .seo-link-card span,
body:not(.livel-construct-theme):not(.dark-mode) .testimonial-card p,
body:not(.livel-construct-theme):not(.dark-mode) .testimonial-card span,
body:not(.livel-construct-theme):not(.dark-mode) .testimonial-empty,
body:not(.livel-construct-theme):not(.dark-mode) .article-summary p,
body:not(.livel-construct-theme):not(.dark-mode) .article-summary li,
body:not(.livel-construct-theme):not(.dark-mode) .article-related p,
body:not(.livel-construct-theme):not(.dark-mode) .faq-a,
body:not(.livel-construct-theme):not(.dark-mode) .plan-desc,
body:not(.livel-construct-theme):not(.dark-mode) .mision-destacado p{
  color:#d7cce8!important;
}
body.livel-construct-theme .seo-step span,
body.livel-construct-theme .seo-link-card strong,
body.livel-construct-theme .testimonial-card strong,
body.livel-construct-theme .faq-q,
body.livel-construct-theme .plan-price,
body.livel-construct-theme .plan-price-alt,
body.livel-construct-theme .mision-destacado strong,
body:not(.livel-construct-theme):not(.dark-mode) .seo-step span,
body:not(.livel-construct-theme):not(.dark-mode) .seo-link-card strong,
body:not(.livel-construct-theme):not(.dark-mode) .testimonial-card strong,
body:not(.livel-construct-theme):not(.dark-mode) .faq-q,
body:not(.livel-construct-theme):not(.dark-mode) .plan-price,
body:not(.livel-construct-theme):not(.dark-mode) .plan-price-alt,
body:not(.livel-construct-theme):not(.dark-mode) .mision-destacado strong{
  color:#fff!important;
}
body.livel-construct-theme .btn-plan.secondary,
body:not(.livel-construct-theme):not(.dark-mode) .btn-plan.secondary{
  background:#1a1328!important;
  color:#efe7fb!important;
  border:1px solid rgba(161,136,200,.18)!important;
}
body.livel-construct-theme div[style*="background:white"],
body.livel-construct-theme div[style*="background: white"],
body.livel-construct-theme div[style*="background:#fff"],
body.livel-construct-theme div[style*="background: #fff"],
body.livel-construct-theme div[style*="background:#ffffff"],
body.livel-construct-theme div[style*="background: #ffffff"],
body.livel-construct-theme div[style*="background:#f8f9fc"],
body.livel-construct-theme div[style*="background: #f8f9fc"],
body.livel-construct-theme div[style*="background:var(--white)"],
body.livel-construct-theme div[style*="background: var(--white)"],
body.livel-construct-theme section[style*="background:white"],
body.livel-construct-theme section[style*="background: white"],
body.livel-construct-theme section[style*="background:#fff"],
body.livel-construct-theme section[style*="background: #fff"],
body.livel-construct-theme section[style*="background:#ffffff"],
body.livel-construct-theme section[style*="background: #ffffff"],
body.livel-construct-theme section[style*="background:#f8f9fc"],
body.livel-construct-theme section[style*="background: #f8f9fc"],
body.livel-construct-theme section[style*="background:var(--white)"],
body.livel-construct-theme section[style*="background: var(--white)"],
body.livel-construct-theme article[style*="background:white"],
body.livel-construct-theme article[style*="background: white"],
body.livel-construct-theme article[style*="background:#fff"],
body.livel-construct-theme article[style*="background: #fff"],
body.livel-construct-theme article[style*="background:#ffffff"],
body.livel-construct-theme article[style*="background: #ffffff"],
body.livel-construct-theme article[style*="background:#f8f9fc"],
body.livel-construct-theme article[style*="background: #f8f9fc"],
body.livel-construct-theme article[style*="background:var(--white)"],
body.livel-construct-theme article[style*="background: var(--white)"],
body.livel-construct-theme aside[style*="background:white"],
body.livel-construct-theme aside[style*="background: white"],
body.livel-construct-theme aside[style*="background:#fff"],
body.livel-construct-theme aside[style*="background: #fff"],
body.livel-construct-theme aside[style*="background:#ffffff"],
body.livel-construct-theme aside[style*="background: #ffffff"],
body.livel-construct-theme aside[style*="background:#f8f9fc"],
body.livel-construct-theme aside[style*="background: #f8f9fc"],
body.livel-construct-theme aside[style*="background:var(--white)"],
body.livel-construct-theme aside[style*="background: var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background:white"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background: white"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background: #fff"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background:#ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background: #ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background:#f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background: #f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background:var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) div[style*="background: var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background:white"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background: white"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background: #fff"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background:#ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background: #ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background:#f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background: #f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background:var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) section[style*="background: var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background:white"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background: white"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background: #fff"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background:#ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background: #ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background:#f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background: #f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background:var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) article[style*="background: var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background:white"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background: white"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background:#fff"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background: #fff"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background:#ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background: #ffffff"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background:#f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background: #f8f9fc"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background:var(--white)"],
body:not(.livel-construct-theme):not(.dark-mode) aside[style*="background: var(--white)"]{
  background:linear-gradient(145deg,#1b1430,#120f1f)!important;
  color:#f5f0fb!important;
  border-color:rgba(161,136,200,.16)!important;
}
body.livel-construct-theme [style*="color:#1a1a1a"],
body.livel-construct-theme [style*="color: #1a1a1a"],
body.livel-construct-theme [style*="color:#000"],
body.livel-construct-theme [style*="color: #000"],
body.livel-construct-theme [style*="color:#334155"],
body.livel-construct-theme [style*="color: #334155"],
body.livel-construct-theme [style*="color:#4a4a4a"],
body.livel-construct-theme [style*="color: #4a4a4a"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color:#1a1a1a"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color: #1a1a1a"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color:#000"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color: #000"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color:#334155"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color: #334155"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color:#4a4a4a"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color: #4a4a4a"]{
  color:#f5f0fb!important;
}

/* LIVEL v48 - kill switch final para loaders y superficies claras residuales */
body.livel-construct-theme .livel-build-loader,
body:not(.dark-mode) .livel-build-loader{
  background:
    radial-gradient(circle at 16% 0,rgba(167,139,204,.22),transparent 26rem),
    radial-gradient(circle at 84% 14%,rgba(39,196,215,.14),transparent 24rem),
    linear-gradient(180deg,#100a1b,#070510 68%,#030308)!important;
}
body.livel-construct-theme .livel-loader-card,
body:not(.dark-mode) .livel-loader-card{
  background:linear-gradient(145deg,rgba(23,18,39,.94),rgba(9,8,18,.94))!important;
  color:#f7f2ff!important;
  border:1px solid rgba(188,161,216,.18)!important;
  box-shadow:0 26px 84px rgba(0,0,0,.36),0 0 72px rgba(39,196,215,.08)!important;
}
body.livel-construct-theme .livel-loader-title,
body:not(.dark-mode) .livel-loader-title{
  color:#ffffff!important;
}
body.livel-construct-theme .livel-loader-sub,
body:not(.dark-mode) .livel-loader-sub{
  color:#d5cae8!important;
}
body.livel-construct-theme [style*="background:#f5f3ff"],
body.livel-construct-theme [style*="background: #f5f3ff"],
body.livel-construct-theme [style*="background:#f0eaf9"],
body.livel-construct-theme [style*="background: #f0eaf9"],
body.livel-construct-theme [style*="background:#fff9ea"],
body.livel-construct-theme [style*="background: #fff9ea"],
body.livel-construct-theme [style*="background:#fee2e2"],
body.livel-construct-theme [style*="background: #fee2e2"],
body.livel-construct-theme [style*="background:#e5e7eb"],
body.livel-construct-theme [style*="background: #e5e7eb"],
body.livel-construct-theme [style*="background:#d1d5db"],
body.livel-construct-theme [style*="background: #d1d5db"],
body.livel-construct-theme [style*="background:#fecaca"],
body.livel-construct-theme [style*="background: #fecaca"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#f5f3ff"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #f5f3ff"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#f0eaf9"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #f0eaf9"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#fff9ea"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #fff9ea"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#fee2e2"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #fee2e2"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#e5e7eb"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #e5e7eb"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#d1d5db"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #d1d5db"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background:#fecaca"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="background: #fecaca"]{
  background:linear-gradient(145deg,#1a132c,#100c1b)!important;
  color:#f5f0fb!important;
  border-color:rgba(161,136,200,.18)!important;
}
body.livel-construct-theme [style*="color:#333"],
body.livel-construct-theme [style*="color: #333"],
body.livel-construct-theme [style*="color:#444"],
body.livel-construct-theme [style*="color: #444"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color:#333"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color: #333"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color:#444"],
body:not(.livel-construct-theme):not(.dark-mode) [style*="color: #444"]{
  color:#f5f0fb!important;
}

/* LIVEL v49 - clamp final para logos de header/topbar */
body.livel-construct-theme .topbar .tb-logo,
body.livel-construct-theme .nav .brand-logo,
body.livel-construct-theme header .brand-logo,
body.livel-construct-theme .header .brand-logo,
body.livel-construct-theme header img.logo,
body.livel-construct-theme .header img.logo,
body.livel-construct-theme .header img.logo-circle,
body:not(.livel-construct-theme):not(.dark-mode) .topbar .tb-logo,
body:not(.livel-construct-theme):not(.dark-mode) .nav .brand-logo,
body:not(.livel-construct-theme):not(.dark-mode) header .brand-logo,
body:not(.livel-construct-theme):not(.dark-mode) .header .brand-logo,
body:not(.livel-construct-theme):not(.dark-mode) header img.logo,
body:not(.livel-construct-theme):not(.dark-mode) .header img.logo,
body:not(.livel-construct-theme):not(.dark-mode) .header img.logo-circle{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  min-width:0!important;
  object-fit:contain!important;
  display:block!important;
}
@media (max-width:760px){
  body.livel-construct-theme .topbar .tb-logo,
  body.livel-construct-theme .nav .brand-logo,
  body.livel-construct-theme header .brand-logo,
  body.livel-construct-theme .header .brand-logo,
  body.livel-construct-theme header img.logo,
  body.livel-construct-theme .header img.logo,
  body.livel-construct-theme .header img.logo-circle,
  body:not(.livel-construct-theme):not(.dark-mode) .topbar .tb-logo,
  body:not(.livel-construct-theme):not(.dark-mode) .nav .brand-logo,
  body:not(.livel-construct-theme):not(.dark-mode) header .brand-logo,
  body:not(.livel-construct-theme):not(.dark-mode) .header .brand-logo,
  body:not(.livel-construct-theme):not(.dark-mode) header img.logo,
  body:not(.livel-construct-theme):not(.dark-mode) .header img.logo,
  body:not(.livel-construct-theme):not(.dark-mode) .header img.logo-circle{
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
}
