/* Approved four-stage floating process design. Scoped exclusively to #proceso. */
#proceso.process-strip{
 position:relative!important;isolation:isolate;
 background:radial-gradient(ellipse at 72% 3%,rgba(218,206,255,.35),transparent 49%),linear-gradient(180deg,#fcfbff 0%,#f9f7ff 100%)!important;
 padding:70px 0!important;overflow:hidden;
}
#proceso.process-strip::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:repeating-radial-gradient(ellipse 690px 240px at 72% 92%,transparent 0 16px,rgba(119,78,217,.085) 17px 18px,transparent 19px 27px),
 repeating-linear-gradient(142deg,transparent 0 42px,rgba(124,88,216,.028) 43px 44px,transparent 45px 78px);
 mask-image:linear-gradient(180deg,transparent 3%,#000 38%,#000 100%);
}
#proceso.process-strip::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(circle,rgba(110,57,235,.24) 1.5px,transparent 2px) left 24px top 25px/24px 24px no-repeat,
 radial-gradient(circle,rgba(110,57,235,.23) 1.5px,transparent 2px) right 25px top 25px/24px 24px no-repeat;
}
#proceso .process-decor{position:absolute;z-index:-1;pointer-events:none}
#proceso .process-decor-left{width:450px;height:320px;left:-210px;bottom:-180px;border-radius:50%;background:linear-gradient(120deg,rgba(111,64,230,.15),rgba(166,144,255,.025));transform:rotate(25deg)}
#proceso .process-decor-right{width:340px;height:280px;right:-190px;top:170px;border-radius:50%;background:linear-gradient(120deg,rgba(110,60,226,.14),rgba(186,169,255,.02));transform:rotate(-20deg)}
/* Match typography and outlined CTA to preceding sections. */
#proceso .process-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:28px!important;margin-bottom:40px!important}
#proceso .process-title .section-tag{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;margin:0 0 12px!important;color:#ff5e1f!important;font-size:13px!important;font-weight:800!important;letter-spacing:.04em!important}
#proceso .process-title .section-tag::before{display:none!important}
#proceso .process-title .section-tag::after{content:"";display:block!important;width:104px;height:2px;background:linear-gradient(90deg,#ff6525,rgba(255,101,37,0))}
#proceso .process-title h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.16!important;letter-spacing:-.035em!important;margin:0 0 16px!important;color:#170d34!important}
#proceso .process-title h2 em{font-style:normal!important;color:#ff5e1f!important}
#proceso .process-title p{font-size:15px!important;line-height:1.65!important;max-width:680px!important;margin:0!important;color:#51486b!important}
#proceso .process-more{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:0!important;padding:10px 18px!important;border:1px solid rgba(115,49,211,.55)!important;border-radius:16px!important;background:transparent!important;color:#6422bf!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important}
#proceso .process-more>span:last-child{font-size:19px!important;line-height:1!important}
#proceso .process-more:hover,#proceso .process-more:focus-visible{background:#7c3aed!important;color:#fff!important;border-color:#fff!important}
#proceso .process-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr) 75px) minmax(0,1fr)!important;gap:5px!important;align-items:start!important}
#proceso .process-step{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:0!important;position:relative!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#proceso .step-icon,#proceso .step-icon.purple,#proceso .step-icon.orange{width:88px!important;height:88px!important;flex:0 0 88px!important;position:relative!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#proceso .step-icon.purple{color:#6515e7!important}
#proceso .step-icon.orange{color:#ff641e!important}
#proceso .step-icon svg{width:42px!important;height:42px!important;position:relative;z-index:1;filter:drop-shadow(0 3px 5px rgba(104,40,213,.12))}
#proceso .step-icon::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(105,41,219,.20);border-top-color:currentColor;border-bottom-color:transparent;animation:ikrea-process-orbit 8s linear infinite}
#proceso .step-icon::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 0%,currentColor 0 4px,transparent 4.5px),radial-gradient(circle at 100% 65%,currentColor 0 3px,transparent 3.5px),radial-gradient(circle at 0% 66%,currentColor 0 3px,transparent 3.5px);animation:ikrea-process-orbit 5s linear infinite reverse}
#proceso .process-step-content{display:flex!important;flex-direction:column!important;align-items:center!important;margin-top:23px!important;min-width:0!important}
#proceso .process-step-content small{font-size:20px!important;font-weight:850!important;line-height:1.3!important;margin-bottom:5px!important;color:#5b11e5!important}
#proceso .process-step:nth-child(3) .process-step-content small,#proceso .process-step:nth-child(7) .process-step-content small{color:#ff5d1e!important}
#proceso .process-step-content strong,#proceso .process-step-content>span{font-size:19px!important;font-weight:800!important;line-height:1.25!important;color:#1b1135!important}
#proceso .process-step-content p{font-size:14px!important;line-height:1.5!important;color:#51486b!important;max-width:240px!important;margin:10px 0 0!important}
#proceso .step-arrow{display:flex!important;align-items:center!important;justify-content:center!important;height:88px!important;margin-top:20px!important;color:#6c2ee6!important}
#proceso .step-arrow svg{display:block;width:61px!important;height:29px!important;filter:drop-shadow(0 3px 2px rgba(106,38,221,.12))}
@media(prefers-reduced-motion:no-preference){
 #proceso .step-icon svg{animation:ikrea-process-float 4s ease-in-out infinite}
 #proceso .process-step:nth-child(3) .step-icon svg{animation-delay:-1s}
 #proceso .process-step:nth-child(5) .step-icon svg{animation-delay:-2s}
 #proceso .process-step:nth-child(7) .step-icon svg{animation-delay:-3s}
 #proceso .process-more{animation:ikrea-process-cta 3.2s ease-in-out infinite}
 #proceso .step-arrow svg{animation:ikrea-process-arrow 1.7s ease-in-out infinite}
 #proceso .step-arrow:nth-child(4) svg{animation-delay:.32s}
 #proceso .step-arrow:nth-child(6) svg{animation-delay:.64s}
}
@keyframes ikrea-process-orbit{to{transform:rotate(360deg)}}
@keyframes ikrea-process-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes ikrea-process-cta{0%,100%{translate:0 0}50%{translate:7px 0}}
@keyframes ikrea-process-arrow{0%,100%{transform:translateX(-4px);opacity:.65}55%{transform:translateX(5px);opacity:1}}
@media(max-width:1150px){
 #proceso .process-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:48px 22px!important}
 #proceso .step-arrow{display:none!important}
}
@media(max-width:700px){
 #proceso.process-strip{padding:70px 0!important}
 #proceso .process-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;margin-bottom:40px!important}
 #proceso .process-title{width:100%!important;max-width:none!important;min-width:0!important}
 #proceso .process-title p{width:100%!important;max-width:none!important}
 #proceso .process-more{align-self:center!important;justify-self:center!important;margin:0!important}
 #proceso .process-title h2{font-size:32px!important}
 #proceso .process-title p{font-size:15px!important}
 #proceso .process-steps{grid-template-columns:1fr!important;gap:46px!important}
 #proceso .step-icon{width:80px!important;height:80px!important;flex-basis:80px!important}
 #proceso .step-icon svg{width:38px!important;height:38px!important}
 #proceso .process-step-content{margin-top:24px!important}
 #proceso .process-step-content strong,#proceso .process-step-content>span{font-size:19px!important}
 #proceso .process-step-content p{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
 #proceso .step-icon::before,#proceso .step-icon::after,#proceso .step-icon svg,#proceso .process-more,#proceso .step-arrow svg{animation:none!important}
}