:root{--tinta:#050505;--marfil:#f7f0e4;--gris:#b8b2a8;--rojo:#f45145;--borde:3px solid var(--tinta);--ease-chapa:cubic-bezier(0.34,1.56,0.64,1);--ease-suave:cubic-bezier(0.6,0,0.2,1);--t-snap:150ms;--t-ui:300ms;--t-show:900ms}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--marfil);color:var(--tinta);font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");z-index:60}.display,h1,h2{font-family:Bowlby One SC,display;line-height:.95;letter-spacing:.01em;margin:0}.type{font-family:Special Elite,monospace}a{color:inherit}.hud{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--tinta);color:var(--marfil);font-family:Special Elite,monospace;font-size:13px;border-bottom:3px solid var(--tinta)}.hud .dot{color:var(--rojo)}.hud-coords{white-space:nowrap}.hud-note{opacity:.7}@media (max-width:640px){.hud-note{display:none}}.loader{position:fixed;inset:0;z-index:100;background:var(--tinta);color:var(--marfil);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .4s,visibility .4s}.loader.done{opacity:0;visibility:hidden}.loader .pct{font-family:Bowlby One SC;font-size:clamp(48px,12vw,120px)}.loader .log{font-family:Special Elite;color:var(--gris);min-height:1.5em}.loader .bar{width:min(420px,70vw);height:14px;border:2px solid var(--marfil);border-radius:99px;overflow:hidden}.loader .bar>div{height:100%;background:var(--rojo);transition:width .15s}.hero{padding:48px 20px 0;text-align:center;position:relative}.hero-title{font-size:clamp(64px,16vw,220px);margin:8px 0 0}.hero-title .punto{color:var(--rojo)}.hero-sub{display:inline-block;margin-top:12px;padding:8px 16px;border:var(--borde);border-radius:255px 15px 225px 15px;background:#fffdf6;transform:rotate(-2deg)}.mascota-wrap{margin:10px auto 0;width:min(560px,88vw);position:relative}.mascota{width:100%;height:auto;display:block;filter:drop-shadow(6px 6px 0 var(--tinta));animation:floaty 3.2s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-10px) rotate(.5deg)}}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 8px}.btn{font-family:Bowlby One SC;font-size:18px;padding:14px 26px;border:var(--borde);border-radius:14px;box-shadow:4px 4px 0 var(--tinta);cursor:pointer;text-decoration:none;display:inline-block;transition:transform .12s,box-shadow .12s}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--tinta)}.btn-rojo{background:var(--rojo);color:var(--marfil)}.btn-hueso{background:#fffdf6;color:var(--tinta)}.marquee{margin-top:28px;border-top:var(--borde);border-bottom:var(--borde);background:var(--tinta);color:var(--marfil);overflow:hidden;white-space:nowrap;padding:12px 0;font-family:Bowlby One SC;font-size:20px}.marquee span{display:inline-block;padding-right:48px;animation:slide 14s linear infinite}.marquee b{color:var(--rojo)}@keyframes slide{to{transform:translateX(-50%)}}section.bloque{padding:64px 20px;max-width:1080px;margin:0 auto}.kicker{font-family:Special Elite;background:var(--tinta);color:var(--marfil);display:inline-block;padding:6px 12px;transform:rotate(-1.5deg);margin-bottom:14px}h2.titulo{font-size:clamp(36px,7vw,84px);margin-bottom:10px}p.lead{font-size:18px;max-width:62ch}.reveal-box{margin-top:24px;border:var(--borde);border-radius:22px;overflow:hidden;background:#fffdf6;box-shadow:6px 6px 0 var(--tinta)}.reveal-stage{position:relative;aspect-ratio:1075/630;background:var(--gris)}.reveal-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reveal-antes{filter:grayscale(1) contrast(1.15) brightness(1.05)}.reveal-despues{filter:sepia(.25) saturate(1.1)}.reveal-handle{position:absolute;top:0;bottom:0;width:4px;background:var(--rojo);box-shadow:0 0 0 3px var(--tinta)}.reveal-handle:after{content:"◀ ▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--marfil);border:var(--borde);border-radius:99px;padding:6px 10px;font-size:12px;white-space:nowrap}.reveal-ctrl{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:var(--borde)}.reveal-ctrl input[type=range]{width:100%;accent-color:var(--rojo)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:24px}@media (max-width:760px){.grid3{grid-template-columns:1fr}}.card{border:var(--borde);border-radius:18px;background:#fffdf6;padding:18px;box-shadow:5px 5px 0 var(--tinta);cursor:pointer;transition:transform .12s}.card:hover{transform:rotate(-1deg) translateY(-2px)}.card .num{font-family:Special Elite;color:var(--rojo)}.card h3{font-family:Bowlby One SC;font-size:26px;margin:8px 0}.card .dibujo{font-size:54px;line-height:1}.card p{margin:8px 0 0;color:#2b2b2b}.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.sello{border:var(--borde);border-radius:50%;width:128px;height:128px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Special Elite;font-size:13px;padding:12px;background:var(--marfil);transform:rotate(-6deg);box-shadow:3px 3px 0 var(--tinta)}.sello:nth-child(2){transform:rotate(4deg);background:var(--tinta);color:var(--marfil)}.sello:nth-child(3){transform:rotate(-2deg);background:var(--rojo);color:var(--marfil)}.modal-fondo{position:fixed;inset:0;z-index:80;background:rgba(5,5,5,.6);display:flex;align-items:center;justify-content:center;padding:20px}.modal{max-width:560px;width:100%;background:var(--marfil);border:var(--borde);border-radius:20px;box-shadow:8px 8px 0 var(--tinta);padding:24px}.modal h3{font-family:Bowlby One SC;font-size:32px;margin:0 0 8px}.modal .cerrar{float:right}.footer{background:var(--tinta);color:var(--marfil);text-align:center;padding:72px 20px 40px;border-top:3px solid var(--tinta)}.footer .gigante{font-size:clamp(40px,9vw,120px)}.footer .gigante .punto{color:var(--rojo)}.gag{margin-top:36px;font-family:Special Elite;color:var(--gris)}.firma{margin-top:8px;font-size:14px;opacity:.7}.reveal-anim{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.reveal-anim.visible{opacity:1;transform:none}.ds-nav{position:-webkit-sticky;position:sticky;top:39px;z-index:40;display:flex;gap:8px;overflow-x:auto;padding:10px 16px;background:var(--marfil);border-bottom:var(--borde);font-family:Special Elite;font-size:13px}.ds-nav a{border:2px solid var(--tinta);border-radius:99px;padding:4px 12px;text-decoration:none;background:#fffdf6;white-space:nowrap}.ds-nav a:hover{background:var(--tinta);color:var(--marfil)}.ds-grid{display:grid;grid-gap:16px;gap:16px;margin-top:20px}.ds-grid.cols2{grid-template-columns:repeat(2,1fr)}.ds-grid.cols4{grid-template-columns:repeat(4,1fr)}@media (max-width:760px){.ds-grid.cols2,.ds-grid.cols4{grid-template-columns:1fr}}.muestra{border:var(--borde);border-radius:18px;background:#fffdf6;padding:18px;box-shadow:5px 5px 0 var(--tinta)}.muestra>.type{color:var(--rojo);font-size:13px}.swatch{border:var(--borde);border-radius:14px;overflow:hidden;background:#fffdf6;cursor:pointer}.swatch i{display:block;height:84px}.swatch div{padding:10px 12px;font-family:Special Elite;font-size:13px}.btn-tinta{background:var(--tinta);color:var(--marfil)}.btn-fantasma{background:transparent;box-shadow:none;border-style:dashed}.btn-s{font-size:13px;padding:8px 14px;box-shadow:3px 3px 0 var(--tinta)}.btn-l{font-size:24px;padding:18px 34px}.btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.btn-cargando{position:relative;pointer-events:none}.btn-cargando:after{content:"…";animation:puntos 1s steps(3) infinite}@keyframes puntos{0%{content:"."}33%{content:".."}66%{content:"..."}}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.campo label{font-family:Bowlby One SC;font-size:14px}.campo .ayuda{font-family:Special Elite;font-size:12px;opacity:.7}.input,.select,.textarea{font-family:DM Sans;font-size:16px;color:var(--tinta);background:#fffdf6;border:var(--borde);border-radius:12px;padding:12px 14px;width:100%;box-shadow:3px 3px 0 var(--tinta)}.input:focus,.select:focus,.textarea:focus{outline:3px solid var(--rojo);outline-offset:1px}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:50px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='12.5' fill='%23F45145' stroke='%23050505' stroke-width='2'/%3E%3Cpath d='M8.5 12l5.5 5.5L19.5 12' fill='none' stroke='%23F7F0E4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:28px;transition:transform var(--t-snap) var(--ease-chapa),box-shadow var(--t-snap)}.select:hover{transform:translateY(-1px);box-shadow:4px 4px 0 var(--tinta)}.select:disabled{opacity:.45;box-shadow:none;cursor:not-allowed;background-color:var(--gris)}.input-error{border-color:var(--rojo);box-shadow:3px 3px 0 var(--rojo)}.msg-error{color:var(--rojo)}.msg-error,.msg-ok{font-family:Special Elite;font-size:13px}.msg-ok{color:#1c7a3d}.textarea{min-height:88px;resize:vertical}.fila{flex-wrap:wrap}.check,.fila{display:flex;gap:10px;align-items:center}.check{font-weight:500;cursor:pointer}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border:var(--borde);border-radius:9px;background:#fffdf6;box-shadow:2px 2px 0 var(--tinta);cursor:pointer;position:relative;flex:none;transition:transform var(--t-snap) var(--ease-chapa),background var(--t-snap);margin:0}.check:hover input{transform:rotate(-5deg) scale(1.08)}.check input:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}.check input:checked{background:var(--rojo);animation:pp-pop var(--t-snap) var(--ease-chapa)}.check input:checked:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--marfil);font-weight:700}.check input:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}@keyframes pp-pop{0%{transform:scale(.5)}60%{transform:scale(1.3) rotate(-8deg)}to{transform:scale(1)}}.check.redondo input{border-radius:50%}.check.redondo input:checked{background:#fffdf6}.check.redondo input:checked:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--rojo);position:absolute;inset:0;margin:auto}.switch{position:relative;width:62px;height:32px;flex:none}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:var(--borde);border-radius:99px;background:repeating-linear-gradient(-45deg,var(--gris) 0 6px,#a29c90 6px 12px);cursor:pointer;margin:0;transition:transform var(--t-snap) var(--ease-chapa)}.switch input:checked{background:repeating-linear-gradient(-45deg,var(--rojo) 0 6px,#d63f34 6px 12px)}.switch input:after{content:"";position:absolute;top:3px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--marfil);border:var(--borde);transition:left var(--t-snap) var(--ease-chapa)}.switch input:checked:after{left:30px}.switch input:focus-visible{outline:3px solid var(--rojo);outline-offset:2px}.switch input:disabled{opacity:.4;cursor:not-allowed}.switch:hover input:not(:disabled){transform:rotate(-2deg) scale(1.04)}input[type=range].range{width:100%;accent-color:var(--rojo);height:28px}.anim-caja{border:var(--borde);border-radius:14px;background:var(--tinta);color:var(--marfil);font-family:Bowlby One SC;font-size:22px;padding:26px 10px;text-align:center}.anim-floaty{animation:floaty 3.2s ease-in-out infinite}.anim-wiggle{animation:wiggle .9s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.anim-rebote{animation:rebote 1s ease-in-out infinite}@keyframes rebote{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.anim-giro{animation:giro 4s linear infinite}@keyframes giro{to{transform:rotate(1turn)}}.anim-marquee-mini{overflow:hidden;white-space:nowrap;border:var(--borde);border-radius:12px;background:#fffdf6;padding:8px 0;font-family:Bowlby One SC}.anim-marquee-mini span{display:inline-block;padding-right:32px;animation:slide 8s linear infinite}.anim-reveal-caja{transition:opacity .6s,transform .6s}.modal{animation:pp-modal-in var(--t-ui) var(--ease-chapa)}@keyframes pp-modal-in{0%{transform:scale(.9) translateY(12px);opacity:0}to{transform:none;opacity:1}}.pp-escena{position:relative;height:132px;border:2px dashed var(--tinta);border-radius:12px;background:#fffdf6;overflow:hidden;margin-top:8px}.pp-regla{font-family:Special Elite;font-size:12px;opacity:.75;margin:8px 0 0}@keyframes pp-twinkle{50%{transform:scale(1.5) rotate(15deg);opacity:.6}}.pp-carril{position:relative;height:26px;margin:12px 8px 0;border-bottom:2px dotted var(--gris)}.pp-carril .tag{position:absolute;left:0;top:-14px;font-family:Special Elite;font-size:10px}.pp-dot{position:absolute;top:0;width:20px;height:20px;border-radius:50%}.pp-dot.l1{background:var(--gris);animation:pp-carrera var(--t-show) linear infinite alternate}.pp-dot.l2{background:var(--rojo);border:2px solid var(--tinta);animation:pp-carrera var(--t-show) var(--ease-suave) infinite alternate}@keyframes pp-carrera{0%{left:2%}to{left:88%}}.pp-timeline{position:relative;height:40px;border-bottom:3px solid var(--tinta);margin:8px 8px 0}.pp-tick{bottom:-6px;width:3px;height:12px}.pp-tdot,.pp-tick{position:absolute;background:var(--tinta)}.pp-tdot{bottom:8px;width:10px;height:10px;margin-left:-5px;border-radius:50%}.pp-marca{position:absolute;top:2px;width:15px;height:15px;margin-left:-7px;border-radius:50%;background:var(--rojo);border:2px solid var(--tinta);animation:pp-carrera linear infinite alternate;animation-duration:var(--pp-dur,.45s)}.pp-escena.centro{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.demo-press{animation:pp-demopress 1.6s var(--ease-suave) infinite}@keyframes pp-demopress{0%,55%,to{transform:none;box-shadow:4px 4px 0 var(--tinta)}65%{transform:translate(4px,4px) scale(1.06,.9);box-shadow:0 0 0 var(--tinta)}78%{transform:translate(2px,2px) scale(.98,1.04);box-shadow:2px 2px 0 var(--tinta)}}.demo-ant{animation:pp-demoant 2.2s var(--ease-suave) infinite}@keyframes pp-demoant{0%,60%,to{transform:none}12%{transform:translateX(-12px) scale(.95)}30%{transform:translateX(6px) scale(1.04,.94)}42%{transform:none}}.demo-spot{position:absolute;inset:0;background:rgba(5,5,5,.55);display:flex;align-items:center;justify-content:center;cursor:pointer}.demo-foco{background:var(--marfil);border:var(--borde);border-radius:12px;padding:10px 18px;font-family:Bowlby One SC;font-size:16px;box-shadow:0 0 0 3px var(--rojo),5px 5px 0 var(--tinta);animation:pp-modal-in var(--t-ui) var(--ease-chapa)}.demo-pose{width:72%;animation:pp-demopose 2.6s var(--ease-chapa) infinite alternate}@keyframes pp-demopose{0%{transform:rotate(-2deg) translateY(2px)}to{transform:rotate(2deg) translateY(-4px)}}.demo-toast{background:var(--marfil);border:var(--borde);border-radius:12px;padding:8px 16px;font-family:Bowlby One SC;font-size:15px;box-shadow:4px 4px 0 var(--tinta);animation:pp-demotoast 2.4s var(--ease-chapa) infinite}.demo-tag{background:var(--rojo);color:var(--marfil);border:2px solid var(--tinta);border-radius:99px;padding:2px 10px;font-family:Special Elite;font-size:11px;animation:pp-demotoast 2.4s var(--ease-chapa) .15s infinite}@keyframes pp-demotoast{0%{transform:translateY(120px);opacity:0}18%{transform:translateY(-6px);opacity:1}26%{transform:none;opacity:1}78%{transform:none;opacity:1}92%,to{transform:translateY(120px);opacity:0}}.demo-mascota{height:92px;width:auto;border:var(--borde);border-radius:12px;box-shadow:4px 4px 0 var(--tinta);background:var(--marfil);transition:transform var(--t-ui) var(--ease-chapa)}.demo-mascota:hover{transform:scale(1.1) rotate(-2deg)}.demo-destello{position:absolute;top:6px;right:8px;color:var(--rojo);font-size:22px;animation:pp-twinkle 1.2s ease-in-out infinite}.demo-columpio{transform-origin:50% -24px;animation:pp-demoswing 2.2s ease-in-out infinite alternate}@keyframes pp-demoswing{0%{transform:rotate(-8deg) translateY(-2px)}to{transform:rotate(8deg) translateY(2px)}}.demo-exag{transition:transform var(--t-ui) var(--ease-chapa),box-shadow var(--t-ui)}.demo-exag:hover{transform:scale(1.22) rotate(-2deg)}.demo-exag:active{transform:translate(4px,4px) scale(1.3,.75);box-shadow:0 0 0 var(--tinta)}.sello.mini{width:86px;height:86px;font-size:10px;transform:rotate(4deg)}.demo-minicard{border:var(--borde);border-radius:12px;background:#fffdf6;padding:8px 12px;font-family:Bowlby One SC;font-size:13px;box-shadow:5px 5px 0 var(--tinta)}@media (prefers-reduced-motion:reduce){.anim-floaty,.anim-giro,.anim-marquee-mini span,.anim-rebote,.anim-wiggle,.marquee span,.mascota,.pp-escena *,.pp-escena :after,.pp-escena :before{animation:none!important}}