:root{--papel: oklch(94.6% .025 75);--papel-2: oklch(91% .035 72);--tinta: oklch(25% .06 265);--tinta-2: oklch(19% .05 265);--tinta-suave: oklch(42% .04 265);--rosa: oklch(72% .14 0);--rosa-claro: oklch(88% .06 0);--azul: oklch(56% .18 258);--cafe: oklch(33% .05 45);--blanco: oklch(99% .005 80);--f-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Manrope", system-ui, sans-serif;--f-texto: "Manrope Variable", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--r-s: 6px;--r-m: 14px;--r-l: 28px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--header-h: 76px;--gutter: clamp(16px, 4vw, 40px);--max: 1240px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-texto);overflow-x:hidden}::selection{background:var(--rosa);color:var(--tinta)}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:4px}.grano{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.contenedor{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);position:relative;z-index:2}.cuaderno{background-image:linear-gradient(to right,oklch(25% .06 265 / .07) 1px,transparent 1px),linear-gradient(to bottom,oklch(25% .06 265 / .07) 1px,transparent 1px);background-size:28px 28px}.display{font-family:var(--f-display);font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0}.h-seccion{font-family:var(--f-display);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.1rem,5vw,3.9rem);margin:0}.etiqueta{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.55em}.etiqueta:before{content:"";width:22px;height:2px;background:currentColor}.lead{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65;max-width:56ch}.mono{font-family:var(--f-mono)}.num{font-variant-numeric:tabular-nums}.subrayado{position:relative;white-space:nowrap}.subrayado svg{position:absolute;left:-2%;bottom:-.1em;width:104%;height:.3em;overflow:visible}.subrayado path{stroke:var(--rosa);stroke-width:7;fill:none;stroke-linecap:round}.sticker{position:relative;display:inline-block;filter:drop-shadow(3px 0 0 var(--blanco)) drop-shadow(-3px 0 0 var(--blanco)) drop-shadow(0 3px 0 var(--blanco)) drop-shadow(0 -3px 0 var(--blanco)) drop-shadow(0 10px 14px oklch(25% .06 265 / .28));transition:transform .45s var(--ease-out),filter .45s var(--ease-out);will-change:transform}.sticker img{width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.despegable:hover .sticker,.sticker.despegable:hover{transform:rotate(-6deg) translateY(-6px) scale(1.04);filter:drop-shadow(3px 0 0 var(--blanco)) drop-shadow(-3px 0 0 var(--blanco)) drop-shadow(0 3px 0 var(--blanco)) drop-shadow(0 -3px 0 var(--blanco)) drop-shadow(0 22px 22px oklch(25% .06 265 / .3))}.cinta-adhesiva{position:absolute;width:92px;height:26px;background:#fac8d6bf;border-left:2px dashed oklch(100% 0 0 / .5);border-right:2px dashed oklch(100% 0 0 / .5);box-shadow:0 1px 2px #00000014;z-index:3}.marquesina{overflow:hidden;white-space:nowrap}.marquesina__pista{display:inline-flex;gap:2.4rem;padding-right:2.4rem;animation:correr 38s linear infinite}.marquesina:hover .marquesina__pista{animation-play-state:paused}@keyframes correr{to{transform:translate(-50%)}}.marco-navegador{border-radius:12px;overflow:hidden;background:var(--blanco);box-shadow:0 0 0 1px #ffffff1f,0 24px 40px -24px #0009}.marco-navegador__barra{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#eef2f9}.marco-navegador__barra i{width:9px;height:9px;border-radius:50%;background:#b7becb}.marco-navegador__barra i:nth-child(1){background:var(--rosa)}.marco-navegador__barra span{margin-left:8px;font:500 .72rem var(--f-mono);color:var(--tinta-suave);background:var(--blanco);padding:3px 10px;border-radius:99px;overflow:hidden;text-overflow:ellipsis;max-width:70%}.recorrido{position:relative;overflow:hidden;aspect-ratio:16 / 10.5;background:#dee5f2}.recorrido img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:object-position 3.4s var(--ease-io)}.tarjeta-trabajo:hover .recorrido img,.tarjeta-trabajo:focus-within .recorrido img{object-position:50% 100%}.marco-celular{width:min(62%,230px);margin-inline:auto;border-radius:34px;padding:10px;background:var(--tinta-2);box-shadow:0 0 0 2px #ffffff26,0 30px 50px -26px #000c}.marco-celular .recorrido{aspect-ratio:9 / 18.5;border-radius:26px}.marco-celular .recorrido:before{content:"";position:absolute;top:8px;left:50%;translate:-50% 0;width:34%;height:14px;border-radius:99px;background:var(--tinta-2);z-index:2}.marco-imagen{border-radius:10px;overflow:hidden;background:#ffffff0f;padding:14px}.marco-imagen img{width:100%;max-height:420px;object-fit:contain;border-radius:6px;box-shadow:0 18px 30px -18px #000000b3}.postal{position:relative;background:var(--blanco);border-radius:var(--r-m);box-shadow:0 1px #13203e14,0 30px 60px -30px #13203e73}.postal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:7px;pointer-events:none;background:repeating-linear-gradient(-45deg,var(--rosa) 0 14px,var(--blanco) 14px 22px,var(--azul) 22px 36px,var(--blanco) 36px 44px);-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.estampilla{width:86px;height:102px;background:var(--rosa-claro);padding:8px;rotate:6deg;-webkit-mask:radial-gradient(circle 5px at 5px 5px,#0000 98%,#000) -5px -5px / 13px 13px;mask:radial-gradient(circle 5px at 5px 5px,#0000 98%,#000) -5px -5px / 13px 13px}.estampilla img{width:100%;height:100%;object-fit:contain;background:var(--blanco)}.sello{animation:girar 22s linear infinite}@keyframes girar{to{rotate:360deg}}.punteado{stroke:var(--tinta);stroke-width:2.5;stroke-dasharray:2 10;stroke-linecap:round;fill:none;opacity:.5}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.marquesina__pista{animation:none}}
