.dl-root :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,img,em,strong,b,small){all:revert}
.dl-root{text-align:left;font-size:14px;line-height:normal;letter-spacing:normal;font-weight:400}
.dl-root,.dl-root{color-scheme:dark;--bg:#121212;--bg2:#17161c;--fg:#F2F2F2;--mute:rgba(242,242,242,.7);--faint:rgba(242,242,242,.5);--line:rgba(242,242,242,.1);--accent:#7340FF;--lilac:#9771FF;--lilac2:#C9B8FF;--deep:#200075;--ok:#06D6A0;--display:"Outfit",system-ui,sans-serif;--body:"Roboto",system-ui,sans-serif}
.dl-root{scroll-behavior:smooth}
.dl-root{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
.dl-root a{color:inherit;text-decoration:none}
.dl-root h1,.dl-root h2,.dl-root h3{font-family:var(--display);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:0;text-wrap:balance}
.dl-root p{margin:0}
.dl-root .dl-w-wrap{max-width:1180px;margin:0 auto;padding-inline:24px;box-sizing:border-box}
.dl-root .dl-w-grad{background:linear-gradient(90deg,#B9A0FF,#9771FF 40%,#7340FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl-root .dl-w-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--lilac)}
.dl-root .dl-w-eyebrow::before{content:none}
.dl-root .dl-w-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:16px;border-radius:999px;padding:15px 26px;transition:transform .2s,background .2s,border-color .2s;border:0;cursor:pointer}
.dl-root .dl-w-btn-p{background:var(--accent);color:var(--fg);box-shadow:0 8px 32px -8px rgba(115,64,255,.7),inset 0 1px 0 rgba(242,242,242,.25)}
.dl-root .dl-w-btn-p:hover{background:#8157FF;transform:translateY(-2px)}
.dl-root a:focus-visible,.dl-root button:focus-visible,.dl-root summary:focus-visible{outline:2px solid var(--lilac);outline-offset:3px;border-radius:8px}
.dl-root .dl-w-crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--faint);padding-top:28px;flex-wrap:wrap}
.dl-root .dl-w-crumb a:hover{color:var(--lilac2)}
.dl-root .dl-w-crumb b{color:var(--mute);font-weight:500}
.dl-root .dl-w-sec{padding-block:104px}
.dl-root [data-tpl]{position:relative}
@media (max-width:620px){.dl-root .dl-w-sec{padding-block:72px}}
@media (prefers-reduced-motion:reduce){.dl-root *{animation:none!important;transition:none!important}}
@media (min-width:981px){.dl-root #demo-wa{grid-template-columns:340px 1fr}}
@keyframes mq{to{transform:translateX(-50%)}}
.dl-root .dl-cv{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:radial-gradient(120% 120% at var(--o,100% 0%),color-mix(in srgb,var(--c) 34%,#121212) 0%,#16122a 45%,#121212 100%);isolation:isolate}
.dl-root .dl-cv-a{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:color-mix(in srgb,var(--c) 70%,#F2F2F2);stroke-width:.45;opacity:.55;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.dl-root .dl-cv-seg{fill:color-mix(in srgb,var(--c) 55%,transparent);stroke:none;opacity:.55}
.dl-root .dl-cv-k{position:absolute;left:22px;bottom:18px;right:22px;font:600 clamp(26px,2.6vw,38px)/1 var(--display);letter-spacing:-.02em;color:#F2F2F2}
.dl-root .dl-cv-big{aspect-ratio:auto;height:100%;min-height:340px}
.dl-root .dl-cv-big .dl-cv-k{font-size:clamp(40px,4.4vw,64px);left:34px;bottom:30px}
.dl-root .dl-bm{display:flex;align-items:center;gap:10px;font:500 12.5px Roboto,sans-serif;color:var(--faint);letter-spacing:.01em}
.dl-root .dl-bt{display:inline-flex;align-items:center;gap:6px;color:color-mix(in srgb,var(--c) 75%,#F2F2F2)}
.dl-root .dl-bt:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.dl-root .dl-by{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px}
.dl-root .dl-by img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line)}
.dl-root .dl-by span{display:flex;flex-direction:column;font-size:13px;line-height:1.25}
.dl-root .dl-by b{font-weight:500;color:var(--fg)}
.dl-root .dl-by em{font-style:normal;color:var(--faint);font-size:12px}
.dl-root .dl-bc:hover{border-color:rgba(242,242,242,.6)}
.dl-root .dl-bc:hover .dl-cv-a{transform:scale(1.08)}
.dl-root .dl-bg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dl-root .dl-bc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:10px;background:#141318;color:inherit;text-decoration:none;transition:border-color .3s,opacity .3s}
.dl-root .dl-bc-b{display:flex;flex-direction:column;flex:1;padding:16px 10px 8px}
.dl-root .dl-bc h3{font:500 20px/1.22 var(--display);letter-spacing:-.01em;margin:12px 0 8px}
.dl-root .dl-bc p{font-size:14.5px;line-height:1.5;color:var(--mute);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dl-root .dl-bc[hidden]{display:none}
@keyframes bcin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dl-root .dl-bg-mh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.dl-root .dl-bg-mh h2{font:600 24px var(--display);margin:0}
.dl-root .dl-bg-mh a{font:500 14px var(--display);color:var(--lilac2);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.dl-root .dl-bn{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;border:1px solid rgba(151,113,255,.3);border-radius:24px;padding:44px;background:radial-gradient(80% 140% at 100% 0%,rgba(115,64,255,.35),transparent 60%),linear-gradient(135deg,#1a1430,#121212);position:relative;overflow:hidden}
.dl-root .dl-bn h2{font:600 clamp(28px,3vw,40px)/1.1 var(--display);margin:12px 0 10px;letter-spacing:-.015em}
.dl-root .dl-bn p{color:var(--mute);margin:0;font-size:16px;line-height:1.55}
.dl-root .dl-bn form{display:flex;gap:10px;flex-wrap:wrap}
.dl-root .dl-bn input{flex:1 1 220px;height:52px;border-radius:12px;border:1px solid rgba(242,242,242,.18);background:rgba(18,18,18,.6);color:var(--fg);font:400 15px Roboto,sans-serif;padding:0 16px;outline:none}
.dl-root .dl-bn input:focus{border-color:rgba(242,242,242,.6)}
.dl-root .dl-bn button{height:52px;border-radius:12px;border:0;background:#7340FF;color:#F2F2F2;font:500 15px var(--display);padding:0 22px;cursor:pointer;transition:background .2s}
.dl-root .dl-bn button:hover{background:#8457ff}
.dl-root .dl-bn small{display:block;width:100%;font-size:12.5px;color:var(--faint);margin-top:4px}
@media (max-width:900px){.dl-root .dl-bg-g{grid-template-columns:repeat(2,1fr)}.dl-root .dl-cv-big{min-height:260px}.dl-root .dl-bn{grid-template-columns:1fr;padding:30px}}
@media (max-width:640px){.dl-root .dl-bg-g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dl-root .dl-cv-a{transition:none;animation:none}}
.dl-root .dl-ar-hero{padding:64px 0 28px;position:relative}
.dl-root .dl-ar-hero:before{content:"";position:absolute;inset:0 0 auto;height:460px;background:radial-gradient(55% 70% at 50% 0%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%);pointer-events:none}
.dl-root .dl-ar-in{max-width:860px;margin:0 auto;position:relative;text-align:center}
.dl-root .dl-ar-in .dl-w-crumb{justify-content:center;display:flex}
.dl-root .dl-ar-in .dl-bm{justify-content:center;margin-top:30px}
.dl-root .dl-ar-in h1{font:600 clamp(34px,4.4vw,56px)/1.08 var(--display);letter-spacing:-.02em;margin:18px 0 0}
.dl-root .dl-ar-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--mute);max-width:700px;margin:20px auto 0}
.dl-root .dl-ar-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px}
.dl-root .dl-ar-row .dl-by{padding-top:0;text-align:left}
.dl-root .dl-ar-row .dl-by img{width:40px;height:40px}
.dl-root .dl-ar-row .dl-by span{font-size:14px}
.dl-root .dl-ar-sh{display:flex;gap:8px}
.dl-root .dl-ar-sb{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--mute);border:1px solid var(--line);background:rgba(242,242,242,.03);cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.dl-root .dl-ar-sb:hover{color:var(--fg);border-color:rgba(242,242,242,.6)}
.dl-root .dl-ar-sb:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}
.dl-root .dl-ar-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);white-space:nowrap;font:500 12px Roboto,sans-serif;color:#121212;background:#F2F2F2;border-radius:8px;padding:5px 9px;opacity:0;pointer-events:none;transition:.2s}
.dl-root .dl-ar-cover{max-width:1120px;margin:20px auto 0}
.dl-root .dl-ar-cover .dl-cv{aspect-ratio:21/7;border-radius:22px;min-height:0;height:auto;width:100%}
.dl-root .dl-ar-cover .dl-cv-k{font-size:clamp(44px,7vw,104px);left:40px;bottom:32px}
.dl-root .dl-ar-body{display:grid;grid-template-columns:220px minmax(0,720px);gap:72px;justify-content:center;margin-top:64px}
.dl-root .dl-ar-side{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:28px}
.dl-root .dl-ar-toc b{display:block;font:600 11px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.dl-root .dl-ar-toc a{display:block;font-size:14px;line-height:1.4;color:var(--faint);text-decoration:none;padding:7px 0 7px 14px;border-left:1px solid var(--line);transition:color .2s,border-color .2s}
.dl-root .dl-ar-toc a:hover{color:var(--fg)}
.dl-root .dl-ar-side .dl-ar-sh{flex-wrap:wrap}
.dl-root .dl-ar-c{font-size:18px;line-height:1.75;color:rgba(242,242,242,.86);min-width:0}
.dl-root .dl-ar-c>*:first-child{margin-top:0}
.dl-root .dl-ar-c p{margin:0 0 22px}
.dl-root .dl-ar-c h2{font:600 clamp(26px,2.4vw,32px)/1.2 var(--display);letter-spacing:-.015em;color:var(--fg);margin:56px 0 18px;scroll-margin-top:110px}
.dl-root .dl-ar-c h3{font:600 21px/1.3 var(--display);color:var(--fg);margin:36px 0 12px}
.dl-root .dl-ar-c strong{color:var(--fg);font-weight:500}
.dl-root .dl-ar-c a{overflow-wrap:anywhere;color:#C9B8FF;text-decoration:underline;text-decoration-color:rgba(201,184,255,.4);text-underline-offset:3px}
.dl-root .dl-ar-c a:hover{text-decoration-color:#C9B8FF}
.dl-root .dl-ar-c ul,.dl-root .dl-ar-c ol{margin:0 0 26px;padding-left:4px;list-style:none;counter-reset:n}
.dl-root .dl-ar-c li{position:relative;padding-left:26px;margin:0 0 10px}
.dl-root .dl-ar-c ul>li:before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:#7340FF}
.dl-root .dl-ar-c ol>li{counter-increment:n}
.dl-root .dl-ar-c ol>li:before{content:counter(n);position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:6px;background:rgba(115,64,255,.18);color:#C9B8FF;font:600 12px/20px var(--display);text-align:center}
.dl-root .dl-ar-c blockquote{margin:36px 0;padding:6px 0 6px 26px;border-left:3px solid #7340FF;font:500 clamp(20px,2vw,24px)/1.45 var(--display);color:var(--fg)}
.dl-root .dl-ar-fig{margin:36px 0}
.dl-root .dl-ar-fig img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:#F2F2F2;display:block}
.dl-root .dl-ar-fig figcaption{font-size:13.5px;color:var(--faint);margin-top:10px;text-align:center}
.dl-root .dl-ar-cta{margin:44px 0;padding:28px;border-radius:18px;border:1px solid rgba(151,113,255,.3);background:radial-gradient(90% 140% at 100% 0%,rgba(115,64,255,.3),transparent 60%),#16122a}
.dl-root .dl-ar-cta b{display:block;font:600 24px/1.2 var(--display);color:var(--fg);margin:10px 0 6px}
.dl-root .dl-ar-cta p{font-size:15.5px;color:var(--mute);margin:0 0 18px}
.dl-root .dl-ar-cta a.dl-w-btn{text-decoration:none;color:#F2F2F2}
.dl-root .dl-ar-end{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.dl-root .dl-ar-end .dl-bt{font:500 13px Roboto,sans-serif}
.dl-root .dl-ar-au{display:grid;grid-template-columns:64px 1fr;gap:20px;margin-top:32px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#141318}
.dl-root .dl-ar-au img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.dl-root .dl-ar-au small{font:600 11px Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.dl-root .dl-ar-au b{display:block;font:600 20px var(--display);margin:4px 0 2px}
.dl-root .dl-ar-au em{font-style:normal;font-size:14px;color:var(--lilac2)}
.dl-root .dl-ar-au p{font-size:15px;line-height:1.6;color:var(--mute);margin:12px 0 0}
.dl-root .dl-ar-au a{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font:500 14px var(--display);color:var(--fg);text-decoration:none}
.dl-root .dl-ar-rel{margin-top:96px}
.dl-root .dl-ar-rel .dl-bg-mh{margin-bottom:22px}
.dl-root .dl-ar-rel .dl-bg-mh h2{font-size:clamp(28px,3vw,36px)}
@media (max-width:1080px){.dl-root .dl-ar-body{grid-template-columns:minmax(0,720px);gap:0}.dl-root .dl-ar-side{display:none}}
@media (max-width:900px){.dl-root .dl-ar-rel .dl-bg-g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.dl-root .dl-ar-hero{padding-top:48px}.dl-root .dl-ar-c{font-size:17px}.dl-root .dl-ar-cover .dl-cv{aspect-ratio:16/10;border-radius:16px}.dl-root .dl-ar-cover .dl-cv-k{left:22px;bottom:20px}.dl-root .dl-ar-body{margin-top:40px}.dl-root .dl-ar-au{grid-template-columns:1fr;padding:20px}.dl-root .dl-ar-rel .dl-bg-g{grid-template-columns:1fr}.dl-root .dl-ar-cta{padding:22px}}
.dl-root{display:block}
.dl-root .dl-w-hero{padding-top:66px}
body{background:#121212}
.main-wrapper{display:none!important}
.dl-cvi{position:relative;overflow:hidden;background:#15121f}
.dl-cvi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dl-ar-c img{max-width:100%;height:auto;border-radius:14px}
.dl-ar-c figure{margin:24px 0}
.ar-prog{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9771FF,#C9B8FF);transform:scaleX(0);transform-origin:0 50%;z-index:9999}
.dl-ar-side{top:96px!important}

/* v2: portada chica a la derecha + indice fijo y atenuado */
.dl-root .dl-ar-hg{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:56px;align-items:center}
.dl-root .dl-ar-hasc .dl-ar-hg{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.dl-root .dl-ar-hasc .dl-ar-in{max-width:none;margin:0;text-align:left}
.dl-root .dl-ar-hasc .dl-ar-in .dl-w-crumb,.dl-root .dl-ar-hasc .dl-ar-in .dl-bm,.dl-root .dl-ar-hasc .dl-ar-row{justify-content:flex-start}
.dl-root .dl-ar-hasc .dl-ar-in h1{font-size:clamp(32px,3.6vw,50px)}
.dl-root .dl-ar-hasc .dl-ar-lead{margin-left:0;margin-right:0}
.dl-root .dl-ar-hasc.dl-ar-hero:before{background:radial-gradient(45% 70% at 75% 0%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%)}
.dl-root .dl-ar-hasc .dl-ar-cover{max-width:none;margin:0}
.dl-root .dl-ar-hasc .dl-ar-cover .dl-cv{aspect-ratio:16/10;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--c) 60%,transparent)}
.dl-root .dl-ar-side{position:sticky;top:104px!important;opacity:.38;transition:opacity .3s ease}
.dl-root .dl-ar-side:hover,.dl-root .dl-ar-side:focus-within{opacity:1}
.dl-root .dl-ar-toc a.on{color:var(--fg);border-left-color:#7340FF}
@media (max-width:900px){.dl-root .dl-ar-hasc .dl-ar-hg{grid-template-columns:1fr;gap:32px}.dl-root .dl-ar-hasc .dl-ar-cover .dl-cv{aspect-ratio:16/9}}
