.proceso-titulo{font-family:var(--fuente-dato);letter-spacing:.16em;text-transform:uppercase;color:var(--texto-2);margin:0 0 20px;font-size:.75rem;font-weight:400}.proceso-pasos{max-width:44rem;margin:0;padding:0;list-style:none;position:relative}.proceso-pasos:before{content:"";background:linear-gradient(to bottom, var(--vena), color-mix(in srgb, var(--vena) 25%, transparent));width:1px;box-shadow:0 0 6px color-mix(in srgb, var(--vena) 60%, transparent);position:absolute;top:10px;bottom:10px;left:21px}.proceso-paso{grid-template-columns:44px minmax(0,1fr);gap:18px;padding:0 0 30px;display:grid;position:relative}.proceso-n{z-index:1;border-radius:var(--radio-circulo);background:var(--fondo);border:1px solid color-mix(in srgb, var(--vena) 70%, transparent);width:44px;height:44px;font-family:var(--fuente-dato);color:var(--texto);transition:box-shadow var(--lento) var(--curva), background var(--lento) var(--curva);place-items:center;font-size:.8rem;display:grid;position:relative}.proceso-paso.visto .proceso-n{background:color-mix(in srgb, var(--vena) 18%, var(--fondo));box-shadow:0 0 0 4px var(--fondo), 0 0 18px color-mix(in srgb, var(--vena) 55%, transparent)}.proceso-paso[data-quien=tú] .proceso-n{border-color:var(--texto)}.proceso-paso h4{letter-spacing:-.01em;margin:2px 0 6px;font-size:clamp(1.15rem,1rem + .6vw,1.4rem)}.proceso-paso p{color:var(--texto-2);margin:0 0 6px;line-height:1.5}.proceso-paso .proceso-quien{margin:0;font-size:.75rem}.proceso-paso[data-quien=tú] .proceso-quien{color:var(--texto)}.proceso-tiempo{border-radius:var(--radio-pildora);border:1px solid var(--borde);letter-spacing:.1em;padding:4px 10px;display:inline-block;color:var(--halo)!important;margin-top:4px!important}.acuerdos ul{gap:12px;max-width:40rem;margin:0;padding:0;list-style:none;display:grid}.acuerdos li{padding-left:22px;line-height:1.5;position:relative}.acuerdos li:before{content:"";background:var(--vena);width:10px;height:1px;position:absolute;top:.75em;left:0}.proceso-vivo{position:relative}.proceso-caja{--y:22px;z-index:2;border-radius:var(--radio-chico);background:var(--vena);width:22px;height:22px;box-shadow:0 0 0 3px var(--fondo), 0 0 22px color-mix(in srgb, var(--vena) 75%, transparent);transform:translateY(calc(var(--y) - 11px));pointer-events:none;transition:transform .56s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:11px}.proceso-caja[data-salto="0"]{animation:proceso-salto-a .56s var(--curva)}.proceso-caja[data-salto="1"]{animation:proceso-salto-b .56s var(--curva)}@keyframes proceso-salto-a{0%{rotate:0deg;scale:1}35%{rotate:45deg;scale:.8 1.25}80%{rotate:90deg;scale:1.2 .8}to{rotate:90deg;scale:1}}@keyframes proceso-salto-b{0%{rotate:0deg;scale:1}35%{rotate:45deg;scale:.8 1.25}80%{rotate:90deg;scale:1.2 .8}to{rotate:90deg;scale:1}}.proceso-vivo .proceso-paso .proceso-n{transition:opacity var(--medio) var(--curva), box-shadow var(--lento) var(--curva), background var(--lento) var(--curva)}.proceso-vivo .proceso-paso.activo .proceso-n{color:#0000}.proceso-vivo .proceso-paso.activo h3,.proceso-vivo .proceso-paso.activo h4{color:var(--texto)}.proceso-vivo .proceso-paso:not(.activo) h3,.proceso-vivo .proceso-paso:not(.activo) h4{color:color-mix(in srgb, var(--texto) 78%, transparent)}.proceso-quien svg{vertical-align:-3px;width:18px;height:18px;color:var(--texto-2)}.proceso-paso[data-quien=tú] .proceso-quien svg{color:var(--texto)}.proceso-paso[data-quien=nosotros] .proceso-quien svg{color:var(--vena)}.proceso-corto{color:var(--texto)!important}.proceso-tiempo svg{vertical-align:-2px;width:13px;height:13px;margin-right:6px}.proceso-detalle{border-left:2px solid color-mix(in srgb, var(--vena) 60%, transparent);border-radius:var(--radio-chico);background:color-mix(in srgb, var(--texto) 4%, transparent);padding:10px 14px;display:none;margin-top:8px!important}.proceso-vivo.abierto .proceso-detalle{display:block}.proceso-ver{border:1px solid var(--borde);border-radius:var(--radio-pildora);min-height:44px;color:var(--texto);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;margin:0 0 22px;padding:10px 18px;display:inline-flex}.proceso-ver:after{content:"";width:8px;height:8px;transition:transform var(--medio) var(--curva);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-2px)rotate(45deg)}.proceso-ver[aria-expanded=true]:after{transform:translateY(2px)rotate(-135deg)}.proceso-ver:hover{border-color:var(--texto-2)}@media (prefers-reduced-motion:reduce){.proceso-caja{transition:none;rotate:45deg;animation:none!important}}
