:root{--p1-bg:#fbfaf6;--p1-ink:#141414;--p1-sub:#6b6860;--p1-acento:#ffe14d;--p2-bg:#2a5bd7;--p2-ink:#fff;--p2-sub:#c9d8ff;--p2-acento:#ffe14d;--p2-burbuja:#fff;--p2-burbuja-ink:#141414;--p3-bg:#ffe14d;--p3-ink:#141414;--p3-sub:#5c5113;--p3-burbuja:#fbfaf6;--p4-bg:#0b0b0c;--p4-ink:#f5f3ec;--p4-sub:#8d8a82;--colores-divertida:#ff5d73, #2a9bd6, #1f9d55, #ff9f1c, #9b5de5}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){color-scheme:dark;--p1-bg:#121212;--p1-ink:#f2efe6;--p1-sub:#9a968c;--p1-acento:#c9a900;--p2-bg:#101a3a;--p2-ink:#e8edff;--p2-sub:#8ea2e0;--p2-burbuja:#1c2852;--p2-burbuja-ink:#e8edff;--p3-bg:#221e08;--p3-ink:#ffe14d;--p3-sub:#bfae55;--p3-burbuja:#332c0c}}:root[data-tema=oscuro]{color-scheme:dark;--p1-bg:#121212;--p1-ink:#f2efe6;--p1-sub:#9a968c;--p1-acento:#c9a900;--p2-bg:#101a3a;--p2-ink:#e8edff;--p2-sub:#8ea2e0;--p2-burbuja:#1c2852;--p2-burbuja-ink:#e8edff;--p3-bg:#221e08;--p3-ink:#ffe14d;--p3-sub:#bfae55;--p3-burbuja:#332c0c}:root[data-tema=claro]{color-scheme:light}body.inicio{background:var(--p1-bg);color:var(--p1-ink);overflow-x:clip}html.pi-bloqueo .panel--1 *,html.pi-bloqueo .panel--1 :before{animation-play-state:paused!important}.marco .marco__lienzo .bueu__pista{font-size:1.1rem;top:0;left:4%}.marco .marco__lienzo .bueu__pista svg{display:none}.gabri-card__nombre svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.panel{min-height:100svh;color:var(--ink);background:var(--bg);position:relative}.panel--1{--bg:var(--p1-bg);--ink:var(--p1-ink);--sub:var(--p1-sub);z-index:1}.panel--2{--bg:var(--p2-bg);--ink:var(--p2-ink);--sub:var(--p2-sub);z-index:2}.panel--3{--bg:var(--p3-bg);--ink:var(--p3-ink);--sub:var(--p3-sub);z-index:3}.panel--4{--bg:var(--p4-bg);--ink:var(--p4-ink);--sub:var(--p4-sub);z-index:4}html.apilado .panel{top:var(--tope,0px);position:sticky}html.apilado .panel:not(.panel--1){background:linear-gradient(transparent 100vh, var(--bg) 100vh)}.tejas{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--filas), 1fr);pointer-events:none;height:100vh;display:grid;position:absolute;inset:0 0 auto}html:not(.apilado) .tejas{display:none}.tejas span{background:var(--bg);transform:scale(clamp(0, calc((var(--p,1) - var(--d) * .55) / .42), 1));border-radius:calc((1 - clamp(0, calc((var(--p,1) - var(--d) * .55) / .42), 1)) * 28px);margin:-.5px}.panel__dentro{width:min(100% - 2rem,72rem);margin-inline:auto;padding-block:clamp(4rem,12vh,8rem);position:relative}html.apilado .panel:not(.panel--1)>.panel__dentro{opacity:clamp(0, calc((var(--p,1) - .55) * 3), 1);transform:translateY(calc((1 - var(--p,1)) * 60px))}html.apilado .panel>.panel__dentro{filter:brightness(calc(1 - var(--tapada,0) * .35));scale:calc(1 - var(--tapada,0) * .06)}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:calc(100svh - 8rem);display:grid}.hero__baja{grid-column:1/-1}.hablamos{border:2.5px solid var(--ink);border-radius:var(--boli);color:#141414;font-family:var(--font-heading);box-shadow:5px 6px 0 var(--ink);animation:entra 1s 1.2s var(--ease-out-expo) both;transition:transform .2s var(--ease-out-back), box-shadow .2s;background:#ffe14d;align-items:center;gap:.6rem;margin-top:clamp(1.2rem,3vw,1.8rem);padding:.85rem 1.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.hablamos svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .2s}.hablamos:hover{box-shadow:8px 9px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1.5deg)}.hablamos:hover svg{transform:translate(4px)}.hablamos:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}.cierre{border-top:1px dashed color-mix(in srgb, var(--ink) 25%, transparent);text-align:center;justify-items:center;gap:.4rem;margin-top:clamp(2.5rem,8vh,5rem);padding-top:clamp(2rem,6vh,3.5rem);display:grid}.cierre__texto{font-family:var(--font-heading);letter-spacing:-.02em;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:700;line-height:1.15}.cierre__texto span{font-family:var(--font-mano);color:#ffe14d;font-size:1.2em;font-weight:700}.cierre .hablamos{animation:none}.cierre__red{color:var(--sub);align-items:center;gap:.5rem;margin-top:1rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.cierre__red svg{fill:currentColor;width:26px;height:26px;transition:transform .25s var(--ease-out-back)}.cierre__red:hover{color:var(--ink)}.cierre__red:hover svg{color:#0a66c2;transform:scale(1.15)rotate(-6deg)}.ver-mas{display:none}@media (width<=760px){.burbuja--extra{display:none}[data-abierto]>.burbuja--extra{display:block}.ver-mas{color:var(--ink);font:600 .95rem var(--font-body);cursor:pointer;background:0 0;border:2px solid;border-radius:999px;margin:1.2rem auto 2.2rem;padding:.55rem 1.2rem;display:block}.ver-mas:after{content:" ↓"}.ver-mas[aria-expanded=true]:after{content:" ↑"}.hero{grid-template-columns:minmax(0,1fr);padding-top:1rem}}.hero__hola{font-family:var(--font-mano);color:var(--sub);animation:entra .8s .1s var(--ease-out-expo) both;margin-bottom:-.5em;font-size:clamp(1.6rem,4vw,2.4rem);transform:rotate(-4deg)}.nombre{font-weight:700;line-height:.9}.nombre__fila{flex-wrap:nowrap;align-items:baseline;display:flex}.gabri{font-family:var(--font-mano);letter-spacing:-.02em;font-size:clamp(6.5rem,34vw,15rem);line-height:1;position:relative}.gabri:before{content:"";background:var(--p1-acento);transform-origin:0;height:.32em;animation:fosfo .9s .9s var(--ease-out-expo) forwards;z-index:-1;border-radius:.2em .4em .25em .5em;position:absolute;bottom:.14em;left:-.05em;right:-.02em;transform:rotate(-1.5deg)scaleX(0)}@keyframes fosfo{to{transform:rotate(-1.5deg)scaleX(1)}}.gabri .l{animation:letra-entra .9s calc(var(--i) * 80ms + .15s) var(--ease-out-back) both, letra-flota 3.2s calc(var(--i) * .25s + 1.3s) ease-in-out infinite;display:inline-block}.gabri .l:nth-child(odd){color:var(--ink)}.gabri .l:nth-child(2){font-size:.86em}.gabri .l:nth-child(4){font-size:.92em}.el{font-family:var(--font-heading);letter-spacing:-.05em;color:var(--sub);margin-left:.04em;font-size:clamp(3rem,14vw,8rem)}.el .l{animation:letra-entra .9s calc(var(--i) * 80ms + .15s) var(--ease-out-back) both;display:inline-block}.nombre .l{cursor:default;transition:translate .25s var(--ease-out-back), color .2s}.nombre .l:hover{translate:0 -.12em;rotate:-6deg}@keyframes letra-entra{0%{opacity:0;transform:translateY(.6em)rotate(12deg)scale(.6)}}@keyframes letra-flota{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.05em)rotate(-2deg)}}.apellidos{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.03em;flex-wrap:wrap;gap:0 .3em;margin-top:.1em;font-size:clamp(2.2rem,8.4vw,4.6rem);display:flex}.ap{animation:entra 1s var(--ease-out-expo) both;transition:transform .1s linear;display:inline-block}.ap--hueco{color:#0000;-webkit-text-stroke:2px var(--ink);transform:translateX(calc(var(--s,0) * -14vw));animation-delay:.55s}.ap--lleno{transform:translateX(calc(var(--s,0) * 10vw));animation-delay:.7s}.ap--hueco:hover{color:var(--ink)}@keyframes entra{0%{opacity:0;translate:0 30px}}.oficio{max-width:40ch;color:var(--sub);animation:entra 1s .95s var(--ease-out-expo) both;margin-top:clamp(1.2rem,3vw,2rem);font-size:clamp(1.15rem,2.4vw,1.6rem);line-height:1.4}.oficio b{color:var(--ink);font-weight:600}.oficio__ia{background:var(--ink);border-radius:.4em;padding:0 .3em;animation:2.4s ease-in-out 2s infinite ia-late;display:inline-block;color:var(--bg)!important}@keyframes ia-late{0%,to{transform:scale(1)rotate(0)}10%{transform:scale(1.15)rotate(-4deg)}20%{transform:scale(1)rotate(0)}}.baja{font-family:var(--font-mano);color:var(--sub);justify-content:center;align-items:center;gap:.6rem;margin-top:clamp(2.5rem,9vh,5rem);font-size:1.6rem;line-height:1;display:flex}.hero__baja{margin-top:clamp(1.5rem,6vh,4rem);animation:1s 1.6s both entra}.baja svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:30px;animation:1.6s ease-in-out infinite baja}.baja svg:last-child{animation-delay:.2s}@keyframes baja{50%{transform:translateY(6px)}}.frase-bloque{align-content:center;justify-items:center;gap:2rem;min-height:100svh;padding-top:10vh;display:grid}.frase,.titular{font-family:var(--font-heading);letter-spacing:-.03em;max-width:18ch;font-size:clamp(2rem,5.6vw,4.6rem);font-weight:700;line-height:1.08}.frase{text-align:center}.pal{opacity:clamp(.12, calc(var(--q,1) * var(--n,20) - var(--i)), 1);transition:opacity .15s}.pal--facil{display:inline-block;position:relative}.subrayado{width:100%;height:.3em;position:absolute;bottom:-.12em;left:0;right:0;overflow:visible}.subrayado path{fill:none;stroke:var(--p1-acento);stroke-width:10px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:clamp(0, calc(1 - (var(--q,1) * var(--n,20) - 14)), 1)}.pal--divertida{font-family:var(--font-mano);font-size:1.25em;line-height:.8;display:inline-block}.dl{animation:divertida 1.1s calc(var(--j) * 90ms) ease-in-out infinite;display:inline-block}.dl:nth-child(5n+1){color:#ff5d73}.dl:nth-child(5n+2){color:#2a9bd6}.dl:nth-child(5n+3){color:#1f9d55}.dl:nth-child(5n+4){color:#ff9f1c}.dl:nth-child(5n+5){color:#9b5de5}@keyframes divertida{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-.12em)rotate(-8deg)}75%{transform:translateY(.05em)rotate(6deg)}}.hilo{width:60px;height:34vh;overflow:visible}.hilo path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--q,1))}.hilo--entra{height:18vh;margin:-4rem auto 1.5rem;display:block}.panel--2 .titular,.panel--3 .titular{text-align:center;margin-inline:auto}.constelacion{grid-template-rows:auto auto;grid-template-columns:1fr minmax(12rem,16rem) 1fr;align-items:center;gap:clamp(1.5rem,4vw,3rem) clamp(1rem,5vw,4rem);margin-block:clamp(3rem,8vh,5rem);display:grid;position:relative}.constelacion__lineas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.constelacion__lineas line{stroke:var(--sub);stroke-width:2px;stroke-dasharray:4 8;animation:1.2s linear infinite hormigas}@keyframes hormigas{to{stroke-dashoffset:-24px}}.burbuja--dpi{aspect-ratio:1;text-align:center;background:var(--p2-acento);color:#141414;box-shadow:0 0 0 10px color-mix(in srgb, var(--p2-acento) 30%, transparent), 0 0 0 26px color-mix(in srgb, var(--p2-acento) 12%, transparent);border-radius:50%;grid-area:1/2/span 2;place-content:center;display:grid}.dpi{width:72%;height:auto;margin:0 auto;position:relative;top:.9rem;translate:4%}.dpi__fechas{color:var(--p2-acento);letter-spacing:.02em;background:#141414;border-radius:999px;justify-self:center;margin-top:.5rem;padding:.15rem .7rem;font-size:.85rem;font-weight:600;position:relative;top:.9rem}.burbuja__mini{font-family:var(--font-mano);font-size:1.2rem;line-height:1}.pos-0{grid-area:1/1}.pos-1{grid-area:1/3}.pos-2{grid-area:2/1}.pos-3{grid-area:2/3}.pos-0,.pos-2{justify-self:end}.constelacion--par .pos-0,.constelacion--par .pos-1{grid-row:1/span 2}.pos-1,.pos-3{justify-self:start}.burbuja{z-index:1;opacity:0;transition:scale .8s var(--ease-out-back), opacity .4s;transition-delay:calc(var(--k) * .14s);position:relative;scale:.3}.burbuja.visto,html:not(.js-listo) .burbuja{opacity:1;scale:1}.burbuja--proyecto,.burbuja--libre{background:var(--p2-burbuja);max-width:19rem;color:var(--p2-burbuja-ink);animation:flota 6s calc(var(--k) * -1.3s) ease-in-out infinite;border-radius:2.2rem;padding:1.3rem 1.4rem 1.2rem;box-shadow:0 18px 40px #0000002e}.burbuja--proyecto:after,.burbuja--libre:after{content:"";background:inherit;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-8px;left:2rem}.burbuja--ejemplo{background:var(--bg);color:var(--ink);box-shadow:none;border:2px dashed color-mix(in srgb, var(--ink) 55%, transparent)}.burbuja--ejemplo:after{display:none}.burbuja__ejemplo{background:var(--p2-acento);color:#141414;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600;position:absolute;top:-.7rem;right:1.2rem}@keyframes flota{0%,to{translate:0}50%{translate:0 -10px}}.burbuja h3{font-family:var(--font-heading);margin-bottom:.35rem;font-size:1.15rem;line-height:1.15}.burbuja h3 a{color:inherit;text-decoration:none}.burbuja h3 a:after{content:" ↗";opacity:.6;font-size:.85em}.burbuja p{opacity:.85;font-size:.95rem;line-height:1.4}.stack{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;list-style:none;display:flex}.stack li{width:38px;height:38px;transition:transform .25s var(--ease-out-back);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 1px #00000014}.stack li:hover{transform:translateY(-4px)scale(1.15)rotate(-6deg)}.stack img{object-fit:contain;width:24px;height:24px}.oficio-dpi{text-align:center;max-width:44ch;color:var(--sub);margin:0 auto;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.5}.oficio-dpi b{color:var(--ink)}.nw{white-space:nowrap}.sitio{border:2px solid var(--p2-acento);color:var(--ink);border-radius:999px;padding:0 .45em;font-weight:600;display:inline-block}.revelar-suave{opacity:0;transition:opacity .8s, translate .8s var(--ease-out-expo);translate:0 24px}.revelar-suave.visto,html:not(.js-listo) .revelar-suave{opacity:1;translate:0}@media (width<=760px){.constelacion{grid-template-columns:1fr;justify-items:center}.burbuja--dpi{grid-area:1/1;width:min(60vw,14rem)}.pos-0,.pos-1,.pos-2,.pos-3,.constelacion--par .pos-0,.constelacion--par .pos-1{grid-area:auto/1;justify-self:center}.pos-1,.pos-3{translate:1.2rem}.pos-0,.pos-2{translate:-1.2rem}}.titular__mano{font-family:var(--font-mano);background:linear-gradient(transparent 60%, color-mix(in srgb, var(--ink) 18%, transparent) 60%);font-size:1.3em;display:inline-block;rotate:-3deg}.nube{flex-wrap:wrap;justify-content:center;gap:clamp(1.2rem,3vw,2.2rem);margin-top:clamp(3rem,8vh,5rem);display:flex}.burbuja--libre{background:var(--p3-burbuja);color:var(--p3-ink);box-shadow:6px 8px 0 color-mix(in srgb, var(--p3-ink) 85%, transparent);border:2.5px solid var(--p3-ink)}.burbuja--libre:after{display:none}.tam-0{max-width:20rem;rotate:-2deg}.tam-1{max-width:16rem;margin-top:2.5rem;rotate:2deg}.tam-2{max-width:18rem;margin-top:-.5rem;rotate:-1deg}.burbuja--libre:hover{animation-play-state:paused;rotate:0deg}.titular--centro{text-align:center;margin-inline:auto;font-size:clamp(2.6rem,8vw,6rem)}.mas-gabris{text-align:center;color:var(--sub);margin-top:.6rem;font-size:clamp(1.2rem,2.6vw,1.7rem)}.mas-gabris span{font-family:var(--font-mano);color:var(--ink);font-size:1.5em}.escenario{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:clamp(2rem,6vh,4rem);display:grid}.gabri-card{color:var(--ink);font:inherit;cursor:pointer;filter:brightness(.75)saturate(.9);transition:filter .45s, transform .45s var(--ease-out-back);background:0 0;border:0;justify-items:center;padding:0 0 1rem;display:grid;position:relative}.escenario[data-alguien] .gabri-card{filter:brightness(.28)saturate(.4)}.escenario .gabri-card[data-on]{filter:none;transform:translateY(-6px)}.gabri-card__cono{pointer-events:none;clip-path:polygon(42% 0,58% 0,100% 96%,0 96%);opacity:.25;background:radial-gradient(45% 7% at 50% 92%,#fff1c480,#0000 70%),linear-gradient(#fff6d605,#fff1c438 90%);transition:opacity .45s;position:absolute;inset:-20vh 0 0}.gabri-card[data-on] .gabri-card__cono{opacity:1}.gabri-card__pol{aspect-ratio:355/400;width:100%;position:relative}.gabri-card__fallback{width:66%;height:auto;position:absolute;bottom:3%;left:17%;right:17%}.gabri-card__pol[data-ready] .gabri-card__fallback{display:none}.gabri-card__pol svg{overflow:visible}.gabri-card__nombre{white-space:nowrap;align-items:center;gap:.35rem;font-size:.95rem;display:flex;position:relative}.gabri-card__nombre em{font-family:var(--font-mano);font-size:1.35em;font-style:normal}.gabri-card:focus-visible{outline:2px dashed var(--ink);outline-offset:4px;border-radius:1rem}.gabri-card[aria-pressed=true] .gabri-card__nombre:after{content:"";background:var(--color-fosfo);border-radius:3px;height:3px;position:absolute;bottom:-6px;left:0;right:0}.gabri-dice{display:none}@media (width<=760px){.escenario{gap:.3rem;margin-inline:-.5rem}.gabri-card{filter:brightness(.6)saturate(.8);-webkit-tap-highlight-color:transparent;padding-bottom:.4rem}.escenario .gabri-card[data-on]{transform:translateY(-3px)}.gabri-card__cono{clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);inset:-6vh -10% 1.6rem}.gabri-card__pol{aspect-ratio:135/185;border-radius:0 0 40% 40%/0 0 14% 14%;overflow:hidden}.gabri-card__pol>svg{width:263%!important;height:auto!important;inset:-37.8% auto auto -80%!important}.gabri-card__pol [data-parte=bocadillo]{display:none}.gabri-card__fallback{width:174%;inset:27% auto auto -35.5%}.gabri-card__nombre{flex-direction:column;gap:.1rem;margin-top:.3rem;font-size:.7rem}.gabri-card__nombre svg{width:16px;height:16px}.gabri-card__gabri{display:none}.gabri-card__nombre em{font-size:1.15rem;line-height:1}.gabri-card[aria-pressed=true] .gabri-card__nombre:after{bottom:-4px}.gabri-dice:not([hidden]){border-radius:var(--boli);color:#141414;width:fit-content;max-width:22rem;font-family:var(--font-bocadillo);text-align:center;animation:entra .35s var(--ease-out-back) both;background:#fff;border:2.5px solid #141414;margin:.9rem auto 0;padding:.6rem 1rem;font-size:1.1rem;line-height:1.3;display:block;position:relative}.gabri-dice:before{content:"";top:-9px;left:var(--punta,50%);background:#fff;border-top:2.5px solid #141414;border-left:2.5px solid #141414;width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.detalle--vacio{font-size:1rem}}.detalles{text-align:center;min-height:12rem;margin-top:1.5rem}.detalle{max-width:46ch;color:var(--sub);animation:entra .6s var(--ease-out-expo) both;margin-inline:auto;font-size:1.15rem;line-height:1.5}.detalle__intro{font-family:var(--font-mano);color:var(--ink);margin-bottom:1rem;font-size:1.6rem}.camino{flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:60rem;margin-inline:auto;list-style:none;display:flex;position:relative}.camino li{animation:parada .6s calc(var(--k) * 90ms) var(--ease-out-back) both}.camino a{border:1.5px solid color-mix(in srgb, var(--ink) 25%, transparent);min-width:10rem;color:var(--ink);text-align:left;transition:background .2s, transform .25s var(--ease-out-back);border-radius:1.2rem;gap:.15rem;padding:.9rem 1.1rem;text-decoration:none;display:grid}.camino a:hover{background:color-mix(in srgb, var(--ink) 10%, transparent);transform:translateY(-4px)}.camino strong{font-family:var(--font-heading)}.camino strong:before{content:counter(list-item) " · ";color:var(--color-fosfo)}.camino span{color:var(--sub);font-size:.85rem}@keyframes parada{0%{opacity:0;transform:translateY(16px)scale(.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}