@font-face{font-family:Archivo;src:url(/portfolio/fuentes/Archivo-variable.ttf) format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/portfolio/fuentes/JetBrainsMono-variable.ttf) format("truetype");font-weight:100 800;font-display:swap}:root{--tinta: #151515;--papel: #ffffff;--fondo: #f6f6f4;--acento: #151515;--mono: "JetBrains Mono", ui-monospace, monospace;--texto: "Archivo", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--fondo);color:var(--tinta);font-family:var(--texto);-webkit-tap-highlight-color:transparent}#mundo{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}kbd{font-family:var(--mono);font-size:.72em;padding:.05em .4em;border:1.5px solid currentColor;border-radius:.3em;margin-left:.3em}.cabecera{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.cabecera>*{pointer-events:auto}.logo{display:block;width:116px}.logo img{display:block;width:100%;height:auto}@media (max-width: 480px){.logo{width:92px}}.boton{font:600 15px var(--texto);color:var(--tinta);background:var(--papel);border:3px solid var(--tinta);border-radius:999px;padding:9px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;box-shadow:3px 3px 0 var(--tinta);transition:transform .12s ease,box-shadow .12s ease}.boton:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}.boton.secundario{box-shadow:none}@media (hover: none){.boton kbd{display:none}}.ayuda{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;font:500 12px var(--mono);color:#151515a6;white-space:nowrap;pointer-events:none;max-width:calc(100vw - 150px);overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.ayuda{left:16px;transform:none;font-size:11px}}.ayuda .tactil{display:none}@media (hover: none){.ayuda .tactil{display:inline}.ayuda .raton,.aviso kbd{display:none}}.placas{position:fixed;inset:0;pointer-events:none;overflow:hidden}.placa{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;background:#ffffffdb;border-radius:999px;font:500 11px var(--mono);letter-spacing:.02em;white-space:nowrap;transition:opacity .2s ease;box-shadow:0 1px #15151514}.placa i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--tinta)}.placa b{font-weight:500}.aviso{position:fixed;transform:translate(-50%,-100%);font:600 14px var(--texto);background:var(--tinta);color:var(--papel);border:0;border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap}.aviso b{font-weight:800}.destacado{animation:destacar 1.1s ease-in-out infinite}@keyframes destacar{50%{transform:scale(1.08);box-shadow:0 0 0 6px #ffb52e8c}}@media (prefers-reduced-motion: reduce){.destacado{animation:none;box-shadow:0 0 0 5px #ffb52e99}}.bocadillo{position:fixed;left:0;top:0;width:max-content;max-width:min(330px,calc(100vw - 32px));background:var(--papel);color:var(--tinta);border:3px solid var(--tinta);border-radius:16px;box-shadow:4px 4px 0 var(--tinta);padding:12px 16px;font:600 16px/1.4 var(--texto);pointer-events:auto;transition:opacity .2s}.bocadillo:after{content:"";position:absolute;left:calc(50% - 10px);bottom:-13px;width:16px;height:16px;background:var(--papel);border-right:3px solid var(--tinta);border-bottom:3px solid var(--tinta);transform:rotate(45deg)}.bocadillo p{margin:0;min-height:1.4em}.botones-bocadillo{display:flex;justify-content:space-between;gap:12px;margin-top:10px}.botones-bocadillo[hidden]{display:none}.botones-bocadillo button{font:600 13px var(--texto);color:var(--tinta);background:none;border:0;padding:4px 0;cursor:pointer}.botones-bocadillo .saltar{color:var(--suave, rgb(21 21 21 / .6))}.botones-bocadillo .seguir{background:var(--tinta);color:var(--papel);border-radius:999px;padding:5px 12px}.lista{position:fixed;top:calc(max(16px,env(safe-area-inset-top)) + 58px);right:16px;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 140px);overflow:auto;background:var(--papel);border:3px solid var(--tinta);border-radius:14px;box-shadow:5px 5px 0 var(--tinta);padding:14px}.lista h2{margin:0 0 8px;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em}.lista ul{list-style:none;margin:0;padding:0}.lista button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:none;border:0;border-radius:8px;padding:8px;cursor:pointer;font:inherit;color:inherit}.lista button:hover,.lista button:focus-visible{background:var(--fondo)}.lista i{flex:none;width:18px;height:18px;border-radius:50%;background:var(--c);border:2.5px solid var(--tinta)}.lista b{display:block;font-weight:750}.lista small{display:block;font:400 11.5px var(--mono);color:#151515a6}.ficha{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));width:min(520px,calc(100vw - 32px));transform:translate(-50%,24px);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease;background:var(--papel);border:3px solid var(--tinta);border-top:14px solid var(--acento);border-radius:16px;box-shadow:6px 6px 0 var(--tinta);padding:18px 20px 20px}.ficha[data-color=blanco]{border-top-color:var(--tinta);border-top-width:3px}.ficha.visible{transform:translate(-50%);opacity:1}.ficha .tipo{margin:0;font:500 12px var(--mono);color:#151515b3}.ficha h2{margin:4px 0 8px;font-size:clamp(28px,6vw,40px);font-weight:900;line-height:1;letter-spacing:-.02em}.ficha .resumen{margin:0 0 16px;font-size:16px;line-height:1.5}.ficha .acciones{display:flex;flex-wrap:wrap;gap:10px}.sinjs{position:fixed;inset:auto 16px 50%;text-align:center}@media (prefers-reduced-motion: reduce){.ficha{transition:none}}.mision{display:inline-flex;align-items:center;gap:10px;font:600 14px var(--texto);color:var(--tinta);background:var(--papel);border:3px solid var(--tinta);border-radius:999px;padding:7px 12px 7px 16px;box-shadow:3px 3px 0 var(--tinta);position:fixed;top:calc(max(16px,env(safe-area-inset-top)) + 64px);right:16px}.mision-nombre{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8a8a86}.mision-cuenta{font:700 16px var(--mono)}.mision-puntos{display:inline-flex;gap:5px}.mision-puntos i{width:11px;height:11px;border-radius:50%;border:2px solid var(--c);background:transparent}.mision-puntos i.visto{background:var(--c)}.mision-puntos i.siguiente{animation:latido 1.3s ease-in-out infinite}@keyframes latido{50%{transform:scale(1.35)}}.mision-reiniciar{font:700 15px var(--texto);line-height:1;width:26px;height:26px;border-radius:50%;border:2px solid var(--tinta);background:var(--fondo);cursor:pointer}.mision.completa{background:var(--tinta);color:var(--papel)}.mision.completa .mision-nombre{color:#bdbdb8}@media (prefers-reduced-motion: reduce){.mision-puntos i.siguiente{animation:none}}@media (max-width: 640px){.mision{top:calc(max(16px,env(safe-area-inset-top)) + 58px);padding:5px 8px 5px 12px;gap:7px}.mision-puntos i{width:9px;height:9px}}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease}@supports not (view-transition-name: none){body{animation:entrada-suave .45s ease both}}@keyframes entrada-suave{0%{opacity:0}}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none;}body{animation:none}}#mundo{transition:opacity .5s ease}body:not(.listo) #mundo{opacity:0}.buzon-panel .acciones{flex-wrap:wrap}#buzonWa:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:#25d366}.buzon-correo{margin:12px 0 0;font:500 13px var(--mono);color:#8a8a86;user-select:all}.ficha .pregunta{margin:4px 0 8px;font:800 19px/1.3 var(--texto);color:var(--acento)}.ficha .pregunta:empty{display:none}.ficha[data-color=amarillo] .pregunta{color:#8a6a00}.botones-cabecera{display:flex;gap:10px;align-items:flex-start}@media (max-width: 480px){.botones-cabecera{gap:6px}.botones-cabecera .boton{padding:7px 12px;font-size:14px}}.entrada{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#f6f6f4b8;backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease}.entrada.visible{opacity:1}.entrada-caja{width:min(760px,100%);padding:32px;background:var(--papel);border:3px solid var(--tinta);border-radius:20px;box-shadow:8px 8px 0 var(--tinta)}.entrada-quien{margin:0 0 10px;font:600 13px var(--mono);letter-spacing:.04em;color:#8a8a86}.entrada h1{margin:0 0 10px;font:900 clamp(24px,3.4vw,34px)/1.15 var(--texto);letter-spacing:-.01em;text-wrap:balance}.entrada-sub{margin:0 0 24px;font:400 17px/1.45 var(--texto);color:#55554f;text-wrap:pretty}.entrada-modos{display:grid;grid-template-columns:1fr 1fr;gap:14px}.entrada-modo{display:grid;gap:6px;align-content:start;text-align:left;padding:18px;font:400 15px/1.45 var(--texto);color:var(--tinta);background:var(--papel);border:3px solid var(--tinta);border-radius:16px;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.entrada-modo:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--tinta)}.entrada-modo.principal{background:var(--tinta);color:var(--papel)}.entrada-modo b{font:900 22px var(--texto)}.entrada-modo small{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;opacity:.7}.entrada-modo:focus-visible{outline:3px solid #e8632f;outline-offset:3px}@media (max-width: 560px){.entrada-caja{padding:22px}.entrada-modos{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.entrada,.entrada-modo{transition:none}}.entrada[hidden]{display:none}