.join{--app-shell: #F1F1EE;--app-fill: rgba(31, 30, 27, .055);--app-line: #EFEEEA;--app-border: #E2E1DC;--app-card: 0 1px 2px rgba(31, 30, 27, .045), 0 4px 14px -4px rgba(31, 30, 27, .09);--w-r: 12px;--w-pad: 8px;--rail: var(--borde);--joint: var(--grafito);z-index:1;background:var(--surface);border-top:1px solid var(--borde)}.join__sprite{position:absolute;width:0;height:0;overflow:hidden}.join__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);grid-template-areas:"lead    form" "preview form";grid-template-rows:auto 1fr;column-gap:clamp(48px,5.5vw,96px);row-gap:48px;max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding:clamp(56px,6vw,88px) calc(var(--gutter) + var(--inset)) clamp(88px,8vw,120px)}.join__lead,.join__form,.join__preview{min-width:0}.join__lead{grid-area:lead}.join__form{grid-area:form;align-self:start;scroll-margin-top:calc(var(--header-h) + 24px)}.join__preview{grid-area:preview;align-self:start;margin:0}.join__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,1.4rem + 2.6vw,3.5rem);line-height:1.04;letter-spacing:-.04em;color:var(--grafito);text-wrap:balance}.join__lede{margin:16px 0 0;max-width:44ch;font-size:clamp(1.125rem,1.05rem + .25vw,1.25rem);line-height:1.5;color:var(--texto-2);text-wrap:pretty}.join__shell{padding:var(--w-pad);border-radius:var(--r-container);background:var(--app-shell)}.jf,.jf-done{border:1px solid transparent;border-radius:var(--w-r);background:var(--surface);box-shadow:var(--app-card);padding:clamp(20px,2.4vw,32px)}.jf{display:grid;gap:18px}.jf__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.jf__field{display:grid;gap:6px;align-content:start;min-width:0;margin:0;padding:0;border:0}.jf__label{padding:0;font-size:14px;font-weight:500;line-height:20px;color:var(--grafito)}.jf__opt{font-weight:400;color:var(--texto-2)}.jf__input,.jf__select,.jf__area{width:100%;height:44px;margin:0;padding:0 14px;border:1px solid var(--app-border);border-radius:var(--r-btn);background:var(--surface);box-shadow:0 1px 2px #1f1e1b0d;font:400 16px/1.4 var(--font-text);color:var(--grafito);transition:border-color .2s ease,box-shadow .2s ease}.jf__input::placeholder,.jf__area::placeholder{color:var(--texto-3);opacity:1}.jf__area{display:block;height:auto;min-height:92px;padding:11px 14px;line-height:1.5;resize:vertical}.jf__select{padding-right:40px;appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6C66' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px 16px no-repeat;cursor:pointer}.jf__select:invalid{color:var(--texto-3)}.jf__select option{color:var(--grafito)}.jf__input:focus,.jf__select:focus,.jf__area:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px #1e5bc624}@media(hover:hover){.jf__input:hover:not(:focus),.jf__select:hover:not(:focus),.jf__area:hover:not(:focus){border-color:var(--borde-hover)}}.jf__chips{display:flex;flex-wrap:wrap;gap:8px;container-type:inline-size}.jf__chip{position:relative;flex:1 1 auto}@container (max-width: 439px){.jf__chip{flex-basis:calc((100% - 16px) / 3)}}.jf__chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.jf__chip span{display:flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border:1px solid var(--app-border);border-radius:var(--r-btn);background:var(--surface);box-shadow:0 1px 2px #1f1e1b0d;font-size:14px;font-weight:500;line-height:1;color:var(--grafito);white-space:nowrap;font-variant-numeric:tabular-nums;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .16s var(--ease-ui)}.jf__chip input:checked+span{border-color:var(--grafito);background:var(--grafito);color:var(--papel);box-shadow:none}.jf__chip input:focus-visible+span{outline:2px solid var(--azul);outline-offset:2px}.jf__chip:active span{transform:scale(.96)}@media(hover:hover){.jf__chip:hover input:not(:checked)+span{border-color:var(--borde-hover)}}.jf__err{margin:0;font-size:13px;line-height:18px;color:var(--atasc)}.jf__err:empty{display:none}.jf__field.is-error .jf__input,.jf__field.is-error .jf__select,.jf__field.is-error .jf__chip span{border-color:var(--atasc)}.jf__field.is-error .jf__input:focus,.jf__field.is-error .jf__select:focus{box-shadow:0 0 0 3px #c23f3524}.jf__send{display:grid;gap:12px;margin-top:6px}.jf__btn{width:100%}.jf.is-sending .jf__btn{opacity:.7;pointer-events:none}.jf__status{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;line-height:20px;color:var(--texto-2)}.jf__status:empty{display:none}.jf__status.is-error{color:var(--atasc)}.jf__note{margin:0;font-size:13px;line-height:19px;color:var(--texto-2);text-wrap:pretty}.jf__note a{color:var(--azul);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@media(hover:hover){.jf__note a:hover{text-decoration-thickness:2px}}.jf__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.jf-done{display:grid;justify-items:start;gap:12px;padding-block:clamp(32px,4vw,48px);outline:none}.jf[hidden],.jf-done[hidden]{display:none}.jf-done__sym{width:56px;height:56px;margin-bottom:8px;color:var(--grafito)}.jf-done__sym .sym__block{transform-box:fill-box;transform-origin:center;fill:var(--mango)}.jf-done.is-in .jf-done__sym{animation:jf-ok .4s ease 1.35s both}.jf-done.is-in .jf-done__c{transform-box:fill-box;transform-origin:center;animation:jf-c .4s var(--ease-out) both}.jf-done.is-in .sym__block{animation:jf-block 1.2s var(--ease-out) .15s both,jf-block-ok .4s ease 1.35s both}.jf-done.is-in>:not(svg){animation:jf-rise .5s var(--ease-out) both}.jf-done.is-in>:nth-child(2){animation-delay:1.25s}.jf-done.is-in>:nth-child(3){animation-delay:1.35s}.jf-done.is-in>:nth-child(4){animation-delay:1.45s}@keyframes jf-c{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}@keyframes jf-block{0%{opacity:0;transform:translate(70px,-26px) rotate(-22deg)}25%{opacity:1;transform:translate(50px,-12px) rotate(-12deg)}55%{transform:translate(20px) rotate(0)}70%{transform:translate(20px)}to{transform:none}}@keyframes jf-ok{to{color:var(--ok)}}@keyframes jf-block-ok{to{fill:var(--ok)}}@keyframes jf-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.jf-done__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.75rem;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}.jf-done__text{margin:0 0 12px;max-width:40ch;font-size:16px;line-height:1.55;color:var(--texto-2);text-wrap:pretty}.jf-done__text b{font-weight:500;color:var(--grafito);overflow-wrap:anywhere}.ui-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ui-ic--sep{width:14px;height:14px;color:var(--texto-3)}.pv{max-width:640px;padding:0 var(--w-pad) var(--w-pad);border-radius:var(--r-container);background:var(--app-shell);color:var(--grafito)}.pv__bar{display:flex;align-items:center;gap:12px;height:48px;padding:0 6px 0 10px}.pv__crumb{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;color:var(--texto-2);white-space:nowrap}.pv__crumb>.ui-ic:first-child{color:var(--texto-2)}.pv__crumb b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--grafito)}.pv__crumb b.is-empty{color:var(--texto-2);font-weight:500}.pv__tag{display:inline-flex;align-items:center;gap:6px;flex:none;height:26px;margin-left:auto;padding:0 9px;border-radius:var(--r-chip);background:var(--app-fill);font-size:12.5px;font-weight:500;color:var(--texto-2)}.pv__tag .ui-ic{width:14px;height:14px}.pv__body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--w-pad)}.pv__card,.pv__status{border:1px solid transparent;border-radius:var(--w-r);background:var(--surface);box-shadow:var(--app-card)}.pv__card{padding:20px 20px 6px}.pv__head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--app-line)}.pv__av{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:var(--app-fill);color:var(--texto-2);font-size:15px;font-weight:600;line-height:1;letter-spacing:.02em}.pv__av .ui-ic{width:20px;height:20px}.pv__av[data-c=b]{background:#e3ebfa;color:#1e5bc6}.pv__av[data-c=g]{background:#ddf0e4;color:#276f48}.pv__av[data-c=o]{background:#fcead1;color:#8f530b}.pv__av[data-c=v]{background:#ece7fa;color:#5b40b0}.pv__av[data-c=p]{background:#f8e3ed;color:#a13567}.pv__av[data-c=t]{background:#dcefed;color:#196b64}.pv__id{min-width:0;flex:1}.pv__name{margin:0;overflow:hidden;font-size:18px;font-weight:600;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.pv__sub{display:flex;gap:6px;margin:2px 0 0;overflow:hidden;font-size:13px;line-height:18px;color:var(--texto-2);white-space:nowrap}.pv__sub span{overflow:hidden;text-overflow:ellipsis}.pv__dot{flex:none;color:var(--texto-3)}.pv__chip{display:inline-flex;align-items:center;gap:6px;flex:none;align-self:flex-start;height:22px;padding:0 8px;border-radius:6px;background:var(--pend-bg);font-size:11px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:background-color .35s ease}.pv__chip-dot{width:6px;height:6px;border-radius:50%;background:var(--pend);transition:background-color .35s ease}.pv__chip[data-st=curso]{background:var(--curso-bg)}.pv__chip[data-st=curso] .pv__chip-dot{background:var(--curso)}.pv__chip[data-st=ok]{background:var(--ok-bg)}.pv__chip[data-st=ok] .pv__chip-dot{background:var(--ok)}.pv__rows{margin:0}.pv__row{position:relative;display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;min-height:48px}.pv__row+.pv__row{border-top:1px solid var(--app-line)}.pv__row dt{position:relative;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--texto-2)}.pv__row dt .ui-ic{width:14px;height:14px;color:var(--texto-3)}.pv__row dd{position:relative;margin:0;overflow:hidden;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.pv__hl{position:absolute;top:5px;right:-10px;bottom:5px;left:-10px;border-radius:8px;background:var(--pend-bg);opacity:0;pointer-events:none}.pv .is-empty{color:var(--texto-3);font-weight:400}.pv__status{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px}.pv__status .sym{width:16px;height:16px;color:var(--texto-3);transition:color .4s var(--ease-out)}.pv__status .sym[data-sym=yava]{color:var(--azul)}.pv__status .sym[data-sym=cuadro]{color:var(--ok)}.pv.is-sending .pv__status .sym__block{animation:sym-cycle 1.7s var(--ease-out) infinite}.pv__say{min-width:0;overflow:hidden;font-size:13.5px;font-weight:500;line-height:19px;text-overflow:ellipsis;white-space:nowrap}.pv__blocks{display:flex;gap:4px;flex:none;margin-left:auto;color:var(--borde)}.pv__blocks i{display:block;width:12px;height:6px;border-radius:1.6px;background:currentColor;transform:translate(var(--dx, 0),var(--dy, 0)) rotate(var(--r, 0deg));transition:transform .7s var(--ease-out),background-color .35s var(--ease-out)}.pv__blocks i:nth-child(1){--dx: -1px;--dy: -3px;--r: -14deg}.pv__blocks i:nth-child(2){--dx: 1px;--dy: 2px;--r: 10deg}.pv__blocks i:nth-child(3){--dx: 0px;--dy: -2px;--r: 6deg}.pv__blocks i:nth-child(4){--dx: 2px;--dy: 3px;--r: -8deg}.pv__blocks i:nth-child(5){--dx: -1px;--dy: -3px;--r: 12deg}.pv__blocks i:nth-child(6){--dx: 1px;--dy: 2px;--r: -10deg}.pv__blocks i.is-on{transform:none;background:var(--grafito)}.pv.is-done .pv__blocks i{background:var(--ok)}.pv__count{flex:none;font-size:12.5px;color:var(--texto-2);font-variant-numeric:tabular-nums}@media(max-width:1080px){.join__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"lead lead" "form preview";grid-template-rows:none;column-gap:32px;row-gap:40px}}@media(max-width:940px){.join__inner{grid-template-columns:minmax(0,640px);grid-template-areas:"lead" "form" "preview"}}@media(max-width:560px){.join__inner{padding-block:40px 72px;row-gap:32px}.jf{gap:16px}.jf__row--company{grid-template-columns:minmax(0,1fr)}.jf__chip span{padding:0 10px}.pv__tag{display:none}.pv__card{padding:16px 16px 4px}.pv__head{align-items:flex-start}.pv__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.pv__sub{flex-direction:column;gap:0;white-space:normal}.pv__dot{display:none}.pv__say{white-space:normal}.pv__status{padding-block:12px}.pv__row{grid-template-columns:124px minmax(0,1fr)}.pv__status{padding:0 14px}.pv__count{display:none}}@media(prefers-reduced-motion:no-preference){.js .join__title,.js .join__lede,.js .join__form,.js .join__preview{animation:page-in .9s var(--ease-out-quint) calc(var(--i, 0) * .11s + 60ms) backwards}.js .join__lede{--i: 1}.js .join__form{--i: 2}.js .join__preview{--i: 3}}