@layer components{[data-skills]{--paper-0:var(--color-paper-0);--paper-1:var(--color-paper-1);--paper-2:var(--color-paper-2);--paper-3:var(--color-paper-3);--ink-0:var(--color-ink-0);--ink-1:var(--color-ink-1);--ink-2:var(--color-ink-2);--ink-3:var(--color-ink-3);--sage:var(--color-sage);--sage-ink:var(--color-sage-ink);--sky:var(--color-sky);--sky-ink:var(--color-sky-ink);--lilac:var(--color-lilac);--lilac-ink:var(--color-lilac-ink);--peach:var(--color-peach);--peach-ink:var(--color-peach-ink);--rose:var(--color-rose);--rose-ink:var(--color-rose-ink);--citron:var(--color-citron);--citron-ink:var(--color-citron-ink);--sh-1:var(--shadow-sh-1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--ease-out-cubic:cubic-bezier(.21,.61,.35,1);--f-display:var(--font-display),Georgia,serif;--f-sans:var(--font-sans),system-ui,sans-serif;--f-mono:var(--fuente-mono);--esc-centro:#23211e;--esc-medio:#151412;--esc-borde:#0e0d0c;--esc-luz-max:#ece7da17;--esc-luz-media:#ece7da09;--esc-luz-cero:#ece7da00;--esc-texto:#d9d5ca;--esc-tenue:#bdb8ab;--esc-ficha:#121110d1;--esc-sombra:0 18px 48px -18px #12111073;--esc-borde-claro:#ffffff38;--esc-velo:#ffffff0f;--esc-velo-sobre:#ffffff1f;--esc-sombra-negra:#000000d9;--esc-brillo:#ffffff6b;--esc-brillo-tenue:#ffffff1f;--esc-brillo-cero:#fff0;--esc-hondo:#1a1816;--esc-borde-bajo:#1412104d;--esc-filo:#ffffff61;--esc-aro-fino:#ffffff0f;--esc-aro-agarrada:#ffffff14;--esc-ficha-borde:#ffffff47;--esc-ficha-sombra:#0009;--esc-chip-borde:#ffffff40}[data-skills] .skills-cabeza{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;display:flex}[data-skills] .vista{border:1px solid var(--paper-3);background:var(--paper-1);border-radius:999px;padding:3px;display:inline-flex}[data-skills] .vista button{appearance:none;font:500 13.5px var(--f-sans);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:36px;padding:7px 14px}[data-skills] .vista button[aria-pressed=true]{background:var(--paper-0);color:var(--ink-0);box-shadow:var(--sh-1)}[data-skills] .vista button:focus-visible{outline:2px solid var(--sage-ink);outline-offset:3px}[data-skills]:not([data-vivo]) .vista,[data-skills]:not([data-vivo]) .escenario-hueco,[data-skills][data-vista=lista] .escenario-hueco,[data-skills][data-sin-escenario] .vista,[data-skills][data-sin-escenario] .escenario-hueco,[data-skills][data-vivo][data-vista=areas] .lista{display:none}[data-skills] .escenario-hueco{margin-top:28px;scroll-margin-top:64px}[data-skills] .escenario,[data-skills] .escenario-hueco:empty{height:620px;color:var(--paper-0);background:radial-gradient(40% 36% at 50% 50%,var(--esc-luz-max) 0%,var(--esc-luz-media) 52%,var(--esc-luz-cero) 100%), radial-gradient(70% 60% at 50% 45%,var(--esc-centro) 0%,var(--esc-medio) 62%,var(--esc-borde) 100%);box-shadow:var(--esc-sombra);border-radius:22px;position:relative;overflow:hidden}[data-skills] .red{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}[data-skills] .escenario[data-arrastrando]{cursor:grabbing;-webkit-user-select:none;user-select:none}[data-skills] .invita{z-index:4;text-align:center;font:500 15px/1.4 var(--f-sans);color:var(--esc-texto);opacity:0;transition:opacity .3s var(--ease-out-cubic) .15s;pointer-events:none;margin:0;position:absolute;top:22px;left:16px;right:16px}[data-skills] .invita:before{content:"";background:var(--sage);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin:0 9px 2px 0;animation:2.4s ease-in-out infinite sk-latido;display:inline-block}@keyframes sk-latido{50%{opacity:.35}}[data-skills] .progreso{font:500 12.5px var(--f-mono);letter-spacing:.02em;color:var(--sage);white-space:nowrap;margin-left:6px}[data-skills] .ver-lista{pointer-events:auto;appearance:none;border:1px solid var(--esc-borde-claro);background:var(--esc-velo);min-height:32px;font:500 13px var(--f-sans);color:var(--paper-0);cursor:pointer;border-radius:999px;margin-left:10px;padding:5px 12px}[data-skills] .ver-lista[hidden],[data-skills] .progreso[hidden]{display:none}[data-skills] .ver-lista:hover{background:var(--esc-velo-sobre)}[data-skills] .escenario[data-visto] .invita{opacity:1}[data-skills] .escenario[data-elegido] .invita{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out-cubic),visibility 0s linear .3s}[data-skills] .escenario[data-elegido] .ver-lista{pointer-events:none}[data-skills] .lineas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-skills] .lineas line{stroke:var(--esc-texto);stroke-width:1.1px;opacity:0;transition:opacity .35s var(--ease-out-cubic) .15s}[data-skills] .lineas[data-ver] line{opacity:.32}[data-skills] .volver,[data-skills] .pasos button{appearance:none;border:1px solid var(--esc-borde-claro);background:var(--esc-velo);min-height:36px;font:500 13.5px var(--f-sans);color:var(--paper-0);cursor:pointer;border-radius:999px;padding:7px 14px}[data-skills] .volver{z-index:6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease-out-cubic),transform .25s var(--ease-out-cubic),visibility 0s linear .25s;position:absolute;top:14px;left:16px;transform:translateY(-6px)}[data-skills] .escenario[data-elegido] .volver{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}[data-skills] .volver:hover,[data-skills] .pasos button:hover{background:var(--esc-velo-sobre)}[data-skills] .volver:focus-visible,[data-skills] .burbuja:focus-visible,[data-skills] .pasos button:focus-visible,[data-skills] .ver-lista:focus-visible{outline:2px solid var(--sage);outline-offset:4px}[data-skills] .pasos{z-index:6;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease-out-cubic),transform .25s var(--ease-out-cubic),visibility 0s linear .25s;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px)}[data-skills] .escenario[data-elegido] .pasos{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}[data-skills] .pasos .cual{font:500 12px var(--f-mono);letter-spacing:.04em;color:var(--esc-tenue)}[data-skills] .pasos .nom{color:var(--esc-texto)}[data-skills] .escenario[data-angosto] .pasos .nom{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-skills] .burbuja{width:var(--d);height:var(--d);cursor:grab;z-index:3;will-change:transform;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;top:0;left:0}[data-skills] .burbuja[data-color=sage]{--c:var(--sage);--ci:var(--sage-ink)}[data-skills] .burbuja[data-color=sky]{--c:var(--sky);--ci:var(--sky-ink)}[data-skills] .burbuja[data-color=lilac]{--c:var(--lilac);--ci:var(--lilac-ink)}[data-skills] .burbuja[data-color=peach]{--c:var(--peach);--ci:var(--peach-ink)}[data-skills] .burbuja[data-color=citron]{--c:var(--citron);--ci:var(--citron-ink)}[data-skills] .burbuja[data-color=rose]{--c:var(--rose);--ci:var(--rose-ink)}[data-skills] .burbuja[data-viaja]{transition:transform .6s var(--ease-out-expo)}[data-skills] .burbuja[data-sobre]{z-index:4}[data-skills] .burbuja[data-agarrada]{z-index:5;cursor:grabbing}[data-skills] .disco{isolation:isolate;width:100%;height:100%;color:var(--ci);box-shadow:0 0 0 1px var(--esc-aro-fino),0 24px 30px -16px var(--esc-sombra-negra),0 0 42px -12px color-mix(in srgb,var(--c) 40%,transparent);text-align:center;opacity:0;transition:opacity .3s var(--ease-out-cubic),transform .38s var(--ease-out-back),box-shadow .3s var(--ease-out-cubic),color .3s var(--ease-out-cubic);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;transform:scale(.8)}[data-skills] .disco:before,[data-skills] .disco:after{content:"";z-index:-1;transition:opacity .35s var(--ease-out-cubic);border-radius:50%;position:absolute;inset:0}[data-skills] .disco:before{background:radial-gradient(circle at 34% 26%,var(--esc-brillo) 0,var(--esc-brillo-tenue) 20%,var(--esc-brillo-cero) 42%), radial-gradient(circle at 44% 40%,var(--c) 0,var(--c) 48%,color-mix(in srgb,var(--c) 70%,var(--esc-hondo)) 100%);box-shadow:inset 0 -12px 20px -8px var(--esc-borde-bajo),inset 0 2px 1px var(--esc-filo)}[data-skills] .disco:after{opacity:0;background:radial-gradient(circle at 44% 40%,color-mix(in srgb,var(--c) 14%,transparent),color-mix(in srgb,var(--c) 5%,transparent) 72%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 80%,transparent)}[data-skills] .escenario[data-visto] .disco{opacity:1;transition-delay:calc(var(--i) * 30ms),calc(var(--i) * 30ms);transform:none}[data-skills] .escenario[data-listo] .disco{transition-delay:0s}[data-skills] .burbuja[data-sobre] .disco{transform:scale(1.2)}[data-skills] .burbuja[data-agarrada] .disco{box-shadow:0 0 0 1px var(--esc-aro-agarrada),0 34px 38px -18px var(--esc-sombra-negra),0 0 48px -10px color-mix(in srgb,var(--c) 50%,transparent);transform:scale(1.2)}[data-skills] .escenario[data-elegido] .burbuja{cursor:pointer;touch-action:auto}[data-skills] .escenario[data-elegido] .burbuja:not([data-centro]){pointer-events:none;visibility:hidden;transition:visibility 0s linear .3s}[data-skills] .escenario[data-angosto] .burbuja[data-centro] .cuantas{display:none}[data-skills] .escenario[data-elegido] .burbuja:not([data-centro]) .disco{opacity:0;transition-delay:0s;transform:scale(.55)}[data-skills] .burbuja[data-centro] .disco{transform:scale(var(--sc,1.3))}[data-skills] .num{border:1px solid var(--esc-ficha-borde);background:var(--esc-ficha);min-width:24px;height:24px;color:var(--paper-0);font:600 11.5px/1 var(--f-mono);box-shadow:0 4px 10px -4px var(--esc-ficha-sombra);border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 7px;display:inline-flex;position:absolute;top:calc(14.6% - 12px);left:calc(14.6% - 12px)}[data-skills] .num i{color:var(--sage);font-style:normal;display:none}[data-skills] .burbuja[data-abierta] .num i{display:inline}[data-skills] .escenario:not([data-elegido]) .burbuja[data-abierta]:not([data-sobre]):not([data-agarrada]) .disco{color:var(--c);box-shadow:0 0 30px -14px color-mix(in srgb,var(--c) 45%,transparent)}[data-skills] .escenario:not([data-elegido]) .burbuja[data-abierta]:not([data-sobre]):not([data-agarrada]) .disco:before{opacity:0}[data-skills] .escenario:not([data-elegido]) .burbuja[data-abierta]:not([data-sobre]):not([data-agarrada]) .disco:after{opacity:1}[data-skills] .disco svg{flex:none;width:26px;height:26px}[data-skills] .disco .nombre{width:calc(var(--d) * .8);font:600 14px/1.22 var(--f-sans);overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;display:block}[data-skills] .disco .cuantas{font:500 11px var(--f-mono);letter-spacing:.04em;opacity:0;max-height:0;transition:opacity .3s}[data-skills] .burbuja[data-centro] .cuantas{opacity:.8;max-height:20px}[data-skills] .medidor{visibility:hidden;text-align:center;font-weight:600;line-height:1.22;font-family:var(--f-sans);position:absolute;top:0;left:-9999px}[data-skills] .chips{pointer-events:none;z-index:2;margin:0;padding:0;list-style:none;position:absolute;inset:0}[data-skills] .chip{max-width:var(--chip-max,200px);border:1px solid var(--esc-chip-borde);background:var(--paper-0);box-shadow:0 6px 18px -8px var(--esc-ficha-sombra);font:500 var(--chip-fs,13.5px)/1.3 var(--f-sans);color:var(--ink-0);text-align:center;opacity:0;transition:transform .55s var(--ease-out-expo),opacity .3s var(--ease-out-cubic);transition-delay:calc(var(--j) * 22ms);border-radius:14px;padding:6px 12px 7px;position:absolute;top:0;left:0}[data-skills] .chip[data-ver]{opacity:1}[data-skills] .chip small{font:400 calc(var(--chip-fs,13.5px) - 2px)/1.3 var(--f-sans);color:var(--ink-2);margin-top:2px;display:block}[data-skills] .chip .estado{border:1px dashed var(--ink-3);font:500 10px/1.5 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;margin:4px auto 0;padding:1px 7px;display:table}[data-skills] .lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}[data-skills] .grupo{border:1px solid var(--paper-2);background:var(--paper-0);box-shadow:var(--sh-1);border-radius:14px;padding:18px 18px 16px}[data-skills] .grupo:last-child:nth-child(odd){grid-column:1/-1}[data-skills] .grupo h3{font:500 1.1rem/1.25 var(--f-display);color:var(--ink-0);align-items:center;gap:12px;margin:0 0 12px;display:flex}[data-skills] .grupo h3 .n{font:600 12px var(--f-mono);color:var(--ink-2);flex:none;min-width:16px}[data-skills] .grupo h3 .baldosa{border:1px solid var(--paper-2);background:var(--paper-1);width:40px;height:40px;color:var(--sage-ink);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}[data-skills] .grupo h3 svg{width:22px;height:22px}[data-skills] .grupo ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}[data-skills] .grupo li{border:1px solid var(--paper-3);color:var(--ink-1);background:var(--paper-1);border-radius:999px;padding:4px 10px;font-size:13.5px}[data-skills] .grupo li .estado{font:500 10px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);margin-left:2px}@media (max-width:640px){[data-skills] .lista{grid-template-columns:minmax(0,1fr)}[data-skills] .grupo:last-child:nth-child(odd){grid-column:auto}[data-skills] .escenario-hueco:empty{height:auto;container-type:inline-size}[data-skills] .escenario-hueco:empty:before{content:"";height:600px;display:block}@supports (height:calc(1px * tan(atan2(1px,1px)))){[data-skills] .escenario-hueco:empty:before{height:max(600px,calc(82px + 1px * 233337 / tan(atan2(100cqw,1px))))}@container (min-width:480px){[data-skills] .escenario-hueco:empty:before{height:max(600px,calc(82px + 1px * 267862 / tan(atan2(100cqw,1px))))}}}[data-skills] .disco svg{width:18px;height:18px}[data-skills] .disco{gap:4px}[data-skills] .num{min-width:22px;height:22px;padding:0 6px;font-size:10.5px;top:calc(14.6% - 11px);left:calc(14.6% - 11px)}[data-skills] .invita{font-size:14px}}@media (prefers-reduced-motion:reduce){[data-skills] .burbuja[data-viaja],[data-skills] .chip,[data-skills] .disco,[data-skills] .volver{transition-duration:.01ms!important;transition-delay:0s!important}[data-skills] .invita:before{animation:none}}@media print{[data-skills] .vista,[data-skills] .escenario-hueco{display:none!important}[data-skills] .lista{display:grid!important}}}