:root{--bg:#0D0B1F;--s1:#17143A;--s2:#201C4D;--line:#2E2A63;--violet:#7C5CFF;--fill:#4B3BC4;--lime:#C6FF3D;--text:#F2F0FF;--mute:#A9A4D6;--body:#D9D5F5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;
background-image:linear-gradient(rgba(124,92,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,255,.08) 1px,transparent 1px);background-size:40px 40px}
a{color:var(--lime)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:5;background:rgba(13,11,31,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-family:Michroma,Inter,sans-serif;font-size:15px;color:var(--text);text-decoration:none}
.logo b{color:var(--lime);font-weight:400}
nav a{color:var(--mute);text-decoration:none;font-size:14px;margin-left:20px}@media(max-width:860px){nav a:nth-child(n+2):not(:last-child){display:none}}
nav a:hover{color:var(--lime)}
.tag{font-family:"JetBrains Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
h1,h2,h3{font-family:Michroma,Inter,sans-serif;font-weight:400;line-height:1.3;margin:0;text-wrap:balance}
h1{font-size:clamp(26px,5vw,44px)}
h2{font-size:clamp(20px,3.2vw,28px)}
h3{font-size:14px}
section{padding:72px 0;border-top:1px solid var(--line)}
.hero{padding:96px 0 80px;border-top:0}
.hero p{font-size:18px;color:var(--mute);max-width:620px;margin:22px 0 34px}
.btn{display:inline-block;background:var(--lime);color:#0D0B1F;font-weight:600;text-decoration:none;padding:14px 26px;border-radius:6px}
.btn.alt{background:transparent;color:var(--text);border:1px solid var(--violet);margin-left:10px}
.btn:hover{filter:brightness(1.08)}
.grid{display:grid;gap:18px;margin-top:34px}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g4{grid-template-columns:repeat(4,1fr)}.g4 .step{grid-template-columns:1fr;align-content:start}@media(max-width:900px){.g4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}
.card{background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:24px 22px}
.card.hi{background:var(--fill);border-color:var(--violet)}
.card h3{margin:10px 0 10px}
.card p{margin:0;font-size:14.5px;color:var(--body)}
.card.hi p{color:#E3DEFF}
.lead{color:var(--mute);max-width:640px;margin:14px 0 0;font-size:16px}
.step{display:grid;grid-template-columns:44px 1fr;gap:12px;background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:18px 20px}
.step i{font-style:normal;font-family:Michroma,sans-serif;color:var(--lime);font-size:20px}
.step p{margin:2px 0 0;font-size:14.5px;color:var(--body)}
.promise{background:var(--s2);border-radius:6px;padding:26px 28px;margin-top:34px}
.promise p{margin:0 0 10px;color:var(--body)}
.promise p:last-child{margin:0;color:var(--lime);font-weight:600}
.cta{background:var(--fill);border-radius:8px;padding:44px 32px;text-align:center}
.cta p{color:#E3DEFF;max-width:520px;margin:14px auto 26px}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--mute);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:640px){nav a{margin-left:14px;font-size:13px}.btn.alt{margin:12px 0 0}section{padding:52px 0}.hero{padding:64px 0 52px}}

.hero-g{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.art svg{width:100%;height:auto;display:block}
.flow{stroke-dasharray:5 9;animation:dash 1.8s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}}
.fl1{animation:fl 6s ease-in-out infinite}.fl2{animation:fl 7s ease-in-out -2s infinite}.fl3{animation:fl 8s ease-in-out -4s infinite}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.pulse{animation:pl 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes pl{0%,100%{opacity:.55}50%{opacity:1}}
.ico{width:34px;height:34px;display:block;margin-bottom:6px}
.dg{width:100%;height:auto;display:block;margin:2px 0 10px}
.phones{display:flex;justify-content:center;margin-bottom:18px}
.phone{width:132px;height:218px;border:2px solid var(--violet);border-radius:20px;background:#0D0B1F;padding:12px 10px;position:relative;box-shadow:0 0 0 4px rgba(124,92,255,.12)}
.phone:before{content:"";position:absolute;top:6px;left:50%;width:34px;height:4px;border-radius:3px;background:var(--line);transform:translateX(-50%)}
.ph-t{font-family:Michroma,sans-serif;font-size:9px;margin:10px 0 8px;color:var(--text)}
.ph-c{background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:7px 8px;margin-bottom:6px;font-size:8px;color:var(--mute)}
.ph-c b{display:block;color:var(--text);font-weight:600;margin-bottom:5px}
.bar{height:5px;border-radius:3px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;background:var(--lime);border-radius:3px}
.chips{display:flex;gap:4px;margin-bottom:7px}.chips span{font-size:7px;border:1px solid var(--violet);border-radius:9px;padding:2px 6px;color:var(--text)}
.step{transition:border-color .5s,box-shadow .5s}
.step.on{border-color:var(--lime);box-shadow:0 0 0 1px rgba(198,255,61,.25)}
.stepline{position:relative}
@media(max-width:820px){.hero-g{grid-template-columns:1fr}.art{max-width:420px}}
@media(prefers-reduced-motion:reduce){.flow,.fl1,.fl2,.fl3,.pulse{animation:none}}

.val .tag{margin-bottom:8px}
.ej .tag{color:var(--mute)}.ej p+p{margin-top:10px}.ej b{color:var(--text);font-weight:600}
.note{font-size:13px;color:var(--mute);margin-top:18px}
details{background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:16px 20px;margin-top:12px}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--lime);font-size:20px;line-height:1}
details[open] summary:after{content:"\2212"}details p{margin:12px 0 0;color:var(--body);font-size:14.5px}
.form{display:grid;gap:14px;text-align:left;max-width:640px;margin:26px auto 0}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.form .row{grid-template-columns:1fr}}
label{display:block;font-size:13px;font-weight:600;color:#E3DEFF;margin-bottom:6px}
input[type=text],input[type=email],input[type=tel],textarea{width:100%;background:#0D0B1F;border:1px solid #6A55E0;border-radius:6px;color:var(--text);font:inherit;font-size:15px;padding:12px 14px}
textarea{min-height:130px;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:1px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#E3DEFF;font-weight:400}
.chk input{margin-top:3px;accent-color:#C6FF3D}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.msg{font-size:14px;padding:12px 14px;border-radius:6px;display:none}
.msg.ok{display:block;background:rgba(198,255,61,.15);color:var(--lime)}.msg.err{display:block;background:rgba(255,120,120,.15);color:#FFB3B3}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:600}
button.btn:disabled{opacity:.6;cursor:wait}
.legal{max-width:760px;margin:0 auto;padding:48px 20px}.legal h1{font-size:26px;margin-bottom:24px}.legal h2{font-size:16px;margin:28px 0 8px}.legal p,.legal li{color:var(--body);font-size:15px}
.mods{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.mt{font-size:11px;font-family:"JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:8px}.mods span{display:inline-block;font-size:12px;border:1px solid var(--violet);color:var(--text);border-radius:12px;padding:3px 10px;margin:0 6px 6px 0}


/* ---- Identidad: más futurista, con la misma marca (violeta y lima) ---- */
:root{--warm:#FF9E7A}
.logo{display:inline-flex;align-items:center;gap:10px}
.logo svg{width:30px;height:30px;flex:none;filter:drop-shadow(0 0 6px rgba(198,255,61,.45))}

/* esquinas tipo visor (HUD) en tarjetas, ventanas y el cuadro de contacto */
.card,.step,.promise,.cta,details,.dm-win{position:relative}
.card::before,.step::before,.promise::before,.cta::before,.dm-win::before{content:"";position:absolute;left:-1px;top:-1px;width:14px;height:14px;border-left:2px solid var(--lime);border-top:2px solid var(--lime);pointer-events:none;border-top-left-radius:inherit}
.card::after,.step::after,.promise::after,.cta::after,.dm-win::after{content:"";position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);pointer-events:none;border-bottom-right-radius:inherit}
.card.hi::before,.card.hi::after,.cta::before,.cta::after{border-color:#E3DEFF}

/* líneas de escaneo muy sutiles sobre la demo */
.dm-win{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px)}

/* radar detrás de la portada */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-8%;top:-30%;width:760px;height:760px;border-radius:50%;pointer-events:none;
 background:repeating-radial-gradient(circle at center,transparent 0 58px,rgba(124,92,255,.14) 59px 60px);
 -webkit-mask-image:radial-gradient(circle,#000 25%,transparent 70%);mask-image:radial-gradient(circle,#000 25%,transparent 70%)}
.hero .wrap{position:relative}

/* etiquetas de sección como línea de comandos */
.hero .tag::before,section>.wrap>.tag::before{content:"> ";opacity:.7}
.hero .tag::after{content:"_";animation:blink 1.1s steps(1) infinite;margin-left:2px}
@keyframes blink{50%{opacity:0}}

/* resplandor neón en los botones principales */
.btn{box-shadow:0 0 26px rgba(198,255,61,.22)}
.btn:hover{box-shadow:0 0 34px rgba(198,255,61,.38)}

/* movimiento suave al aparecer */
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hero .tag::after{animation:none}}

.dm-win::before{left:0;top:0}.dm-win::after{right:0;bottom:0}

.arqbox{margin-top:30px;background:var(--s1);border:1px solid var(--line);border-radius:6px;padding:18px 16px;position:relative}
.arqbox::before{content:"";position:absolute;left:-1px;top:-1px;width:14px;height:14px;border-left:2px solid var(--lime);border-top:2px solid var(--lime)}
.arqbox::after{content:"";position:absolute;right:-1px;bottom:-1px;width:14px;height:14px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime)}
.arq{width:100%;height:auto;display:block;min-width:560px}
.arqbox{overflow-x:auto}
.cond h2{font-size:15px;margin:34px 0 10px;color:var(--lime)}
.cond .big{font-family:Michroma,Inter,sans-serif;font-size:clamp(20px,3.2vw,28px);color:var(--text);margin:8px 0 22px;line-height:1.3}
.cond .lead2{color:var(--mute);font-size:16px;margin-bottom:8px}
.cond ol{padding-left:20px}.cond li{margin:0 0 10px;color:var(--body);font-size:15px}
.cond .box{background:var(--s2);border-radius:6px;padding:18px 22px;margin-top:30px;color:var(--text)}

.chips-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip-link{font-size:13.5px;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:8px 16px}
.chip-link:hover{border-color:var(--lime);color:var(--lime)}
.ej .more{display:inline-block;margin-top:14px;font-size:13px;color:var(--lime)}


/* ---- Fotos con tratamiento de marca: mapa de color violeta y lima, visor y escáner ---- */
.hudbox{position:relative}
.hudbox::before,.hudbox::after{content:"";position:absolute;width:22px;height:22px;z-index:3;pointer-events:none}
.hudbox::before{left:-6px;top:-6px;border-left:2px solid var(--lime);border-top:2px solid var(--lime)}
.hudbox::after{right:-6px;bottom:-6px;border-right:2px solid var(--lime);border-bottom:2px solid var(--lime)}
.ph{position:relative;overflow:hidden;border-radius:6px;background:#0D0B1F;border:1px solid var(--line)}
.ph img{display:block;width:100%;height:100%;object-fit:cover;}
.ph::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0,rgba(255,255,255,.045) 1px,transparent 1px,transparent 4px),linear-gradient(180deg,rgba(13,11,31,0) 45%,rgba(13,11,31,.6))}
.ph-tag{position:absolute;left:12px;bottom:10px;z-index:2;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}


/* foto en cabecera de las tarjetas de ejemplos */
.ph-card{margin:-24px -22px 18px;border-radius:6px 6px 0 0;border:0;border-bottom:1px solid var(--line);aspect-ratio:16/8}
.ph-wide{aspect-ratio:16/10;width:100%}


/* ======== ESTILO C: portada y demo oscuras, resto claro, fotos en color natural ======== */
.scanbox{position:relative;aspect-ratio:4/3;width:100%}
.scanbox .ph{position:absolute;inset:0;border-radius:10px;border:1px solid #2E2A63;box-shadow:0 24px 70px rgba(75,59,196,.38)}
.scanbox .ph::after{background:linear-gradient(180deg,transparent 55%,rgba(13,11,31,.65))}
.scanbox .scanline{position:absolute;top:0;bottom:0;width:2px;left:0;background:var(--lime);box-shadow:0 0 18px 5px rgba(198,255,61,.5);z-index:3;animation:scanx 7s ease-in-out infinite alternate}
@keyframes scanx{0%{left:3%}100%{left:97%}}
.scanbox .panel{position:absolute;right:-18px;bottom:-24px;width:60%;border-radius:10px;background:rgba(13,11,31,.93);border:1px solid var(--violet);box-shadow:0 16px 44px rgba(0,0,0,.5);z-index:4;overflow:hidden}
.pn-chart{height:70px}
.pn-chart i{transform-origin:bottom;animation:grow 3.6s ease-in-out infinite alternate}
.pn-chart i:nth-child(2){animation-delay:-.7s}.pn-chart i:nth-child(3){animation-delay:-1.4s}.pn-chart i:nth-child(4){animation-delay:-2.1s}.pn-chart i:nth-child(5){animation-delay:-2.8s}
@keyframes grow{0%{transform:scaleY(.55)}100%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.scanbox .scanline,.pn-chart i{animation:none}.scanbox .scanline{left:50%}}

/* secciones claras */
section.lt{background:#F5F6FA;border-top:0;--bg:#F5F6FA;--s1:#FFFFFF;--s2:#ECEEF7;--line:#E0E3F0;--text:#14122E;--mute:#4D4A73;--body:#2E2B55;--lime:#4B3BC4;--fill:#4B3BC4;color:var(--text)}
section.lt.alt{background:#FFFFFF;--bg:#FFFFFF;--s1:#F5F6FA}
.lt .card,.lt .step,.lt details{box-shadow:0 10px 30px rgba(20,18,46,.07);border-color:#E3E6F2}
.lt .card.hi{background:#4B3BC4;border-color:#4B3BC4}
.lt .card.hi,.lt .card.hi h3,.lt .card.hi p{color:#fff}
.lt .card.hi .tag{color:#E3DEFF!important}
.lt .promise{background:#ECEEF7;box-shadow:none}
.lt .promise p:last-child{color:#4B3BC4}
.lt .lead{color:var(--mute)}
.lt .mods span{color:var(--text);border-color:#B9AEF2}
.lt .btn{background:#4B3BC4;color:#fff;box-shadow:0 8px 22px rgba(75,59,196,.28)}
.lt a{color:#4B3BC4}
.lt .ej .tag{color:#6B67A0}
.lt .ph-card{border-bottom:0}
.lt .chip-link{background:#fff;border-color:#D9DDEE;color:var(--text)}
.lt .chip-link:hover{border-color:#4B3BC4;color:#4B3BC4}
.lt .step i{color:#4B3BC4}
.lt .step.on{border-color:#4B3BC4;box-shadow:0 0 0 1px rgba(75,59,196,.25),0 10px 30px rgba(20,18,46,.07)}
.lt .card::before,.lt .step::before,.lt .promise::before{border-color:#4B3BC4}
.lt .card::after,.lt .step::after,.lt .promise::after{border-color:#4B3BC4}
.lt .card.hi::before,.lt .card.hi::after{border-color:#E3DEFF}
.lt summary:after{color:#4B3BC4}
.lt .note{color:#6B67A0}
.arqbox{background:#0D0B1F;border-color:#2E2A63}
.band{background:#F5F6FA;padding:20px 0 40px}
.band .legal{--text:#14122E;--mute:#4D4A73;--body:#2E2B55;--lime:#4B3BC4;--s2:#ECEEF7;color:var(--text)}
.band .legal h1,.band .legal .big{color:#14122E}
.band .legal h2{color:#4B3BC4}
.band .legal a{color:#4B3BC4}
.band .legal .tag{color:#4B3BC4!important}
.band .legal .box{background:#ECEEF7;color:#14122E}

.pn-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:rgba(32,28,77,.85)}
.pn-bar i{width:9px;height:9px;border-radius:50%;background:var(--line);display:block}.pn-bar i:first-child{background:var(--lime)}.pn-bar i:nth-child(2){background:var(--violet)}
.pn-body{padding:14px 16px;display:grid;gap:9px}
.pn-row{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center}
.pn-row b{height:18px;border-radius:4px;background:var(--fill);display:block}
.pn-row span{height:8px;border-radius:5px;background:#2E2A63;display:block}
.pn-chart{display:flex;align-items:flex-end;gap:9px;height:70px;margin-top:4px}
.pn-chart i{flex:1;background:#C6FF3D;border-radius:3px 3px 0 0;display:block;opacity:.92}
.lt .ico *{stroke:#4B3BC4}
.lt .ico{filter:none}
/* los móviles de ejemplo son siempre oscuros, aunque la sección sea clara */
.phone{--s1:#17143A;--line:#2E2A63;--text:#F2F0FF;--mute:#A9A4D6;--lime:#C6FF3D;--violet:#7C5CFF;--fill:#4B3BC4;color:#F2F0FF}
.lt .card.hi a{color:#C6FF3D;text-decoration:underline}
@media(max-width:520px){.logo span{font-size:14px}header .wrap{height:56px}.hero{overflow-x:clip}}

/* ===== TEMA B: todo claro y profesional. Un solo acento (violeta); el lima solo como subrayado. =====
   Para volver al estilo C basta quitar el <link> de este archivo y la clase "b" del <body>. */
body.b{--bg:#F5F6FA;--s1:#FFFFFF;--s2:#ECEEF7;--line:#E0E3F0;--text:#14122E;--mute:#4D4A73;--body:#2E2B55;--lime:#4B3BC4;--fill:#4B3BC4;--violet:#7C5CFF;background:#F5F6FA;color:#14122E}
.b header{background:rgba(255,255,255,.92);border-bottom:1px solid #E0E3F0}
.b nav a{color:#4D4A73}.b nav a:hover{color:#4B3BC4}
.b .logo{color:#14122E}.b .logo svg{filter:none}.b .logo svg path{stroke:#4B3BC4}
.b section{border-top:0}
.b #demo,.b .alt{background:#fff}
.b section.lt{background:#F5F6FA}.b section.lt.alt{background:#fff;--bg:#fff;--s1:#F5F6FA}
.b .tag{display:inline-block;padding-bottom:6px;border-bottom:2px solid #C6FF3D}
.b .card .tag,.b .step .tag,.b .ej .tag,.b .mods .mt{border-bottom:0;padding-bottom:0}
.b .tag::before{content:none}.b .hero .tag::after{content:none}
.b .hero{background:#F5F6FA}.b .hero::before{display:none}
.b .hero p,.b .lead{color:#4D4A73}
.b .btn{background:#4B3BC4;color:#fff;box-shadow:0 8px 22px rgba(75,59,196,.28)}
.b .btn:hover{box-shadow:0 10px 28px rgba(75,59,196,.4)}
.b .btn.alt{background:#fff;color:#14122E;border:1px solid #C9CCE0;box-shadow:none}
.b .card,.b .step,.b details{background:#fff;border:1px solid #E6E8F2;box-shadow:0 10px 30px rgba(20,18,46,.07)}
.b section.lt.alt .card,.b section.lt.alt .step,.b section.lt.alt details{background:#fff}
.b .card::before,.b .card::after,.b .step::before,.b .step::after,.b .promise::before,.b .promise::after,.b .hudbox::before,.b .hudbox::after,.b .dm-win::before,.b .dm-win::after,.b .arqbox::before,.b .arqbox::after{display:none}
.b .card.hi{background:#4B3BC4;border-color:#4B3BC4}
.b .card.hi,.b .card.hi h3,.b .card.hi p{color:#fff}.b .card.hi .tag{color:#E3DEFF!important;border:0}
.b .card.hi a{color:#C6FF3D}
.b .promise{background:#ECEEF7;box-shadow:none}
.b .step i{color:#4B3BC4}
.b .mods span{color:#14122E;border-color:#B9AEF2}
.b .chip-link{background:#fff;border-color:#D9DDEE;color:#14122E}
.b .note{color:#6B67A0}
/* fotos */
.b .ph{border:1px solid #E0E3F0;box-shadow:0 24px 60px rgba(20,18,46,.16)}
.b .ph::after{display:none}
.b .ph-tag{background:#fff;color:#4B3BC4;padding:3px 10px;border-radius:12px;left:12px;bottom:12px;font-weight:600}
.b .ph-card{box-shadow:none;border:0;border-bottom:1px solid #E6E8F2}
.b .scanbox .ph{border:1px solid #E0E3F0;box-shadow:0 24px 60px rgba(20,18,46,.18)}
.b .scanbox .scanline{background:#C6FF3D;box-shadow:0 0 14px 4px rgba(198,255,61,.55)}
.b .scanbox .panel{background:#fff;border:1px solid #E0E3F0;box-shadow:0 18px 44px rgba(20,18,46,.25)}
.b .pn-bar{background:#F5F6FA;border-bottom:1px solid #E0E3F0}.b .pn-bar i{background:#D9DDEE}.b .pn-bar i:first-child{background:#4B3BC4}.b .pn-bar i:nth-child(2){background:#7C5CFF}
.b .pn-row span{background:#E3E5F0}.b .pn-row b{background:#4B3BC4}
.b .pn-chart i{background:#7C5CFF}.b .pn-chart i:nth-child(4){background:#C6FF3D}
/* esquema "por dentro" */
.b .arqbox{background:#fff;border-color:#E0E3F0}
.b .arq rect{fill:#F5F6FA!important;stroke:#7C5CFF!important}.b .arq rect:nth-child(2){stroke:#4B3BC4!important;fill:#fff!important}
.b .arq text{fill:#14122E!important}.b .arq text:nth-child(even){fill:#4D4A73!important}
.b .arq path{stroke:#4B3BC4!important}
/* demo clara */
.b .dm-win{background:#fff;border:1px solid #D9DDEE;box-shadow:0 24px 60px rgba(20,18,46,.12)}
.b .dm-bar{background:#F5F6FA;border-bottom:1px solid #E0E3F0}
.b .dm-d1{background:#4B3BC4}.b .dm-d2{background:#7C5CFF}.b .dm-d3{background:#D9DDEE}
.b .dm-title{color:#4D4A73}.b .dm-ex{color:#4B3BC4;border-color:#B9AEF2}
.b .dm-kpis{background:#E0E3F0}.b .dm-kpi{background:#fff}.b .dm-kv{color:#14122E}.b .dm-kl{color:#4D4A73}
.b .dm-left{border-right-color:#E0E3F0}
.b .dm-tab{color:#4D4A73;border-color:#D9DDEE;background:#fff}.b .dm-tab:hover{color:#14122E;border-color:#7C5CFF}
.b .dm-tab.on{background:#4B3BC4;color:#fff;border-color:#4B3BC4}
.b .dm-chip{color:#2E2B55;border-color:#D9DDEE}.b .dm-chip.on,.b .dm-chip.on[class*="tone-"]{background:#4B3BC4;color:#fff;border-color:#4B3BC4}
.b .dm-sort{color:#4D4A73}.b .dm-sort:hover{color:#4B3BC4}
.b .dm-table th{border-bottom-color:#E0E3F0}.b .dm-table td{color:#2E2B55;border-bottom-color:#EDEFF7}
.b .dm-table tbody tr:hover{background:rgba(75,59,196,.06)}.b .dm-table tbody tr.sel{background:rgba(75,59,196,.12)}
.b .dm-card{background:#F5F6FA;border-color:#E0E3F0}.b .dm-ct{color:#14122E}
.b .dm-bt{background:#E0E3F0}.b .dm-bf{background:linear-gradient(90deg,#7C5CFF,#4B3BC4)}.b .dm-bn{color:#2E2B55}.b .dm-bv{color:#4D4A73}
.b .dm-dl dt{color:#4D4A73}.b .dm-dl dd{color:#14122E}
.b .dm-act{background:#4B3BC4;color:#fff}
.b .dm-count,.b .dm-note,.b .dm-empty{color:#6B67A0}
.b .tone-ok{color:#13794A;border-color:rgba(19,121,74,.4)}.b .tone-run{color:#4B3BC4;border-color:rgba(75,59,196,.45)}
.b .tone-warn{color:#9A5B00;border-color:rgba(154,91,0,.4)}.b .tone-bad{color:#B3263F;border-color:rgba(179,38,63,.4)}.b .tone-idle{color:#6B67A0;border-color:#D9DDEE}
/* contacto: tarjeta violeta sobre fondo claro */
.b .cta,.b .cta h2,.b .cta p{color:#fff}.b .cta p{color:#E3DEFF}
.b .cta .tag{color:#C6FF3D;border-bottom-color:rgba(198,255,61,.6)}
.b .cta .btn{background:#C6FF3D;color:#14122E;box-shadow:none}
.b .cta details{background:rgba(13,11,31,.28)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:none}
.b .cta summary{color:#fff}.b .cta summary:after{color:#C6FF3D}
.b .cta label{color:#E3DEFF}
.b .cta input[type=text],.b .cta input[type=email],.b .cta input[type=tel],.b .cta textarea{background:#fff;color:#14122E;border-color:#fff}
.b .cta .chk a{color:#C6FF3D}
/* pie y páginas legales */
.b footer{border-top:1px solid #E0E3F0;color:#4D4A73;background:#fff}
.b footer a{color:#4B3BC4}
.b .band{background:#F5F6FA}
.b .band .legal h2{color:#4B3BC4}
.b .legal .box{background:#ECEEF7}
.b section.lt .card.hi,.b section.lt.alt .card.hi{background:#4B3BC4;border-color:#4B3BC4}
.b .hero .tag::before,.b section>.wrap>.tag::before{content:none}