#el-proceso { background:#09090b; color:#f4f1f8; padding:70px 0 120px; scroll-margin-top:90px; }
#el-proceso .process-wrap { width:90%; max-width:1200px; margin:auto; }
#el-proceso .process-eyebrow { color:#b8a0d9; font-size:10px; letter-spacing:.18em; margin:0; }
#el-proceso h2 { font-size:clamp(44px,5vw,68px); font-weight:500; line-height:1.05; letter-spacing:-.045em; margin:24px 0; }
#el-proceso h2 em { color:#b994ee; font-style:normal; }
#el-proceso .process-intro { max-width:410px; color:#aaa2b4; font-size:16px; line-height:1.8; margin:0; }
#el-proceso .process-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:72px 0 0; padding:0; }
#el-proceso .process-step { position:relative; min-width:0; padding:32px 38px 0 0; }
#el-proceso .process-step::before, #el-proceso .process-step::after { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#ffffff20; }
#el-proceso .process-step::after { background:#b994ee80; transform-origin:left; }
#el-proceso .process-copy { position:relative; }
#el-proceso .process-copy::before { content:""; position:absolute; left:0; top:-35px; width:7px; height:7px; border:1px solid #b994ee; border-radius:50%; background:#09090b; z-index:1; }
#el-proceso .process-number { display:block; color:#92849f; font-size:32px; font-weight:300; letter-spacing:-.04em; line-height:1; }
#el-proceso .process-step h3 { font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.15em; margin:18px 0 0; }
#el-proceso .process-drawing { display:block; width:100%; max-width:320px; height:180px; stroke:#a79cab; stroke-width:1; margin:20px 0; }
#el-proceso .process-drawing .muted-line { stroke:#ffffff2b; }
#el-proceso .process-drawing .accent-line { stroke:#b994ee; }
#el-proceso .process-step>p { color:#aaa2b4; font-size:15px; line-height:1.8; max-width:290px; margin:0; }
#el-proceso .process-included { border-top:1px solid #ffffff18; margin-top:100px; padding-top:65px; }
#el-proceso .process-included h3 { font-size:clamp(25px,3vw,38px); font-weight:500; line-height:1.25; letter-spacing:-.035em; margin:22px 0 40px; }
#el-proceso .process-list { list-style:none; padding:0; margin:0; display:grid; grid-template-rows:repeat(4,auto); grid-auto-flow:column; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:80px; }
#el-proceso .process-list li { display:flex; align-items:baseline; gap:24px; border-bottom:1px solid #ffffff18; padding:23px 0; color:#cec7d6; font-size:16px; transition:color .25s,border-color .25s; }
#el-proceso .process-list span { font-size:10px; letter-spacing:.1em; color:#8c7f99; transition:color .25s; }
@media(hover:hover) { #el-proceso .process-list li:hover { color:#f4f1f8; border-color:#b994ee55; } #el-proceso .process-list li:hover span { color:#b994ee; } }
@media(prefers-reduced-motion:no-preference) {
 #el-proceso.process-enhanced .process-step>* { opacity:0; transform:translateY(12px); transition:opacity .7s ease var(--delay,0s),transform .7s ease var(--delay,0s); }
 #el-proceso.process-enhanced .process-step::after { transform:scaleX(0); transition:transform .65s ease calc(var(--delay,0s) + .2s); }
 #el-proceso.process-enhanced .process-step.is-visible>* { opacity:1; transform:translateY(0); }
 #el-proceso.process-enhanced .process-step.is-visible::after { transform:scaleX(1); }
}
@media(max-width:768px) {
 #el-proceso { padding:48px 20px 72px; }
 #el-proceso .process-wrap { width:100%; }
 #el-proceso h2 { font-size:clamp(42px,8vw,58px); }
 #el-proceso .process-intro { font-size:15px; max-width:390px; }
 #el-proceso .process-steps { display:block; margin-top:48px; }
 #el-proceso .process-step { padding:0 0 42px 27px; }
 #el-proceso .process-step:last-child { padding-bottom:0; }
 #el-proceso .process-step::before, #el-proceso .process-step::after { top:6px; width:1px; height:100%; transform-origin:top; }
 #el-proceso .process-step:last-child::before, #el-proceso .process-step:last-child::after { height:calc(100% - 6px); }
 #el-proceso .process-copy::before { left:-30px; top:5px; }
 #el-proceso .process-copy { position:relative; }
 #el-proceso .process-number { font-size:28px; }
 #el-proceso .process-step h3 { margin-top:12px; }
 #el-proceso .process-drawing { height:145px; max-width:280px; margin:16px 0; }
 #el-proceso .process-step>p { max-width:390px; font-size:14px; }
 #el-proceso .process-included { margin-top:56px; padding-top:40px; }
 #el-proceso .process-included h3 { margin-bottom:24px; }
 #el-proceso .process-included h3 br { display:none; }
 #el-proceso .process-list { display:block; }
 #el-proceso .process-list li { display:block; padding:18px 0; font-size:16px; }
 #el-proceso .process-list span { display:block; margin-bottom:8px; }
}
@media(max-width:768px) and (prefers-reduced-motion:no-preference) {
 #el-proceso.process-enhanced .process-step::after { transform:scaleY(0); }
 #el-proceso.process-enhanced .process-step.is-visible::after { transform:scaleY(1); }
}
@media(prefers-reduced-motion:reduce) { #el-proceso *, #el-proceso *::after { transition:none!important; } }