.eli-process-lab{background:#f1edf4;color:#3A0F34;padding:94px 6vw 76px;overflow:hidden}.process-lab-inner{max-width:1400px;margin:auto}.process-lab-heading{position:static;display:block;text-align:center;border:0;background:none;padding:0;margin:0 auto 32px;max-width:1050px;box-shadow:none}.process-eyebrow{font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.17em;color:#65419B;margin:0 0 22px}.process-lab-heading h2{font:700 clamp(32px,4vw,60px)/1.08 Manrope,sans-serif;letter-spacing:-.045em;margin:0;color:#3A0F34}.process-lab-heading h2 em{font-style:normal;color:#65419B}.process-lab-heading>p:last-child{font:400 17px/1.6 'DM Sans',sans-serif;margin:22px 0 0;color:#3A0F34}.process-options{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0 36px}.process-options button{display:flex;align-items:center;gap:12px;border:1px solid #65419b45;color:#3A0F34;background:#FAF8F6;border-radius:40px;padding:14px 21px;min-height:50px;font:600 14px/1.4 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}.process-options button span{font-size:10px;color:#65419B}.process-options button[aria-pressed=true]{background:#3A0F34;color:#FAF8F6;border-color:#3A0F34}.process-options button[aria-pressed=true] span{color:#DDE3E8}.process-options button:hover{transform:translateY(-2px)}.process-options button:focus-visible,.process-lab-footer a:focus-visible,.process-lab-footer button:focus-visible{outline:3px solid #65419B;outline-offset:5px}.process-comparison{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px}.process-comparison article{padding:32px 30px 28px;border-radius:24px;min-width:0;position:relative}.process-before{border:1px solid #65419b35;background:#FAF8F6}.process-after{background:#3A0F34;color:#FAF8F6}.process-panel-heading>p{font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.2em;margin:0 0 12px;color:#65419B}.process-after .process-panel-heading>p{color:#DDE3E8}.process-panel-heading h3{font:600 clamp(21px,2.15vw,32px)/1.18 Manrope,sans-serif;letter-spacing:-.035em;margin:0;min-height:2.4em;max-width:26ch}.process-transition{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:48px;height:48px;background:#65419B;color:#FAF8F6;border:6px solid #f1edf4;border-radius:50%;font-size:24px}.process-diagram{position:relative;height:175px;margin:30px 0 12px}.process-rail{position:absolute;top:35px;left:10%;right:10%;height:2px;background:#65419b45}.process-after .process-rail{background:#DDE3E870}.process-nodes{display:flex;justify-content:space-between;position:relative;z-index:1;gap:12px}.process-node{width:30%;text-align:center;min-width:0}.process-node>span{width:68px;height:68px;margin:auto;display:grid;place-items:center;border-radius:19px;background:#f1edf4;border:1px solid #65419b40;color:#65419B}.process-node svg{width:28px;height:28px}.process-node p{font:500 12px/1.5 'DM Sans',sans-serif;max-width:14ch;margin:12px auto 0;text-wrap:balance;color:inherit}.process-before .process-node:nth-child(2)>span{border:2px solid #65419B;box-shadow:0 0 0 6px #65419b12}.process-after .process-node>span{background:#65419B;border-color:#DDE3E845;color:#FAF8F6}.process-jam,.process-clear{position:absolute;bottom:0;left:0;right:0;text-align:center;font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.02em}.process-jam{color:#65419B}.process-clear{color:#DDE3E8}.process-packet{position:absolute;top:23px;left:5%;display:block;width:22px;height:26px;color:#65419B;opacity:0;animation:eli-process-jam 6s linear infinite;animation-delay:calc(var(--i) * -1s);transform:translateX(-50%)}.process-packet svg{width:100%;height:100%;background:#FAF8F6;border-radius:3px}.process-after .process-packet{color:#FAF8F6;animation-name:eli-process-flow;animation-duration:4.8s;animation-delay:calc(var(--i) * -.8s)}.process-after .process-packet svg{background:#3A0F34}.process-panel-detail{font:400 14px/1.65 'DM Sans',sans-serif;margin:14px 0 0;max-width:50ch;min-height:3.3em;color:#3A0F34}.process-after .process-panel-detail{color:#FAF8F6}.process-takeaway{display:flex;gap:24px;align-items:flex-start;border-bottom:1px solid #65419b35;padding:28px 0 24px;margin-top:8px}.process-takeaway>span{border:1px solid #65419B;color:#65419B;font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.08em;padding:7px 12px;border-radius:20px;white-space:nowrap;margin-top:2px}.process-takeaway p{font:500 19px/1.5 'DM Sans',sans-serif;margin:0;max-width:75ch;color:#3A0F34}.process-lab-footer{display:flex;align-items:center;gap:22px;padding-top:22px;flex-wrap:wrap}.process-lab-footer>p{font:400 11px/1.6 'DM Sans',sans-serif;color:#65419B;margin:0;flex:1;min-width:210px}.process-lab-footer>button{background:none;border:0;color:#65419B;font:500 12px/1.5 'DM Sans',sans-serif;cursor:pointer;padding:10px 0;display:flex;gap:10px;align-items:center}.process-lab-footer>a{background:#3A0F34;color:#FAF8F6;border-radius:40px;display:flex;align-items:center;gap:25px;padding:15px 23px;font:600 14px/1.4 'DM Sans',sans-serif;text-decoration:none}.process-lab-footer>a:hover{background:#65419B}.eli-process-lab.is-paused .process-packet,.eli-process-lab.is-offscreen .process-packet{animation-play-state:paused}@keyframes eli-process-jam{0%{left:4%;opacity:0}8%{opacity:1}34%{left:calc(45% - var(--i)*3%);opacity:1}88%{left:calc(45% - var(--i)*3%);opacity:1}100%{left:calc(45% - var(--i)*3%);opacity:0}}@keyframes eli-process-flow{0%{left:8%;opacity:0}10%{opacity:1}88%{opacity:1}100%{left:93%;opacity:0}}
@media(max-width:800px){.eli-process-lab{padding:60px 6vw 50px}.process-lab-heading{text-align:left}.process-eyebrow{font-size:10px;letter-spacing:.12em;max-width:28ch}.process-lab-heading h2{font-size:clamp(31px,6.3vw,44px)}.process-lab-heading>p:last-child{font-size:16px}.process-options{gap:8px;justify-content:flex-start;margin:24px 0}.process-options button{padding:11px 15px;font-size:12px;min-height:46px;gap:8px}.process-comparison{grid-template-columns:1fr;gap:24px}.process-comparison article{padding:25px 22px 23px;border-radius:20px}.process-transition{top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:44px;height:44px}.process-panel-heading h3{font-size:25px;min-height:0;max-width:none}.process-diagram{height:155px;margin:24px 0 8px}.process-node>span{width:56px;height:56px;border-radius:15px}.process-node p{font-size:11px}.process-rail{top:29px}.process-packet{top:17px;width:20px;height:24px}.process-panel-detail{font-size:13px;min-height:0}.process-takeaway{flex-direction:column;gap:13px;padding:24px 0}.process-takeaway p{font-size:17px}.process-lab-footer{gap:12px 20px}.process-lab-footer>p{flex-basis:100%;font-size:10px}.process-lab-footer>a{font-size:13px;padding:14px 20px}.process-lab-footer>button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.process-packet{animation:none;opacity:1;left:calc(21% + var(--i)*4%)}.process-after .process-packet{animation:none;left:calc(12% + var(--i)*14%)}.process-options button{transition:none}.process-options button:hover{transform:none}#process-motion{display:none}}

/* Comparador inmediatamente bajo la portada: profundidad con la escultura aprobada. */
.eli-process-lab{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 7%,#65419b70 0,transparent 40%),radial-gradient(ellipse at 0% 90%,#65419b50 0,transparent 44%),#3A0F34;color:#FAF8F6;border-top:1px solid #DDE3E830;border-bottom:1px solid #DDE3E830;padding-top:80px}
.eli-process-lab:before,.eli-process-lab:after{content:'';position:absolute;z-index:-1;pointer-events:none;background:url('cinta-metalica.png') center/contain no-repeat;width:1050px;height:750px}
.eli-process-lab:before{right:-610px;top:-160px;opacity:.23;transform:rotate(-27deg);filter:saturate(.5)}
.eli-process-lab:after{left:-700px;bottom:-140px;opacity:.16;transform:rotate(25deg);filter:saturate(.5)}
.process-lab-inner{position:relative;z-index:1}
.process-eyebrow{color:#DDE3E8}
.process-lab-heading h2{color:#FAF8F6}
.process-lab-heading h2 em{color:#DDE3E8}
.process-lab-heading>p:last-child{color:#FAF8F6}
.process-options button{background:#3A0F34;color:#FAF8F6;border-color:#DDE3E875;box-shadow:inset 0 1px 0 #FAF8F610}
.process-options button span{color:#DDE3E8}
.process-options button[aria-pressed=true]{background:#FAF8F6;color:#3A0F34;border-color:#FAF8F6;box-shadow:0 8px 24px #16091938}
.process-options button[aria-pressed=true] span{color:#65419B}
.process-options button:focus-visible,.process-lab-footer a:focus-visible,.process-lab-footer button:focus-visible{outline-color:#FAF8F6}
.process-comparison article{box-shadow:0 22px 55px #190a2238}
.process-before{background:linear-gradient(135deg,#FAF8F6 65%,#DDE3E8);color:#3A0F34;border-color:#FAF8F6}
.process-after{background:radial-gradient(ellipse at 95% 0%,#65419B 0,transparent 68%),linear-gradient(140deg,#65419B,#3A0F34 90%);color:#FAF8F6;border:1px solid #DDE3E86b;box-shadow:inset 0 1px 0 #FAF8F630,0 25px 60px #18091f50!important}
.process-after .process-node>span{background:#3A0F34;border-color:#DDE3E880;box-shadow:inset 0 1px 0 #FAF8F625,0 8px 18px #190a2225}
.process-before .process-node>span{background:#FAF8F6;box-shadow:0 6px 16px #65419b12}
.process-before .process-node:nth-child(2)>span{box-shadow:0 0 0 6px #65419b12,0 6px 16px #65419b12}
.process-transition{border-color:#3A0F34;background:#DDE3E8;color:#3A0F34;box-shadow:0 0 0 1px #DDE3E860}
.process-takeaway{border-color:#DDE3E840}
.process-takeaway>span{color:#FAF8F6;border-color:#DDE3E880}
.process-takeaway p{color:#FAF8F6}
.process-lab-footer>p,.process-lab-footer>button{color:#DDE3E8}
.process-lab-footer>a{background:#FAF8F6;color:#3A0F34;box-shadow:0 8px 24px #16091930}
.process-lab-footer>a:hover{background:#DDE3E8;color:#3A0F34}
@media(max-width:800px){.eli-process-lab{padding-top:60px}.eli-process-lab:before{width:700px;height:600px;right:-530px;top:-160px;opacity:.18}.eli-process-lab:after{width:700px;height:600px;left:-560px;bottom:-60px;opacity:.12}}
/* Explorador de rutas: fondo arquitectónico suave, sin escultura decorativa. */
.eli-process-lab{background:radial-gradient(ellipse at 100% 0%,#8e6bb94d,transparent 54%),radial-gradient(ellipse at 0% 100%,#65419b55,transparent 60%),linear-gradient(125deg,#24132d,#3a214c 60%,#342039);padding-top:74px}
.eli-process-lab:before{background:none;width:65vw;height:65vw;border:1px solid #e2d1ff15;border-radius:50%;right:-32vw;top:12%;transform:none;opacity:1;box-shadow:0 0 0 80px #d8baff04,0 0 0 160px #d8baff03}
.eli-process-lab:after{display:none}
.process-explorer{margin:36px 0 48px;border:1px solid #ddc9f73d;border-radius:28px;background:linear-gradient(130deg,#faf8f60f,#faf8f605);padding:32px;box-shadow:0 24px 70px #130d201f}
.explorer-intro>span,.process-examples-label{font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.17em;color:#d8c4ef}
.explorer-intro h3{font:700 clamp(24px,3vw,36px)/1.2 Manrope,sans-serif;margin:12px 0;color:#faf8f6;letter-spacing:-.035em}
.explorer-intro>p{font-size:15px;color:#e9dfef;margin:0 0 26px}
.explorer-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px}
.explorer-fields label{display:flex;flex-direction:column;gap:9px;color:#faf8f6;font:500 13px/1.5 'DM Sans',sans-serif;min-width:0}
.explorer-fields select{width:100%;min-height:52px;border-radius:12px;padding:12px;color:#3a0f34;background:#faf8f6;border:1px solid #ddd0eb;font:500 13px/1.4 'DM Sans',sans-serif}
.explorer-fields>button{min-height:52px;background:#d9c5f1;color:#291336;border:0;border-radius:12px;padding:14px 22px;cursor:pointer;font-weight:700}
.process-explorer :is(button,select,a):focus-visible{outline:3px solid #ddbbff;outline-offset:4px}
.explorer-result{margin-top:28px;background:#faf8f6;border-radius:20px;padding:28px;color:#3a0f34}
.explorer-result[hidden]{display:none}
.explorer-route{font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.14em;color:#65419b;margin:0 0 12px}
.explorer-result h3{font:700 clamp(24px,2.7vw,36px)/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 14px}
.explorer-result>p:not(.explorer-route){font-size:16px;line-height:1.6;max-width:75ch}
.explorer-next{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-block:1px solid #65419b26;padding:22px 0;margin:22px 0}
.explorer-next strong{color:#65419b;font-size:13px}.explorer-next p{font-size:14px;line-height:1.65;margin:8px 0 0}
.explorer-result>a{display:inline-block;padding:14px 20px;background:#65419b;color:white;border-radius:30px;text-decoration:none;font-weight:600;font-size:13px}
.explorer-reset{border:0;background:none;color:#65419b;text-decoration:underline;padding:14px;cursor:pointer;font-size:13px}
.explorer-result small{display:block;font-size:11px;line-height:1.6;color:#65419b;margin-top:18px}
.process-examples-label{text-align:center;margin:0 0 16px}.process-options{margin-top:0}
@media(max-width:850px){.explorer-fields{grid-template-columns:1fr 1fr}.explorer-fields>button{grid-column:1/-1}.process-explorer{padding:24px}}
@media(max-width:550px){.process-explorer{padding:20px;border-radius:22px;margin-top:28px}.explorer-fields,.explorer-next{grid-template-columns:1fr}.explorer-result{padding:20px}.explorer-next{gap:20px}.explorer-result>a{display:block;text-align:center}.explorer-reset{display:block;margin:auto}}
