/* Dirección B2 · Social
   Layout: la web es un feed. Collage hecho a mano + interfaces de redes (vivo, reels, anuncios, publicaciones).
   Texturas: aro de historias, desfase de color tipo video vertical, barra de progreso roja, tarjeta de producto amarilla. Oscuro fijo. */
:root{
  --bg:#0D0D11; --panel:#16161D; --panel-2:#1F1F28; --panel-3:#2A2A35; --fg:#F2F0EA; --muted:#A4A2AD; --line:rgba(242,240,234,.12);
  --pink:#FF3D6E; --orange:#FF8A3D; --yellow:#FFD23F; --cyan:#2FE6D8; --blue:#3D7BFF; --red:#FF2E3A; --purple:#8B5CF6; --green:#2FD07A;
  --ring:conic-gradient(from 210deg,var(--yellow),var(--orange),var(--pink),var(--purple),var(--yellow));
  --f-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --f-body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Fragment Mono",ui-monospace,Menlo,Consolas,monospace;
  --k:#0D0D11; --pp:#F2F0EA;
  color-scheme:dark;
}
@property --rad{syntax:'<length>';inherits:false;initial-value:0px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--f-body);overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
img,svg,video{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;text-wrap:balance;line-height:.92;text-transform:uppercase}
h2{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:900}
h3{font-size:1.6rem;font-weight:800}
p{margin:0}
section{padding-block:clamp(64px,9vw,120px)}
.ic{width:1.15em;height:1.15em;flex:0 0 auto;display:inline-block;vertical-align:-.2em}
.kicker{font:500 .8rem var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;gap:8px;align-items:center}
.kicker .ic{color:var(--pink)}
.lead{color:var(--muted);max-width:60ch;margin-top:14px;font-size:1.08rem}
.sec-head{margin-bottom:clamp(32px,5vw,56px)}
.skip{position:absolute;left:-999px;top:8px;background:var(--fg);color:var(--bg);padding:8px 12px;z-index:100}
.skip:focus{left:12px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 22px;border-radius:999px;background:var(--fg);color:#111;border:2px solid var(--fg);font:700 1rem/1 var(--f-body);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,translate .25s cubic-bezier(.2,.8,.2,1)}
.btn:hover{background:var(--pink);border-color:var(--pink);color:#fff}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--fg);background:transparent}
.btn.wa{background:var(--green);border-color:var(--green);color:#06210F}
.link{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-size:inherit}
.ring{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ring);padding:3px;flex:0 0 auto}
.ring>i{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--panel-2);border:3px solid var(--bg);overflow:hidden}
.ring.sm{width:40px;height:40px;padding:2px}.ring.sm>i{border-width:2px}
.ring.xl{width:150px;height:150px;padding:4px}.ring.xl>i{border-width:4px}

/* encabezado */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:60}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(13,13,17,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:18px;padding-block:12px;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font:900 1.4rem/1 var(--f-display);margin-right:auto;letter-spacing:.01em}
.logo-dot{width:22px;height:22px;border-radius:50%;background:var(--ring);position:relative}
.logo-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 4px var(--pink)}
.logo-hd{font:700 .72rem/1 var(--f-mono);background:var(--pink);color:#fff;padding:4px 6px;border-radius:5px}
.nav{display:flex;align-items:center;gap:2px}
.nav a{text-decoration:none;padding:8px 13px;border-radius:999px;font-weight:700;font-size:.95rem}
.nav a:not(.nav-cta):hover{background:var(--panel-2)}
.nav-cta{display:inline-flex;gap:6px;align-items:center;background:var(--pink);color:#fff;margin-left:8px;transition:translate .25s cubic-bezier(.2,.8,.2,1)}
.menu-btn{display:none;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}

/* inicio */
.hero{padding-block:clamp(32px,5vw,72px) 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,4vw,56px);align-items:center}
.hero-copy{min-width:0;position:relative;z-index:2}
.live-pill{display:inline-flex;align-items:center;gap:8px;font:700 .78rem var(--f-mono);text-transform:uppercase;background:var(--red);color:#fff;padding:6px 12px;border-radius:6px;margin-bottom:22px}
.lp-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}
.ransom{display:block;font-size:clamp(2.8rem,7.4vw,6.8rem)}
.rw{display:inline-block;white-space:nowrap;margin-right:.16em}
.rl{display:inline-block;padding:.02em .08em .03em;margin:0 .012em;transform:rotate(var(--r)) translateY(var(--o));line-height:.9;box-shadow:2px 3px 0 rgba(0,0,0,.5)}
.rl0{background:var(--fg);color:#111;font:900 1em var(--f-display);text-shadow:-2px 0 var(--cyan),2px 0 var(--pink)}
.rl1{background:var(--pink);color:#fff;font:800 1em var(--f-display)}
.rl2{background:var(--yellow);color:#111;font:700 .86em var(--f-body);text-transform:lowercase}
.rl3{background:#111;color:#fff;font:900 1em var(--f-display);border:2px solid #fff;text-shadow:-3px 0 var(--cyan),3px 0 var(--pink)}
.rl4{background:var(--blue);color:#fff;font:700 .82em var(--f-mono);text-transform:lowercase}
.rl5{background:var(--ring);color:#fff;font:800 .95em var(--f-display)}
.rl:nth-child(3n){clip-path:polygon(0 3%,96% 0,100% 94%,4% 100%)}
.h1-sub{display:block;font:800 clamp(1.3rem,2.8vw,2.2rem)/1 var(--f-display);margin-top:.5em;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{margin-top:20px;max-width:46ch;color:var(--muted);font-size:clamp(1rem,1.5vw,1.15rem)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.plats{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;max-width:560px}
.plats li{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}
.plats li .ic{width:.95em;height:.95em}
.plats li:nth-child(6n+1) .ic{color:var(--pink)}.plats li:nth-child(6n+2) .ic{color:var(--cyan)}.plats li:nth-child(6n+3) .ic{color:var(--red)}.plats li:nth-child(6n+4) .ic{color:var(--orange)}.plats li:nth-child(6n+5) .ic{color:var(--blue)}.plats li:nth-child(6n) .ic{color:var(--yellow)}

/* tablero */
.board{position:relative;aspect-ratio:1/1.05;width:100%;max-width:560px;justify-self:end;--c1:var(--pink);--c2:var(--cyan);--c3:var(--yellow)}
.pc{position:absolute;transform:rotate(var(--r,0deg));translate:calc(var(--mx,0) * var(--d,0) * 22px) calc(var(--my,0) * var(--d,0) * 16px);transition:translate .6s cubic-bezier(.2,.8,.2,1)}
.torn{inset:8% 6% 10% 10%;background:var(--yellow);clip-path:polygon(0 5%,9% 0,24% 4%,41% 0,57% 5%,76% 1%,100% 6%,97% 34%,100% 63%,96% 100%,72% 95%,48% 100%,24% 94%,0 100%,3% 66%,0 34%);background-image:radial-gradient(rgba(0,0,0,.22) 1.3px,transparent 1.5px);background-size:7px 7px}
.hphone{left:22%;top:4%;width:46%;aspect-ratio:9/18.5;background:#0A0A0D;border-radius:28px;padding:7px;box-shadow:0 0 0 2px #2C2C36,6px 10px 0 rgba(0,0,0,.45)}
.hp-screen{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;background:
  radial-gradient(circle at 70% 30%,var(--orange) 0 14%,transparent 15%),
  linear-gradient(160deg,var(--purple),var(--pink) 55%,var(--orange));display:grid;grid-template-rows:auto auto 1fr auto auto;padding:10px;gap:6px}
.hp-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7));pointer-events:none}
.hp-screen>*{position:relative;z-index:1}
.hp-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.hp-bars i{height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden;position:relative}
.hp-bars i.done{background:#fff}
.hp-bars i.run::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:bar 5s linear infinite}
@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hp-top{display:flex;justify-content:space-between;align-items:center;font:700 .6rem var(--f-mono)}
.hp-live{background:var(--red);color:#fff;padding:2px 6px;border-radius:4px}
.hp-eye{background:rgba(0,0,0,.45);color:#fff;padding:2px 6px;border-radius:4px;display:flex;gap:4px;align-items:center}
.hp-cut{position:absolute!important;left:14%;top:22%;width:62%;height:38%;background:#111;clip-path:polygon(50% 0,64% 10%,70% 32%,92% 46%,100% 100%,0 100%,10% 46%,32% 32%,38% 10%);background-image:radial-gradient(rgba(255,255,255,.28) 1.2px,transparent 1.4px);background-size:5px 5px;opacity:.85;z-index:0!important}
.hp-chat{display:grid;gap:4px;align-self:end;font-size:.62rem;line-height:1.25;color:#fff}
.hp-chat p{background:rgba(0,0,0,.35);padding:4px 7px;border-radius:9px;justify-self:start;max-width:92%}
.hp-chat b{font-weight:700;margin-right:3px}
.hp-input{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:5px 10px;font-size:.62rem;color:#fff}
.hp-input .ic{color:var(--pink)}
.hearts{position:absolute!important;right:6px;bottom:30px;width:40px;height:70%;pointer-events:none;z-index:3!important}
.hearts i{position:absolute;bottom:0;left:50%;width:20px;height:20px;margin-left:-10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.4-4.6-9.7-9C.6 8 2.6 4 6.4 4c2.2 0 3.6 1.2 5.6 3.4C14 5.2 15.4 4 17.6 4c3.8 0 5.8 4 4.1 7.5-2.3 4.4-9.7 9-9.7 9z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5s-7.4-4.6-9.7-9C.6 8 2.6 4 6.4 4c2.2 0 3.6 1.2 5.6 3.4C14 5.2 15.4 4 17.6 4c3.8 0 5.8 4 4.1 7.5-2.3 4.4-9.7 9-9.7 9z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:float 2.2s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes float{0%{transform:translate(0,0) scale(.3);opacity:0}15%{opacity:1;transform:translate(calc(var(--hx) * .2),-12px) scale(var(--hs))}100%{transform:translate(var(--hx),-220px) scale(calc(var(--hs) * .8));opacity:0}}
.pcard{left:0;bottom:12%;width:44%;background:#fff;color:#111;border-radius:12px;padding:8px;display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;box-shadow:4px 6px 0 rgba(0,0,0,.45)}
.pc-img{aspect-ratio:1;border-radius:8px;background:#F1F1F1;position:relative;overflow:hidden}
.pc-box{position:absolute;inset:22% 18%;background:var(--yellow);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.pc-tx{display:grid;gap:2px;min-width:0}
.pc-tx small{font-size:.62rem;color:var(--green);font-weight:700}
.pc-tx b{font:700 1.25rem/1 var(--f-body)}
.pc-stars{display:flex;color:var(--blue)}.pc-stars .ic{width:.8em;height:.8em}
.serp{right:0;top:2%;width:50%;background:#fff;color:#111;border-radius:12px;padding:10px 12px;display:grid;gap:8px;box-shadow:4px 6px 0 rgba(0,0,0,.45)}
.serp-q{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#555;border:1px solid #DDD;border-radius:999px;padding:5px 10px}
.serp-ad{display:grid;gap:2px}
.serp-ad small{font:700 .6rem var(--f-body)}
.serp-ad b{font:700 .86rem/1.2 var(--f-body);color:#1A44C7}
.bubble2{right:2%;top:38%;background:var(--pink);color:#fff;border-radius:14px 14px 14px 4px;padding:9px 14px;display:flex;gap:7px;align-items:center;font:800 1.1rem var(--f-display);box-shadow:3px 4px 0 rgba(0,0,0,.45)}
.cmt{right:12%;top:52%;background:#fff;color:#111;border-radius:14px 14px 4px 14px;padding:8px 12px;display:flex;gap:6px;align-items:center;font:800 1rem var(--f-display);box-shadow:3px 4px 0 rgba(0,0,0,.45)}
.hand{left:60%;top:66%;width:11%;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.5))}
.sticker{right:4%;bottom:2%;width:22%}
.sticker-svg{animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.tape{width:84px;height:22px;background:rgba(255,255,255,.55)}
.t1{left:30%;top:1%}
.own{inset:6%;object-fit:contain;display:none}.own.ok{display:block}
.toasts{position:absolute;left:4%;top:30%;width:52%;z-index:6}
.toast{position:absolute;left:0;top:0;display:flex;gap:10px;align-items:center;background:rgba(22,22,29,.94);border:1px solid var(--line);border-radius:14px;padding:10px 12px;width:100%;box-shadow:0 12px 30px rgba(0,0,0,.45);opacity:0;transform:translateY(-10px) scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.2,1.2,.3,1)}
.toast.on{opacity:1;transform:none}
.toast .ic{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--panel-3);color:var(--yellow)}
.toast:nth-child(2) .ic{color:var(--green)}.toast:nth-child(3) .ic{color:var(--pink)}
.toast span{display:grid;line-height:1.2;min-width:0}
.toast b{font-size:.8rem}
.toast small{font-size:.68rem;color:var(--muted)}
.feedbar{display:grid;grid-template-columns:auto 1fr;max-width:1240px;margin:clamp(28px,4vw,48px) auto 0;border-block:1px solid var(--line)}
@media (max-width:1279px){.feedbar{margin-inline:max(18px,env(safe-area-inset-left,0px))}}
.fb-tag{display:flex;gap:6px;align-items:center;font:700 .78rem var(--f-mono);text-transform:uppercase;padding:12px 14px 12px 0;white-space:nowrap;color:var(--muted)}
.fb-tag .ic{color:var(--cyan)}
.fb-win{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fb-track{display:flex;width:max-content;animation:mq 70s linear infinite}
.fb-track ul{display:flex;margin:0;padding:0;list-style:none}
.fb-track li{font:800 1.2rem/1 var(--f-display);text-transform:uppercase;padding:12px 20px;white-space:nowrap}
.fb-track li::before{content:"#";color:var(--pink);margin-right:2px}
@keyframes mq{to{transform:translateX(-50%)}}

/* manifiesto como hilo */
.manifesto h2{font-size:clamp(2.6rem,7.6vw,6.6rem);max-width:15ch}
.ww{display:inline-block;white-space:nowrap}
.wl{display:inline-block;font-weight:calc(500 + var(--w,0) * 400);color:color-mix(in srgb,var(--fg) calc(100% - var(--w,0) * 100%),var(--pink));transition:font-weight .35s cubic-bezier(.2,.8,.2,1),color .35s}
.thread{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.post{display:grid;grid-template-columns:40px 1fr;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.5}
.post-av{width:40px;height:40px;border-radius:50%;background:var(--ring);position:relative}
.post-av::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 7px var(--pink)}
.post-h{font-size:.9rem;margin-bottom:6px}
.post-h span{color:var(--muted);font:400 .8rem var(--f-mono)}
mark{color:inherit;background:linear-gradient(var(--pink),var(--pink)) no-repeat 0 92%/100% 30%;padding:0 .06em;transition:background-size .7s cubic-bezier(.2,.8,.2,1)}
.post:nth-child(2) mark{background-image:linear-gradient(var(--cyan),var(--cyan))}
.post:nth-child(3) mark{background-image:linear-gradient(var(--yellow),var(--yellow))}
.post:nth-child(4) mark{background-image:linear-gradient(var(--blue),var(--blue))}
.fx mark:not(.in){background-size:0 30%}
.man-sign{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;color:var(--muted);max-width:820px}
.man-sign span{font:700 .78rem var(--f-mono);text-transform:uppercase;background:var(--ring);color:#111;padding:6px 10px;border-radius:6px}

/* servicios como publicaciones */
.posts{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.spost{grid-column:span 2;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto auto auto 1fr;min-width:0}
.spost4,.spost5{grid-column:span 3}
.sp-head{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 14px}
.sp-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ring);color:#111}
.sp-av .ic{width:18px;height:18px}
.sp-head b{display:block;font-size:.95rem;line-height:1.2}
.sp-head small{color:var(--muted);font-size:.78rem}
.sp-fmt{font:500 .68rem var(--f-mono);text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--muted)}
.sp-actions{display:flex;gap:14px;padding:12px 14px 0;color:var(--fg)}
.sp-actions .ic{width:22px;height:22px}
.sp-sp{flex:1}
.spost:hover .sp-actions .ic:first-child{color:var(--pink);fill:var(--pink)}
.sp-body{padding:10px 14px 18px;display:grid;gap:10px;align-content:start}
.sp-pitch{font-weight:700}
.sp-body ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.92rem;color:var(--muted)}
.sp-body li::before{content:"#";color:var(--pink);margin-right:6px;font-weight:700}
.sp-res{border-top:1px solid var(--line);padding-top:10px;font-weight:700}
.sp-res span{display:block;font:500 .7rem var(--f-mono);text-transform:uppercase;color:var(--cyan);margin-bottom:2px}
.sp-link{font-weight:700;justify-self:start}

/* revelado de trama */
.ht{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--panel-2)}
.spost4 .ht,.spost5 .ht{aspect-ratio:16/10}
.ht-layer{position:absolute;inset:0;display:grid;place-items:center;padding:7%;background:var(--panel-2)}
.ht-mono{filter:grayscale(1) contrast(1.1) brightness(1.05);-webkit-mask-image:radial-gradient(circle var(--rad) at var(--x,50%) var(--y,50%),transparent 97%,#000 100%);mask-image:radial-gradient(circle var(--rad) at var(--x,50%) var(--y,50%),transparent 97%,#000 100%);transition:--rad .5s cubic-bezier(.2,.8,.2,1)}
.ht-mono::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.6) 1.2px,transparent 1.5px);background-size:5px 5px}
.ht.on .ht-mono{--rad:140px}
@media (hover:none),(pointer:coarse){.ht.on .ht-mono{--rad:460px;transition-duration:1.1s}}
.c1{--cc:var(--pink)}.c2{--cc:var(--cyan)}.c3{--cc:var(--yellow)}.c4{--cc:var(--blue)}.c5{--cc:var(--orange)}.c6{--cc:var(--purple)}

/* mocks */
.mk-feed{width:min(100%,300px);background:var(--bg);border-radius:14px;padding:12px;display:grid;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.mk-prof{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.mk-prof .ring{width:44px;height:44px;padding:2px}
.mk-prof b{font-size:.85rem;display:block}.mk-prof small{font-size:.68rem;color:var(--muted)}
.mk-follow{background:var(--blue);color:#fff;font-size:.7rem;font-weight:700;padding:5px 10px;border-radius:8px}
.mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.mk-grid i{aspect-ratio:4/5;background:var(--cc);position:relative;display:grid;place-items:start end;padding:4px}
.mk-grid i:nth-child(odd){background-image:radial-gradient(rgba(0,0,0,.25) 1.2px,transparent 1.4px);background-size:5px 5px}
.mk-play{width:12px;height:12px;color:#fff}
.mk-ads{width:min(100%,330px);background:#fff;color:#111;border-radius:14px;padding:14px;display:grid;gap:9px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.mk-ads-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85rem}
.mk-pill{font:500 .62rem var(--f-mono);background:#E7F0FF;color:var(--blue);padding:3px 8px;border-radius:999px}
.mk-row{display:grid;grid-template-columns:26px 1fr 80px;gap:8px;align-items:center;font-size:.72rem}
.mk-tg{width:24px;height:14px;border-radius:999px;background:var(--blue);position:relative}
.mk-tg::after{content:"";position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff}
.mk-bar{height:6px;border-radius:3px;background:#EEE;overflow:hidden}
.mk-bar i{display:block;height:100%;background:var(--blue)}
.mk-spark{width:100%;height:46px;color:var(--blue)}
.mk-serp{border-top:1px solid #EEE;padding-top:8px;display:grid}
.mk-serp small{font-size:.6rem;font-weight:700}
.mk-serp b{font-size:.78rem;color:#1A44C7}
.mk-meli{width:min(100%,300px);background:#fff;color:#111;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.mk-img{aspect-ratio:16/10;background:var(--yellow);position:relative;display:grid;place-items:center}
.mk-box{width:42%;aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 0 2px #111}
.mk-dot{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;background:#fff}
.mk-info{padding:12px 14px 14px;display:grid;gap:4px}
.mk-info small{font-size:.66rem;color:#777}
.mk-info b{font-size:.9rem}
.mk-stars{display:flex;color:var(--blue)}.mk-stars .ic{width:.85em;height:.85em}
.mk-price{font-size:1.5rem;font-weight:400}
.mk-ship{display:flex;gap:5px;align-items:center;font-size:.74rem;font-weight:700;color:var(--green)}
.mk-buy{background:var(--blue);color:#fff;text-align:center;font-weight:700;font-size:.8rem;padding:8px;border-radius:8px;margin-top:4px}
.mk-reel{width:min(62%,200px);aspect-ratio:9/16;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(170deg,var(--cyan),var(--purple) 60%,var(--pink));box-shadow:0 10px 30px rgba(0,0,0,.4)}
.mk-vid{position:absolute;inset:0;display:grid;place-items:center}
.mk-vid::before{content:"";position:absolute;left:18%;top:20%;width:64%;height:48%;background:#111;clip-path:polygon(50% 0,64% 10%,70% 32%,92% 46%,100% 100%,0 100%,10% 46%,32% 32%,38% 10%);opacity:.75}
.mk-sub{position:absolute;left:8%;right:20%;top:72%;font:800 .9rem/1 var(--f-display);text-transform:uppercase;background:#fff;color:#111;padding:4px 6px;text-align:center;text-shadow:-1px 0 var(--cyan),1px 0 var(--pink)}
.mk-rail{position:absolute;right:6px;bottom:26%;display:grid;gap:10px;color:#fff;text-align:center}
.mk-rail span{display:grid;justify-items:center;gap:1px}
.mk-rail .ic{width:20px;height:20px}
.mk-rail span:first-child .ic{color:var(--pink)}
.mk-rail small{font-size:.55rem}
.mk-meta{position:absolute;left:8px;bottom:12px;color:#fff;display:grid;font-size:.66rem}
.mk-meta small{display:flex;gap:3px;align-items:center}
.mk-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.3)}
.mk-prog i{display:block;height:100%;width:62%;background:var(--red)}
.mk-stories{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}
.mk-story{width:30%;max-width:120px;aspect-ratio:9/16;border-radius:12px;background:var(--cc);position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.45);background-image:radial-gradient(rgba(0,0,0,.25) 1.2px,transparent 1.4px);background-size:5px 5px}
.mk-story:nth-child(2){transform:translateY(-12px) rotate(2deg);width:34%}
.mk-story:nth-child(1){transform:rotate(-4deg)}
.mk-story:nth-child(3){transform:rotate(5deg)}
.mk-sbar{position:absolute;left:6px;right:6px;top:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.mk-sbar i{height:2px;background:rgba(255,255,255,.5)}.mk-sbar i.on{background:#fff}
.mk-cut{position:absolute;left:14%;right:14%;top:24%;height:42%;background:#fff;clip-path:polygon(0 8%,94% 0,100% 90%,6% 100%)}
.mk-sticker{position:absolute;left:50%;bottom:14%;transform:translateX(-50%) rotate(-6deg);font:900 1rem var(--f-display);text-transform:uppercase;background:#111;color:#fff;padding:3px 8px;border-radius:6px;white-space:nowrap}

/* reels */
.vids{background:linear-gradient(180deg,var(--bg),#12101A 60%,var(--bg))}
.reels{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center;outline-offset:8px}
.phone{position:relative;width:min(340px,78vw);aspect-ratio:9/18.6;background:#08080A;border-radius:44px;padding:10px;box-shadow:0 0 0 2px #2C2C36,0 40px 80px -30px rgba(255,61,110,.35),0 30px 60px rgba(0,0,0,.6)}
.phone-notch{position:absolute;top:18px;left:50%;width:90px;height:24px;margin-left:-45px;border-radius:999px;background:#000;z-index:5}
.reel-stage{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#000;touch-action:pan-x}
.reel{position:absolute;inset:0;visibility:hidden;transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.reel.is-on{visibility:visible}
.reels:not(.swiping) .reel{transition:none}
.reel-ph{position:absolute;inset:0;background:linear-gradient(170deg,var(--cc),var(--panel-3) 75%);display:grid;align-content:start;justify-items:center;gap:10px;padding:96px 64px 20px 20px;text-align:center}
.reel-ph::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.28) 1.3px,transparent 1.6px);background-size:6px 6px}
.reel-ph-cut{width:58%;aspect-ratio:1/1.1;background:#111;clip-path:polygon(50% 0,64% 10%,70% 32%,92% 46%,100% 100%,0 100%,10% 46%,32% 32%,38% 10%);position:relative;opacity:.85}
.reel-ph-name{position:relative;font:900 clamp(1.8rem,4vw,2.4rem)/.9 var(--f-display);text-transform:uppercase;background:#fff;color:#111;padding:4px 8px;text-shadow:-2px 0 var(--cyan),2px 0 var(--pink);transform:rotate(-2deg)}
.reel-ph em{position:relative;font:400 .68rem var(--f-mono);color:rgba(255,255,255,.7);font-style:normal}
.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.reel.has-video video{opacity:1}
.reel-ui{position:absolute;inset:0;pointer-events:none;color:#fff}
.reel-ui::before{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.7))}
.reel-tabs{position:absolute;top:52px;left:0;right:0;display:flex;justify-content:center;gap:16px;font-size:.86rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.reel-tabs span{opacity:.7}
.reel-tabs b{border-bottom:2px solid #fff;padding-bottom:2px}
.reel-rail{position:absolute;right:10px;bottom:110px;display:grid;gap:16px;justify-items:center;pointer-events:auto}
.reel-rail>span{display:grid;justify-items:center;gap:2px;text-shadow:0 1px 3px rgba(0,0,0,.6);cursor:default}
.reel-rail .ic{width:30px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.reel-rail small{font-size:.7rem;font-weight:700}
.rr-like{cursor:pointer!important}
.rr-like .ic{color:#fff;transition:color .2s,transform .2s}
.liked .rr-like .ic,.rr-like:hover .ic{color:var(--pink);transform:scale(1.15)}
.rr-av{position:relative;width:44px;height:44px;border-radius:50%;background:var(--ring);padding:2px}
.rr-av i{display:block;width:100%;height:100%;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 7px var(--pink)}
.rr-av b{position:absolute;left:50%;bottom:-8px;margin-left:-9px;width:18px;height:18px;border-radius:50%;background:var(--pink);display:grid;place-items:center}
.rr-av b .ic{width:12px;height:12px;stroke-width:3}
.reel-meta{position:absolute;left:14px;right:70px;bottom:26px;display:grid;gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.rm-user{font-weight:700;font-size:.92rem;display:flex;gap:8px;align-items:center}
.rm-follow{border:1px solid #fff;border-radius:6px;padding:1px 7px;font-size:.72rem}
.rm-cap{font-size:.84rem;line-height:1.3}
.rm-audio{display:flex;gap:6px;align-items:center;font-size:.76rem;overflow:hidden}
.rm-tick{overflow:hidden;white-space:nowrap;flex:1;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.rm-tick span{display:inline-block;animation:mq 9s linear infinite}
.reel-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25)}
.reel-prog i{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(0)}
.reels .hearts{right:14px;bottom:150px;height:60%}
.reel-side{display:grid;gap:18px;min-width:0;align-content:center}
.reel-now{font:800 1.6rem/1 var(--f-display);text-transform:uppercase}
.reel-now span{display:inline-flex;gap:6px;align-items:center;font:700 .74rem var(--f-mono);background:var(--red);color:#fff;padding:4px 8px;border-radius:5px;vertical-align:middle;margin-right:8px}
.reel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.reel-list button{width:100%;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px;cursor:pointer;transition:background .2s,border-color .2s}
.reel-list button:hover{background:var(--panel-2)}
.reel-list button.is-on{border-color:var(--pink);background:var(--panel-2)}
.rl-th{aspect-ratio:9/14;border-radius:8px;background:linear-gradient(170deg,var(--cc),var(--panel-3));display:grid;place-items:center;color:#fff}
.reel-list button.is-on .rl-th{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--pink)}
.rl-tx{display:grid;min-width:0}
.rl-tx b{font-size:.95rem;line-height:1.2}
.rl-tx small{color:var(--muted);font-size:.8rem}
.reel-ctl{display:flex;gap:8px;flex-wrap:wrap}
.reel-ctl button{display:inline-flex;gap:6px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:700;font-size:.9rem}
.reel-ctl button:hover{border-color:var(--fg)}

/* comentarios */
.comments{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cm{margin:0;display:grid;grid-template-columns:48px 1fr;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px}
.cm-av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:900 1.4rem var(--f-display);color:#111}
.cm-av.c1{background:var(--yellow)}.cm-av.c2{background:var(--pink);color:#fff}.cm-av.c3{background:var(--cyan)}.cm-av.c4{background:var(--orange)}
.cm-b{display:grid;gap:8px;min-width:0}
.cm figcaption{font-size:.92rem}
.cm figcaption span{color:var(--muted);font-size:.84rem}
.cm blockquote{margin:0;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.45}
.cm-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.78rem;color:var(--muted)}
.cm-like{display:inline-flex;gap:5px;align-items:center}
.cm-like .ic{color:var(--pink)}
.lab{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;margin-top:clamp(48px,7vw,88px)}
.lab-head{display:grid;gap:8px;align-content:start}
.lab-head h3{font-size:2.2rem}
.lab-head p:last-child{color:var(--muted)}
.lab-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:10px;align-content:start}
.lab-card header{display:flex;gap:10px;align-items:center}
.lab-card header b{display:block;font:900 1.5rem/1 var(--f-display);text-transform:uppercase}
.lab-card header small{color:var(--muted);font-size:.78rem}
.lab-card p{color:var(--muted);font-size:.94rem}

/* equipo como perfiles */
.lead-prof{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;max-width:880px}
.lead-prof .portrait{width:100%;height:100%;border-radius:50%}
.lp-handle{font:500 .9rem var(--f-mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lp-badge{display:inline-flex;gap:5px;align-items:center;font:700 .72rem var(--f-body);background:var(--blue);color:#fff;padding:4px 9px;border-radius:999px}
.lead-prof h3{font-size:clamp(2rem,4vw,3rem);margin:8px 0 10px}
.lead-prof p:last-child{color:var(--muted);max-width:56ch}
.tgroup{margin-top:44px}
.tg-h{font:700 .82rem var(--f-mono);color:var(--muted);margin-bottom:16px;letter-spacing:.04em}
.profs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.prof{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px 14px;display:grid;gap:6px;justify-items:center;text-align:center;align-content:start;min-width:0}
.prof .ring{width:88px;height:88px;margin-bottom:6px}
.prof .portrait{width:100%;height:100%;border-radius:50%}
.pf-role{font:900 1.35rem/1 var(--f-display);text-transform:uppercase;display:flex;gap:6px;align-items:center;justify-content:center}
.pf-role .ic{color:var(--c1,var(--pink));width:.9em;height:.9em}
.pf-tag{font:500 .7rem var(--f-mono);color:var(--c1,var(--pink));text-transform:uppercase}
.pf-bio{font-size:.88rem;color:var(--muted)}
.pf-name{font:500 .72rem var(--f-mono);border-top:1px dashed var(--line);padding-top:8px;margin-top:4px;width:100%}
.c-coral{--c1:var(--pink)}.c-cyan{--c1:var(--cyan)}.c-sun{--c1:var(--yellow)}.c-lime{--c1:var(--green)}
.portrait{position:relative;aspect-ratio:1;background:var(--c1,var(--pink));overflow:hidden}
.portrait svg{position:absolute;inset:14% 12% 0;width:76%;height:86%;opacity:.88;--k:#111}
.portrait::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.3) 1.2px,transparent 1.4px);background-size:5px 5px}
.portrait span{display:none}

/* historias destacadas */
.hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.hl li{display:grid;gap:8px;justify-items:center;text-align:center;align-content:start}
.hl-r{width:96px;height:96px}
.hl-r b{font:900 2.4rem/1 var(--f-display)}
.hl li:nth-child(1) .hl-r>i{background:var(--panel-2);color:var(--yellow)}
.hl li:nth-child(2) .hl-r>i{color:var(--orange)}
.hl li:nth-child(3) .hl-r>i{color:var(--pink)}
.hl li:nth-child(4) .hl-r>i{color:var(--purple)}
.hl li:nth-child(5) .hl-r>i{color:var(--cyan)}
.hl h3{font-size:1.4rem;margin-top:6px}
.hl p{font-size:.92rem;color:var(--muted)}

/* preguntas */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.faq{display:grid;gap:8px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px}
.faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 18px;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:16px;top:9px;font:500 1.6rem var(--f-mono);color:var(--pink);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 18px 18px;color:var(--muted)}

/* mensaje directo */
.dm-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.dm-copy{display:grid;gap:14px}
.dm-copy p:last-child{color:var(--muted);font-size:1.1rem;max-width:40ch}
.chat{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(255,61,110,.3)}
.chat-head{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel-2)}
.chat-head b{display:block;font-size:.95rem}
.chat-head small{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.78rem}
.on-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.diag{padding:clamp(18px,3vw,26px);display:grid;gap:18px}
.diag-top{display:flex;align-items:center;gap:14px;font:500 .74rem var(--f-mono);text-transform:uppercase;color:var(--muted)}
.diag-bar{flex:1;height:4px;background:var(--panel-3);position:relative;border-radius:2px;overflow:hidden}
.diag-bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--p,.33) * 100%);background:linear-gradient(90deg,var(--yellow),var(--pink));transition:width .4s}
fieldset{border:0;margin:0;padding:0;display:grid;gap:14px;min-width:0}
legend{font:700 1.05rem/1.35 var(--f-body);text-transform:none;padding:12px 16px;margin-bottom:6px;background:var(--panel-3);border-radius:18px 18px 18px 4px;max-width:85%}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.chips-svc{padding-top:12px;border-top:1px dashed var(--line)}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:.94rem;transition:background .15s,color .15s,border-color .15s}
.chip:hover span{border-color:var(--fg)}
.chip input:checked+span{background:var(--blue);color:#fff;border-color:var(--blue);border-radius:18px 18px 4px 18px}
.chip input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}
.need .chip span{border-color:var(--pink)}
.diag-err{color:var(--pink);font-weight:700;text-align:right}
.diag-help{font-size:.9rem;color:var(--muted)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fields label{display:grid;gap:6px;font-size:.88rem;font-weight:700}
.fields input{font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:999px}
.diag-preview{margin:0;white-space:pre-wrap;font:400 .9rem/1.45 var(--f-body);background:var(--green);color:#06210F;border-radius:18px 18px 4px 18px;padding:12px 16px;max-height:200px;overflow:auto;justify-self:end;max-width:92%}
.diag-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.diag-alt{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}

/* pie */
.foot{padding-block:72px 40px;border-top:1px solid var(--line)}
.foot-mark{font:900 clamp(3rem,13vw,11rem)/.85 var(--f-display);text-transform:uppercase;background:linear-gradient(90deg,var(--yellow),var(--orange),var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;color:var(--muted)}
.foot-cols h3{font:700 .78rem var(--f-mono);color:var(--fg);margin-bottom:8px}
.foot-legal{margin-top:40px;font-size:.8rem;color:var(--muted)}
.wa-float{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:var(--green);color:#06210F;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.4);z-index:40}
.wa-float .ic{width:26px;height:26px}

.rise{transform:translateY(28px);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.rise.in{transform:none}

@media (max-width:1100px){
  .profs{grid-template-columns:repeat(3,1fr)}
  .posts{grid-template-columns:1fr 1fr}
  .spost,.spost4,.spost5{grid-column:span 1}
  .spost5{grid-column:span 2}
  .lab{grid-template-columns:1fr 1fr}
  .hl{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:860px){
  .menu-btn{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:8px max(18px,env(safe-area-inset-right,0px)) 18px max(18px,env(safe-area-inset-left,0px));display:none}
  .nav.open{display:flex}
  .nav-cta{margin:10px 0 0;justify-content:center}
  .hero-grid,.faq-grid,.dm-grid,.thread,.comments{grid-template-columns:1fr}
  .board{max-width:420px;justify-self:center}
  .reels{grid-template-columns:1fr;justify-items:center}
  .reel-side{width:100%}
  .reel-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,62%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .reel-list li{scroll-snap-align:start}
  .lead-prof{grid-template-columns:1fr;justify-items:start}
  .hl{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .posts{grid-template-columns:1fr}
  .spost5{grid-column:span 1}
  .spost4 .ht,.spost5 .ht{aspect-ratio:1/1}
  .profs{grid-template-columns:1fr 1fr}
  .lab{grid-template-columns:1fr}
  .fields{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
  .man-sign{grid-template-columns:1fr}
  .man-sign span{justify-self:start}
  .feedbar{grid-template-columns:1fr}
  .fb-tag{padding-bottom:0}
  .lead-prof .ring.xl{width:120px;height:120px}
}
@media (max-width:400px){.profs{grid-template-columns:1fr}.hl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .pc{translate:none}
}
@media (max-width:520px){
  .toasts{left:0;top:34%;width:56%}
  .toast{padding:7px 9px;gap:7px}
  .toast .ic{width:24px;height:24px;padding:4px}
  .toast b{font-size:.7rem}.toast small{font-size:.6rem}
  .serp{width:54%}
  .serp-ad b{font-size:.74rem}
}

/* ================= Ronda 3 · motion y material real ================= */
.reel-meta a,.rm-follow{pointer-events:auto;color:inherit;text-decoration:none}
.reel video{opacity:1}
.reel-ph{display:none}
.rl-th{background-size:cover;background-position:center}
.rl-th .ic{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.rr-av{display:block;text-decoration:none}
.rr-av i{display:grid!important;place-items:center;background:#fff!important;box-shadow:none!important;overflow:hidden}
.rr-av .vlogo{width:80%;height:80%}

/* íconos con doble golpe de impresión */
.ic-mis{color:var(--mis,var(--pink));opacity:.85}
.ic-main{color:currentColor}
.ic{overflow:visible}
.kicker .ic{--mis:var(--cyan)}
.plats li .ic{--mis:rgba(255,255,255,.35)}
.nav-cta .ic,.btn .ic{--mis:rgba(0,0,0,.25)}

/* logo vectorial */
.vlogo{display:block;overflow:visible}
.vl-p,.vl-iris,.vl-d{transform-box:view-box;transform-origin:256px 206px}
.vl-d{transform-origin:256px 360px}
.vl-iris{transition:transform .7s cubic-bezier(.3,1.5,.4,1)}
.vlogo:not(.vl-big):hover .vl-iris,.logo:hover .vl-iris{transform:rotate(51.43deg)}
.fx .vl-play .vl-p{animation:vl-in .9s cubic-bezier(.2,1.3,.35,1) both;animation-delay:calc(var(--k) * 70ms)}
.fx .vl-play .vl-d{animation:vl-drop .7s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(560ms + var(--k) * 90ms)}
@keyframes vl-in{from{transform:translate(calc(var(--ox) * 140px),calc(var(--oy) * 140px)) rotate(-150deg) scale(.15);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}
@keyframes vl-drop{from{transform:translateY(-90px) scale(.4);opacity:0}to{transform:none;opacity:1}}
.vl-mini{width:26px;height:34px}
.logo{gap:10px}

/* intro: el diafragma se arma y se abre */
.intro{display:none}
.intro-on .intro{display:grid;position:fixed;inset:0;z-index:200;place-items:center;background:var(--bg);animation:intro-out .45s cubic-bezier(.6,0,.4,1) 1.25s forwards}
.intro-in{display:grid;justify-items:center;gap:18px}
.vl-intro{width:min(180px,40vw);height:auto}
.intro-on .vl-intro .vl-p{animation:vl-in .85s cubic-bezier(.2,1.3,.35,1) both,vl-open .5s cubic-bezier(.6,0,.4,1) 1.05s forwards;animation-delay:calc(var(--k) * 45ms),1.05s}
.intro-on .vl-intro .vl-d{animation:vl-drop .6s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(520ms + var(--k) * 80ms)}
.intro-on .vl-intro .vl-iris{animation:vl-turn .4s cubic-bezier(.3,1.5,.4,1) .7s both}
@keyframes vl-turn{to{transform:rotate(51.43deg)}}
@keyframes vl-open{to{transform:translate(calc(var(--ox) * 900px),calc(var(--oy) * 900px)) rotate(90deg) scale(5);opacity:0}}
.intro-word{font:900 clamp(1.6rem,5vw,2.4rem)/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;clip-path:inset(0 100% 0 0);animation:wipe .4s cubic-bezier(.6,0,.2,1) .5s forwards}
.intro-word b{color:var(--pink)}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}
.intro-on body{overflow:hidden}

/* slogan */
.slogan{font-size:clamp(2.9rem,7.6vw,6.6rem);line-height:.9;font-weight:900;letter-spacing:-.005em}
.sl-a{display:inline}
.slogan .ransom{display:inline;font-size:1em}
.slogan .rw{margin-right:0}
.sl-grow,.sl-sell{display:inline-block;position:relative;white-space:nowrap}
.sl-y{font-size:.7em;color:var(--muted)}
.sl-bars{position:absolute;right:-.5em;top:-.05em;display:flex;align-items:flex-end;gap:3px;height:.55em}
.sl-bars b{display:block;width:.12em;background:var(--cyan);border-radius:2px;transform-origin:bottom;animation:grow 2.6s cubic-bezier(.3,1.4,.4,1) infinite}
.sl-bars b:nth-child(1){height:35%;animation-delay:.2s}.sl-bars b:nth-child(2){height:65%;animation-delay:.35s}.sl-bars b:nth-child(3){height:100%;animation-delay:.5s;background:var(--yellow)}
@keyframes grow{0%,12%{transform:scaleY(.1)}40%,85%{transform:scaleY(1)}100%{transform:scaleY(.1)}}
.sl-tag{position:absolute;right:-.3em;bottom:-.55em;font:700 clamp(.7rem,1.2vw,.9rem)/1 var(--f-body);text-transform:none;background:var(--green);color:#06210F;padding:6px 10px;border-radius:999px;display:inline-flex;gap:5px;align-items:center;transform:rotate(-6deg) scale(0);animation:stamp 3.2s cubic-bezier(.3,1.6,.5,1) 1.4s infinite}
.sl-tag .ic{--mis:rgba(0,0,0,.2)}
@keyframes stamp{0%{transform:rotate(-6deg) scale(0)}12%,80%{transform:rotate(-6deg) scale(1)}92%,100%{transform:rotate(-6deg) scale(0)}}
p.h1-sub{margin-top:.6em;font-size:clamp(1.3rem,2.8vw,2.2rem)}
.hlogo{right:0;bottom:0;width:24%;filter:drop-shadow(3px 5px 0 rgba(0,0,0,.45))}
.hlogo .vlogo{width:100%;height:auto;background:#fff;border-radius:50%;padding:12%;box-sizing:border-box}

/* cinta de logos */
.fb-track li{padding:8px 6px}
.fb-track li::before{content:none}
.fb-track li{display:grid;place-items:center}
.fb-track li img{height:46px;width:auto;max-width:150px;object-fit:contain;background:var(--bg,#fff);border-radius:10px;padding:6px 10px;box-sizing:content-box}
.fb-track li{--x:0}
.fb-track:hover{animation-play-state:paused}

/* diafragma */
.iris{padding-block:clamp(64px,9vw,120px);position:relative}
.iris.pinned{padding-block:0}
.iris.pinned .iris-pin{position:sticky;top:64px;min-height:calc(100vh - 64px);display:grid;align-content:center}
.iris-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.iris-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:6px}
.iris-list button{width:100%;display:grid;grid-template-columns:18px 1fr;gap:14px;align-items:center;text-align:left;background:transparent;border:0;border-left:2px solid var(--line);padding:8px 12px;cursor:pointer;transition:border-color .3s,background .3s,opacity .3s;opacity:.5}
.iris-list button:hover{opacity:.85}
.iris-list button.on{opacity:1;border-left-color:var(--ic);background:linear-gradient(90deg,color-mix(in srgb,var(--ic) 16%,transparent),transparent)}
.il-sw{width:18px;height:18px;border-radius:5px;background:var(--ic);transform:rotate(12deg);box-shadow:0 0 0 1.5px rgba(255,255,255,.2)}
.il-tx b{display:block;font:800 1.35rem/1 var(--f-display);text-transform:uppercase}
.il-tx small{color:var(--muted);font-size:.88rem;display:block;max-height:0;overflow:hidden;transition:max-height .4s}
.iris-list button.on small{max-height:3em}
.iris-stage{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center;display:grid;place-items:center}
.iris-ring{position:absolute;inset:4%;border-radius:50%;border:1px dashed var(--line);animation:spin 40s linear infinite}
.iris-ring.r2{inset:14%;border-style:solid;border-color:rgba(255,255,255,.06);animation-duration:60s;animation-direction:reverse}
.vl-big{width:72%;height:auto;position:relative}
.vl-big .vl-iris{transition:transform .9s cubic-bezier(.3,1.35,.4,1);transform:rotate(calc(var(--step,0) * -51.43deg))}
.vl-big .vl-p rect{transition:opacity .5s,filter .5s}
.iris[data-active] .vl-big .vl-p:not(.is-on) rect{opacity:.32;filter:saturate(.4)}
.vl-big .vl-p.is-on{animation:pop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes pop{50%{transform:translate(calc(var(--ox) * 10px),calc(var(--oy) * 10px)) scale(1.06)}}
.iris-cap{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font:400 .9rem var(--f-mono);color:var(--muted);white-space:nowrap}
.iris-cap b{font:800 1.4rem var(--f-display);text-transform:uppercase;color:var(--fg);margin-left:8px}

/* instagram */
.ig-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:clamp(18px,3vw,32px);display:grid;gap:22px}
.ig-head{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.ig-av{width:112px;height:112px;text-decoration:none}
.ig-av>i{background:#fff!important}
.ig-av .vlogo{width:68%;height:auto}
.ig-handle{font:700 1.4rem var(--f-body);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ig-chip{display:inline-flex;gap:4px;align-items:center;font-size:.72rem;background:var(--panel-3);padding:4px 9px;border-radius:999px;color:var(--muted)}
.ig-bio{color:var(--muted);margin-top:6px;font-size:.95rem}
.ig-bio b{color:var(--fg)}
.ig-follow{background:var(--blue);border-color:var(--blue);color:#fff}
.ig-follow:hover{background:var(--pink);border-color:var(--pink)}
.ig-tabs{display:flex;justify-content:center;gap:36px;border-top:1px solid var(--line);font:500 .78rem var(--f-mono);text-transform:uppercase;color:var(--muted)}
.ig-tabs span{display:flex;gap:6px;align-items:center;padding-top:12px}
.ig-tabs .on{color:var(--fg);box-shadow:inset 0 1px 0 var(--fg)}
.ig-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ig-grid li{aspect-ratio:4/5;overflow:hidden;position:relative;background:var(--panel-2)}
.ig-grid a{display:block;width:100%;height:100%;position:relative;text-decoration:none}
.ig-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ig-logo{background:var(--bg)!important}
.ig-logo img{object-fit:contain;padding:18%;box-sizing:border-box}
.ig-ov{position:absolute;inset:0;display:flex;gap:6px;align-items:center;justify-content:center;background:rgba(13,13,17,.55);color:#fff;font-weight:700;opacity:0;transition:opacity .25s;text-align:center;padding:10px}
.ig-grid a:hover .ig-ov,.ig-grid a:focus-visible .ig-ov{opacity:1}
.ig-grid a:hover img{transform:scale(1.06)}
.ig-grid li:not(.ig-logo)::after{content:"";position:absolute;right:10px;top:10px;width:18px;height:18px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2v13.6a.8.8 0 0 0 1.2.7l10.6-6.8a.8.8 0 0 0 0-1.4L9.2 4.5A.8.8 0 0 0 8 5.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2v13.6a.8.8 0 0 0 1.2.7l10.6-6.8a.8.8 0 0 0 0-1.4L9.2 4.5A.8.8 0 0 0 8 5.2z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}

/* resultados */
.res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.res{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px 20px;display:grid;gap:10px;align-content:start;position:relative;overflow:hidden}
.res::before{content:"";position:absolute;inset:auto -20% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(var(--pink),transparent 70%);opacity:.18}
.res:nth-child(2)::before{background:radial-gradient(var(--cyan),transparent 70%)}
.res:nth-child(3)::before{background:radial-gradient(var(--yellow),transparent 70%)}
.res:nth-child(4)::before{background:radial-gradient(var(--blue),transparent 70%)}
.res-n{font:900 clamp(3rem,5.6vw,4.6rem)/.9 var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.res-n::before{content:"+";color:var(--pink);margin-right:2px}
.res-flag{display:inline-flex;font:500 .68rem var(--f-mono);text-transform:uppercase;color:#111;background:var(--yellow);padding:3px 8px;border-radius:4px}
.res-bar{height:6px;border-radius:3px;background:var(--panel-3);overflow:hidden}
.res-bar i{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,var(--yellow),var(--pink));transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.fx .res:not(.counted) .res-bar i{transform:scaleX(0)}
.res-brand{font-size:.9rem;color:var(--muted)}
.res-brand b{color:var(--fg)}
.res-qual{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.res-qual li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:16px;border:1px dashed var(--line);border-radius:16px}
.rq-up{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel-3);color:var(--green)}
.res-qual p{font-size:.92rem;color:var(--muted)}
.res-qual b{display:block;color:var(--fg);margin-bottom:2px}

/* pared de logos */
.wall-l{margin-top:clamp(48px,7vw,88px)}
.wl-head{margin-bottom:22px}
.wl-head h3{font-size:clamp(2rem,4vw,3rem)}
.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.logos li{aspect-ratio:3/2;background:var(--bg,#fff);border-radius:14px;display:grid;place-items:center;padding:12%;transform:rotate(var(--r));box-shadow:3px 4px 0 rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.logos li img{max-width:100%;max-height:100%;object-fit:contain}
.logos li:hover{transform:rotate(0) scale(1.08);z-index:2}
.fx .logos:not(.in) li{transform:scale(0) rotate(-20deg)}
.fx .logos.in li{transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i) * 28ms)}
.fx .logos.in li:hover{transition-delay:0s}

/* pie con logo */
.foot-top{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,40px);align-items:center}
.foot-logo{width:clamp(90px,14vw,180px)}
.foot-logo .vlogo{width:100%;height:auto}
.foot-slogan{font:800 clamp(1.4rem,3vw,2.2rem)/1.05 var(--f-display);text-transform:uppercase;margin-top:12px;color:var(--muted)}

@media (max-width:1100px){.res-grid,.res-qual{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  .iris-grid{grid-template-columns:1fr}
  .iris-stage{max-width:360px;order:-1}
  .ig-head{grid-template-columns:auto 1fr}
  .ig-follow{grid-column:1/-1;justify-content:center}
  .ig-av{width:84px;height:84px}
}
@media (max-width:520px){
  .res-grid,.res-qual{grid-template-columns:1fr}
  .logos{grid-template-columns:repeat(3,1fr);gap:8px}
  .sl-bars{display:none}
  .hlogo{width:28%}
  .foot-top{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.vl-big .vl-iris{transition:none}}
/* ajustes */
.vl-mini{width:34px;height:34px;background:#fff;border-radius:50%;padding:4px 6px 3px;box-sizing:border-box}
.iris-stage::before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle,#FBFAF6 0 60%,#EDEBE4 100%);box-shadow:0 30px 80px -20px rgba(255,61,110,.35)}
.vl-big{width:52%}
.foot-logo{background:#FBFAF6;border-radius:50%;padding:clamp(12px,2vw,22px);box-sizing:border-box}
.foot-mark{font-size:clamp(2.6rem,9.4vw,8.6rem);white-space:nowrap}
.logos{grid-template-columns:repeat(11,1fr);gap:10px}
.logos li{aspect-ratio:auto;height:84px;display:flex;align-items:center;justify-content:center;padding:10px 12px;overflow:hidden}
.logos li img{max-height:58px;width:auto;height:auto;max-width:100%}
@media (max-width:1100px){.logos{grid-template-columns:repeat(6,1fr)}}
@media (max-width:620px){.logos{grid-template-columns:repeat(3,1fr)}.logos li{height:72px}.foot-mark{white-space:normal}}
.iris{overflow-x:clip}
@media (max-width:520px){.slogan{font-size:2.5rem}}

/* ================= Ronda 4 ================= */
/* reseñas con logo */
.cm-av{width:56px;height:56px;border-radius:14px;background:var(--bg,#fff);display:grid;place-items:center;padding:6px;overflow:hidden;box-shadow:2px 3px 0 rgba(0,0,0,.45)}
.cm{grid-template-columns:56px 1fr}
.cm-av img{max-width:100%;max-height:100%;object-fit:contain}
.cm-draft{border-style:dashed;border-color:var(--yellow)}
.cm-flag{font:500 .68rem var(--f-mono);text-transform:uppercase;color:#111;background:var(--yellow);padding:3px 8px;border-radius:4px;justify-self:start}

/* logos destacados */
.logos-feat{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.logos-feat li{height:150px;background:var(--bg,#fff);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:18px 22px;box-shadow:4px 6px 0 rgba(0,0,0,.5);position:relative;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.logos-feat li::after{content:"";position:absolute;inset:-4px;border-radius:21px;padding:2px;background:var(--ring);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}
.logos-feat li:hover{transform:translateY(-6px) rotate(-1.5deg)}
.logos-feat li:hover::after{opacity:1}
.logos-feat img{max-height:96px;max-width:100%;width:auto;object-fit:contain}
.fx .logos-feat:not(.in) li{transform:translateY(40px) scale(.85)}
.fx .logos-feat.in li{transition:transform .7s cubic-bezier(.3,1.5,.5,1) calc(var(--i) * 90ms)}

/* laboratorio */
.lab{display:grid;grid-template-columns:.95fr 1.6fr;gap:clamp(24px,4vw,48px);align-items:center;margin-top:clamp(56px,8vw,110px);background:radial-gradient(circle at 15% 30%,rgba(255,61,110,.14),transparent 50%),var(--panel);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,48px);overflow:hidden;position:relative}
.lab-head{display:grid;gap:16px;min-width:0}
.lab-title{font-size:clamp(3rem,6.6vw,6rem);line-height:.86}
.lab-title span{display:block}
.lt-2{background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--pink),var(--cyan));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 6s linear infinite}
@keyframes flow{to{background-position:300% 0}}
.lab-big{font:700 clamp(1.25rem,2vw,1.6rem)/1.3 var(--f-body);max-width:24ch}
.lab-mk{color:#111;background:linear-gradient(var(--yellow),var(--yellow)) no-repeat 0 0/100% 100%;padding:0 .15em;transition:background-size .9s cubic-bezier(.2,.8,.2,1) .3s}
.fx .lab:not(.in) .lab-mk{background-size:0 100%;color:inherit}
.lab-tape{overflow:hidden;background:var(--pink);color:#fff;transform:rotate(-2deg);margin:6px -60px 0;padding:8px 0}
.lab-tape-in{display:flex;width:max-content;animation:mq 22s linear infinite;font:800 1.05rem/1 var(--f-display);text-transform:uppercase;white-space:nowrap}
.lab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-width:0}
.lab-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:22px;padding:16px;display:grid;gap:10px;align-content:start;overflow:hidden;isolation:isolate}
.lab-exp{display:flex;justify-content:space-between;font:400 .74rem var(--f-mono);text-transform:uppercase;color:var(--muted)}
.lab-exp span:first-child{color:var(--cyan)}
.lab-orb{position:absolute;left:50%;top:44px;width:190px;height:190px;margin-left:-95px;z-index:-1}
.lo-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(255,255,255,.16);animation:spin 18s linear infinite}
.lo-ring.r2{inset:18px;border:2px solid transparent;border-top-color:var(--pink);border-right-color:var(--yellow);animation-duration:4s}
.lab-card:nth-child(2) .lo-ring.r2{border-top-color:var(--cyan);border-right-color:var(--blue);animation-duration:5s}
.lab-card:nth-child(3) .lo-ring.r2{border-top-color:var(--green);border-right-color:var(--orange);animation-duration:4.5s}
.lo-bub{position:absolute;bottom:20px;width:10px;height:10px;border-radius:50%;border:2px solid var(--cyan);opacity:0;animation:bubble 3.4s ease-in infinite}
.lo-bub.b1{left:30%}.lo-bub.b2{left:55%;animation-delay:1.1s;width:7px;height:7px;border-color:var(--pink)}.lo-bub.b3{left:72%;animation-delay:2.2s;border-color:var(--yellow)}
@keyframes bubble{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}100%{transform:translateY(-150px) scale(1.2);opacity:0}}
.lo-scan{position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan);animation:scan 2.8s ease-in-out infinite}
@keyframes scan{0%,100%{transform:translateY(-70px);opacity:0}15%,85%{opacity:1}50%{transform:translateY(70px)}}
.lab-logo{margin:18px auto 6px;width:78%;aspect-ratio:1;border-radius:50%;background:var(--bg,#fff);display:grid;place-items:center;padding:16%;box-shadow:0 0 0 6px rgba(255,255,255,.04),0 16px 40px -12px rgba(0,0,0,.8);animation:floaty 4.5s ease-in-out infinite;animation-delay:calc(var(--i) * -1.4s)}
.lab-logo img{max-width:100%;max-height:100%;object-fit:contain}
@keyframes floaty{50%{transform:translateY(-8px) rotate(-2deg)}}
.lab-what{font:900 1.5rem/1 var(--f-display);text-transform:uppercase;text-align:center}
.lab-role{font-size:.88rem;color:var(--muted);text-align:center}
.lab-ok{justify-self:center;display:inline-flex;gap:6px;align-items:center;font:700 .74rem var(--f-mono);text-transform:uppercase;color:#06210F;background:var(--green);padding:5px 10px;border-radius:999px;transform:rotate(-4deg) scale(1);transition:transform .5s cubic-bezier(.3,1.8,.5,1) calc(.6s + var(--i) * .15s)}
.lab-ok .ic{--mis:rgba(0,0,0,.2)}
.fx .lab:not(.in) .lab-ok{transform:rotate(-30deg) scale(0)}

/* pop art del equipo */
.pop{position:relative;padding:clamp(28px,5vw,56px) clamp(20px,4vw,48px);border-radius:28px;background:var(--yellow);color:#111;overflow:hidden;margin-bottom:clamp(28px,4vw,48px);isolation:isolate;border:3px solid #111;box-shadow:8px 8px 0 #111}
.pop .kicker{color:#111}.pop .kicker .ic{color:#111;--mis:var(--pink)}
.pop-dots{position:absolute;inset:-40px;z-index:-1;background-image:radial-gradient(var(--pink) 28%,transparent 30%);background-size:18px 18px;-webkit-mask-image:linear-gradient(115deg,transparent 30%,#000 75%);mask-image:linear-gradient(115deg,transparent 30%,#000 75%);animation:dots 14s linear infinite}
@keyframes dots{to{background-position:180px 90px}}
.pop-rays{position:absolute;right:-12%;top:50%;width:70%;aspect-ratio:1;margin-top:-35%;z-index:-2;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.55) 0 8deg,transparent 8deg 20deg);border-radius:50%;animation:spin 40s linear infinite}
.pop-h{font-size:clamp(2.6rem,6.6vw,6rem);line-height:.9;max-width:none}
.ph-1{display:block}
.ph-2{display:inline-block;position:relative;color:#fff;-webkit-text-stroke:3px #111;paint-order:stroke fill;text-shadow:6px 6px 0 var(--pink),12px 12px 0 #111;animation:pop-shadow 3.2s steps(1) infinite}
@keyframes pop-shadow{0%{text-shadow:6px 6px 0 var(--pink),12px 12px 0 #111}33%{text-shadow:6px 6px 0 var(--cyan),12px 12px 0 #111}66%{text-shadow:6px 6px 0 var(--blue),12px 12px 0 #111}}
.ph-3{display:block;margin-top:.3em}
.pop-bubble{display:inline-block;position:relative;font:700 clamp(1.1rem,2.2vw,1.7rem)/1.1 var(--f-body);text-transform:none;background:#fff;border:3px solid #111;border-radius:999px;padding:.5em .9em;box-shadow:4px 4px 0 #111;transform-origin:10% 100%;animation:bubble-pop 3.6s cubic-bezier(.3,1.7,.5,1) infinite}
.pop-bubble::after{content:"";position:absolute;left:24px;bottom:-16px;width:22px;height:18px;background:#fff;border:3px solid #111;border-top:0;border-left:0;clip-path:polygon(0 0,100% 0,0 100%);border-radius:0}
@keyframes bubble-pop{0%,4%{transform:scale(0) rotate(-8deg)}12%,90%{transform:scale(1) rotate(-2deg)}100%{transform:scale(0) rotate(-8deg)}}
.pop-burst{position:absolute;right:clamp(16px,4vw,48px);top:50%;width:clamp(130px,16vw,210px);aspect-ratio:1;margin-top:calc(clamp(130px,16vw,210px) / -2);display:grid;place-items:center;animation:wobble 2.4s ease-in-out infinite}
.pop-burst svg{position:absolute;inset:0;fill:var(--pink);stroke:#111;stroke-width:5;filter:drop-shadow(5px 5px 0 #111)}
.pop-burst span{position:relative;font:900 clamp(2.6rem,4.6vw,4rem)/.8 var(--f-display);color:#fff;-webkit-text-stroke:2px #111;paint-order:stroke fill;text-align:center;transform:rotate(-8deg)}
.pop-burst small{display:block;font:800 .8rem/1 var(--f-display);-webkit-text-stroke:0;color:#111;margin-top:4px}
@keyframes wobble{50%{transform:rotate(8deg) scale(1.06)}}
.fx .pop:not(.in) .pop-h > span{transform:translateY(30px);opacity:0}
.pop-h > span{transition:transform .7s cubic-bezier(.3,1.5,.5,1),opacity .4s}
.pop.in .ph-2{transition-delay:.15s}.pop.in .ph-3{transition-delay:.3s}
.fx .pop:not(.in) .pop-burst{transform:scale(0) rotate(-90deg)}
.pop-burst{transition:transform .8s cubic-bezier(.3,1.6,.5,1) .4s}

/* director con foto */
.lead-prof{grid-template-columns:minmax(220px,340px) 1fr;max-width:none;padding:clamp(16px,2.6vw,28px);gap:clamp(20px,4vw,48px);overflow:hidden}
.lp-photo{position:relative;border-radius:18px;overflow:hidden;border:3px solid #111;box-shadow:8px 8px 0 var(--pink);transform:rotate(-2deg);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.lp-photo:hover{transform:rotate(0) scale(1.02)}
.lp-photo img{display:block;width:100%;height:auto}
.lp-halo{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.35) 1.2px,transparent 1.5px);background-size:6px 6px;mix-blend-mode:multiply;opacity:.4}
.lp-photo::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-100%);animation:shine 5s ease-in-out infinite 1s;pointer-events:none}
@keyframes shine{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.lp-tx{display:grid;gap:12px;align-content:center;min-width:0}
.lp-tx h3{font-size:clamp(2.2rem,4.6vw,4rem);margin:0}
.lp-name{font:800 clamp(1.3rem,2.2vw,1.7rem)/1.1 var(--f-display);text-transform:uppercase;color:var(--yellow)}
.lp-name span{display:block;font:500 .82rem var(--f-mono);color:var(--muted);text-transform:uppercase;margin-top:4px}
.lp-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-tags li{font-weight:700;font-size:.86rem;padding:6px 12px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line)}
.lp-tags li:nth-child(1){background:var(--pink);border-color:var(--pink);color:#fff}
.lp-tx p:last-child{color:var(--muted);max-width:52ch}

@media (max-width:1100px){
  .lab{grid-template-columns:1fr}
  .logos-feat{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .lab-cards{grid-template-columns:1fr}
  .lab-card{grid-template-columns:120px 1fr;text-align:left}
  .lab-exp{grid-column:1/-1}
  .lab-orb{left:16px;top:44px;margin-left:0;width:120px;height:120px}
  .lab-logo{grid-row:span 3;width:100%;margin:0}
  .lab-what,.lab-role{text-align:left}
  .lab-ok{justify-self:start}
  .lead-prof{grid-template-columns:1fr}
  .lp-photo{max-width:360px}
  .pop-burst{position:relative;right:auto;top:auto;margin:18px 0 0 auto}
}
@media (max-width:520px){
  .logos-feat{grid-template-columns:1fr 1fr}
  .logos-feat li{height:110px}
  .logos-feat li:first-child{grid-column:1/-1}
  .ph-2{-webkit-text-stroke:2px #111;text-shadow:4px 4px 0 var(--pink),8px 8px 0 #111}
}
@media (prefers-reduced-motion:reduce){.fx .pop:not(.in) .pop-h > span{transform:none;opacity:1}}
.lab-head .lab-title{font-size:clamp(3rem,6.6vw,6rem)}
.fx .lab mark.lab-mk{background-image:linear-gradient(var(--yellow),var(--yellow));background-position:0 0}
.fx .lab.in mark.lab-mk{background-size:100% 100%;color:#111}
.fx .lab:not(.in) mark.lab-mk{background-size:0 100%;color:inherit}
.lab-exp{white-space:nowrap;font-size:.66rem}
.lab-card p.lab-ok{color:#06210F}
.lab-card p.lab-role{color:var(--muted)}
.lab-exp{gap:8px;flex-wrap:wrap}

/* ================= Ronda 5 ================= */
.wm{font:900 1.4rem/1 var(--f-display);letter-spacing:.005em}
.wm i{font-style:normal;color:var(--pink);margin-left:1px}
.intro-word{letter-spacing:0}
/* chips de marca en texto */
.bchip{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;font-weight:700}
.bchip-l{display:inline-grid;place-items:center;width:1.9em;height:1.35em;border-radius:.3em;background:var(--bg,#fff);padding:.12em .2em;vertical-align:-.3em;box-shadow:1px 2px 0 rgba(0,0,0,.45);transform:rotate(-3deg)}
.bchip-l img{max-width:100%;max-height:100%;object-fit:contain}
/* títulos recortables */
h2 .cw{display:inline-block;white-space:nowrap}
h2 .cl{display:inline-block;transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .2s,color .2s;transition-delay:var(--cd)}
h2.cut .cl{transform:rotate(var(--cr)) translateY(-.04em);padding:0 .03em;box-shadow:2px 2px 0 rgba(0,0,0,.5)}
h2.cut .cl0{background:var(--fg);color:#111}
h2.cut .cl1{background:var(--pink);color:#fff}
h2.cut .cl2{background:var(--yellow);color:#111;font-family:var(--f-body);font-weight:700;font-size:.82em}
h2.cut .cl3{background:#111;color:#fff;outline:2px solid #fff;outline-offset:-2px}
h2.cut .cl4{background:var(--cyan);color:#111}
h2.cut .cl5{background:var(--blue);color:#fff;font-family:var(--f-mono);font-size:.78em;text-transform:lowercase}
h2{cursor:default}
/* servicios: ticker de ventas */
.svc-head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.hl-sell{position:relative;display:inline-block}
.hl-sell::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;background:var(--green);transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) .3s}
.svc-head.played .hl-sell::after{transform:scaleX(1)}
.sales-ticker{width:260px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:6px;overflow:hidden;position:relative}
.st-lbl{display:flex;gap:6px;align-items:center;font:400 .72rem var(--f-mono);text-transform:uppercase;color:var(--muted)}
.st-n{font:900 3.4rem/1 var(--f-display);color:var(--green);font-variant-numeric:tabular-nums}
.st-n span{display:inline-block}
.st-n .bump{animation:bump .5s cubic-bezier(.3,1.8,.5,1)}
@keyframes bump{40%{transform:translateY(-6px) scale(1.08)}}
.st-feed{height:84px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.st-feed span{position:absolute;left:0;right:0;font-size:.8rem;background:var(--panel-2);border-radius:8px;padding:5px 9px;opacity:0;transform:translateY(80px)}
.svc-head.play .st-feed span{animation:feedup 11.5s linear infinite;animation-delay:calc(var(--i) * 2.3s)}
@keyframes feedup{0%{transform:translateY(84px);opacity:0}4%{opacity:1}20%{transform:translateY(-30px);opacity:1}24%,100%{transform:translateY(-40px);opacity:0}}
/* servicios: tarjetas animadas */
.fx .spost{transition:transform .8s cubic-bezier(.3,1.4,.5,1) calc(var(--i) * 90ms)}
.spost.play .mk-grid i{animation:tile .5s cubic-bezier(.3,1.6,.5,1) both}
.spost.play .mk-grid i:nth-child(n){animation-delay:calc(var(--n,0) * 60ms)}
.mk-grid i:nth-child(1){--n:1}.mk-grid i:nth-child(2){--n:2}.mk-grid i:nth-child(3){--n:3}.mk-grid i:nth-child(4){--n:4}.mk-grid i:nth-child(5){--n:5}.mk-grid i:nth-child(6){--n:6}.mk-grid i:nth-child(7){--n:7}.mk-grid i:nth-child(8){--n:8}.mk-grid i:nth-child(9){--n:9}
@keyframes tile{from{transform:scale(0) rotate(-12deg)}}
.mk-bar i{transform-origin:left}
.spost.play .mk-bar i{animation:barg 1.2s cubic-bezier(.2,.8,.2,1) both}
.mk-row:nth-child(3) .mk-bar i{animation-delay:.15s}.mk-row:nth-child(4) .mk-bar i{animation-delay:.3s}
@keyframes barg{from{transform:scaleX(0)}}
.mk-spark path:first-child{stroke-dasharray:320;stroke-dashoffset:320}
.spost.play .mk-spark path:first-child{animation:draw 1.6s ease-out .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.spost.play .mk-buy{animation:press 2.4s ease-in-out infinite 1s}
@keyframes press{0%,70%,100%{transform:none}78%{transform:scale(.94);background:#1E4BC0}}
.spost.play .mk-box{animation:boxbob 2.4s ease-in-out infinite}
@keyframes boxbob{50%{transform:translateY(-6px) rotate(6deg)}}
.spost.play .mk-prog i{animation:prog 6s linear infinite}
@keyframes prog{from{width:0}to{width:100%}}
.spost.play .mk-rail span:first-child .ic{animation:heartb 1.2s ease-in-out infinite}
@keyframes heartb{30%{transform:scale(1.25)}}
.spost.play .mk-story{animation:story 3.6s ease-in-out infinite}
.spost.play .mk-story:nth-child(2){animation-delay:.4s}.spost.play .mk-story:nth-child(3){animation-delay:.8s}
@keyframes story{50%{translate:0 -8px}}
.spost.play .mk-sticker{animation:stamp2 3s cubic-bezier(.3,1.8,.5,1) infinite}
@keyframes stamp2{0%,10%{scale:0}20%,85%{scale:1}100%{scale:0}}
/* videos: el scroll que frena */
.vids{position:relative;overflow:hidden}
.scrollfeed{position:absolute;right:-40px;top:-40px;bottom:-40px;width:min(44vw,560px);display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:.18;transform:rotate(8deg);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.sf-col{display:grid;gap:10px;align-content:start;transform:translateY(-62%)}
.sf-col img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:14px}
.scrollfeed.play .sf-col{animation:sfstop 2.6s cubic-bezier(.08,.75,.2,1) forwards}
.scrollfeed.play .sf-col.r{animation-name:sfstop2}
@keyframes sfstop{from{transform:translateY(-62%)}to{transform:translateY(-8%)}}
@keyframes sfstop2{from{transform:translateY(0)}to{transform:translateY(-48%)}}
.vids .wrap{position:relative}
.stop-word{position:relative;display:inline-block}
.stop-sign{position:absolute;right:-.2em;top:-.9em;font:900 .42em/1 var(--f-display);font-style:normal;color:#fff;background:var(--red);padding:.25em .45em;border-radius:.2em;border:3px solid #fff;box-shadow:3px 3px 0 #000;transform:rotate(8deg) scale(0)}
.vid-head.played .stop-sign{animation:stopin .7s cubic-bezier(.3,1.9,.5,1) 2.2s forwards}
@keyframes stopin{to{transform:rotate(8deg) scale(1)}}
.vids .reels{position:relative}
/* reseñas: logo más grande */
.cm{grid-template-columns:84px 1fr;gap:18px}
.cm-av{width:84px;height:84px;border-radius:18px;padding:10px;transform:rotate(-3deg)}
.cm:nth-child(even) .cm-av{transform:rotate(3deg)}
.cm-flag{opacity:.85}
/* resultados con logo */
.res-brand{display:flex;gap:10px;align-items:center}
.res-logo{flex:0 0 52px;height:38px;border-radius:8px;background:var(--bg,#fff);display:grid;place-items:center;padding:4px 6px}
.res-logo img{max-width:100%;max-height:100%;object-fit:contain}
.rq-up{width:44px;height:44px;background:var(--bg,#fff);padding:5px}
.rq-up img{max-width:100%;max-height:100%;object-fit:contain}
.res-qual li{grid-template-columns:44px 1fr}
/* créditos en stop motion */
.wl-sub{color:var(--muted);font:400 .82rem var(--f-mono);margin-top:6px}
.wall-l.play .logos li,.wall-l.play .logos-feat li{animation:boil .375s steps(1) infinite;animation-delay:calc(var(--i) * -0.125s)}
@keyframes boil{0%{translate:0 0;rotate:0deg}33%{translate:1px -1px;rotate:.8deg}66%{translate:-1px 1px;rotate:-.6deg}}
.fx .wall-l .logos li{transition:none}
.fx .logos:not(.in) li{transform:scale(0)}
.fx .logos.in li{animation:none}
.wall-l.play .logos.in li{animation:popstep .5s steps(4) both,boil .375s steps(1) infinite;animation-delay:calc(var(--i) * 70ms),calc(var(--i) * -0.125s)}
@keyframes popstep{from{transform:scale(0) rotate(-25deg)}to{transform:rotate(var(--r))}}
.logos li{transform:rotate(var(--r))}
/* laboratorio: frasco */
.flask{position:relative;width:150px;height:190px;margin:4px 0 0}
.flask svg{width:100%;height:100%;overflow:visible}
.fk-liq{transform:translateY(40px);transition:transform 2s cubic-bezier(.2,.8,.2,1)}
.flask.played .fk-liq{transform:translateY(-10px)}
.fk-wave{animation:wave 3s linear infinite}
.fk-wave.w2{animation-duration:4.5s;animation-direction:reverse}
@keyframes wave{to{transform:translateX(-80px)}}
.flask.play .fk-b{animation:fkb 2.4s ease-in infinite;animation-delay:calc(var(--i) * .35s)}
@keyframes fkb{from{transform:translateY(0);opacity:.7}to{transform:translateY(-110px);opacity:0}}
.fk-out{position:absolute;left:50%;top:0;width:56px;height:40px;margin-left:-28px;border-radius:10px;background:var(--bg,#fff);display:grid;place-items:center;padding:5px;box-shadow:2px 3px 0 rgba(0,0,0,.5);opacity:0}
.fk-out img{max-width:100%;max-height:100%;object-fit:contain}
.flask.play .fk-out{animation:fkout 4.5s cubic-bezier(.3,1.2,.5,1) infinite;animation-delay:calc(var(--i) * 1.5s)}
@keyframes fkout{0%{transform:translate(0,40px) scale(.2);opacity:0}15%{opacity:1}55%{transform:translate(calc((var(--i) - 1) * 90px),-80px) scale(1) rotate(calc((var(--i) - 1) * 12deg));opacity:1}80%,100%{transform:translate(calc((var(--i) - 1) * 120px),-110px) scale(.9);opacity:0}}
.lab-head{position:relative}
.lab-cards{position:relative}
.lab-pipe{position:absolute;left:4%;right:4%;top:118px;width:92%;height:20px;z-index:0;overflow:visible;pointer-events:none}
.lab-pipe path{stroke:var(--line);stroke-width:3;stroke-dasharray:8 8;fill:none}
.lab-pipe circle{fill:var(--yellow);filter:drop-shadow(0 0 6px var(--yellow))}
.lab-cards.play .lab-pipe circle{animation:pipe 3s ease-in-out infinite}
@keyframes pipe{from{transform:translateX(0)}to{transform:translateX(900px)}}
.lab-card{z-index:1}
.lab-cards.play .lab-card{animation:cardglow 3s ease-in-out infinite;animation-delay:calc(var(--i) * 1s)}
@keyframes cardglow{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 2px var(--yellow),0 0 30px -6px var(--yellow)}}
/* equipo: nombres */
.pf-name span{font-size:.62rem;background:var(--yellow);color:#111;padding:1px 5px;border-radius:3px;margin-left:4px;text-transform:uppercase}
.prof:hover .ring{animation:spinring .8s cubic-bezier(.3,1.5,.5,1)}
@keyframes spinring{to{transform:rotate(360deg)}}
/* proceso */
.proc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.proc .hl{display:grid;grid-template-columns:1fr;gap:6px;margin-top:28px}
.proc .hl li{display:block;text-align:left}
.proc .hl button{width:100%;display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;background:transparent;border:0;padding:8px;border-radius:14px;cursor:pointer;text-align:left;opacity:.55;transition:opacity .3s,background .3s}
.proc .hl button.on{opacity:1;background:var(--panel)}
.proc .hl button.done{opacity:.8}
.proc .hl-r{width:56px;height:56px}
.proc .hl-r b{font-size:1.6rem}
.hl-tx b{display:block;font:800 1.4rem/1 var(--f-display);text-transform:uppercase}
.hl-tx small{display:block;color:var(--muted);font-size:.9rem;max-height:0;overflow:hidden;transition:max-height .4s}
.proc .hl button.on small{max-height:4em}
.proc-anim{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:18px;aspect-ratio:5/4}
.proc-anim svg{width:100%;height:auto;overflow:visible}
.pa-grid line{stroke:var(--line);stroke-dasharray:4 6}
.pa-line{fill:none;stroke:url(#none);stroke:var(--pink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset 1s cubic-bezier(.3,.8,.3,1)}
.pa-area{fill:var(--pink);opacity:0;transition:opacity .8s}
.proc.final .pa-area{opacity:.12}
.pa-node circle{fill:var(--panel-2);stroke:var(--line);stroke-width:2;transition:fill .3s,stroke .3s,transform .4s cubic-bezier(.3,1.8,.5,1)}
.pa-node .pa-ic{color:var(--muted)}
.pa-node .pa-ic .ic{width:24px;height:24px}
.pa-node text{font:700 13px var(--f-mono);fill:var(--muted);text-transform:uppercase}
.pa-node.done circle{fill:#2A1220;stroke:var(--pink)}
.pa-node.done .pa-ic{color:#fff}
.pa-node.on circle{fill:var(--pink);transform:scale(1.25)}
.pa-node.on text{fill:var(--fg)}
.pa-dot{fill:var(--yellow);filter:drop-shadow(0 0 8px var(--yellow));transition:transform 1s cubic-bezier(.3,.8,.3,1)}
.pa-cap{font:400 .9rem var(--f-mono);color:var(--muted);margin-top:6px}
.pa-cap b{font:800 1.3rem var(--f-display);text-transform:uppercase;color:var(--fg);margin-left:6px}
.pa-ticket{position:absolute;right:18px;top:18px;background:var(--green);color:#06210F;border-radius:14px;padding:10px 14px;display:grid;transform:scale(0) rotate(-10deg);transition:transform .6s cubic-bezier(.3,1.8,.5,1)}
.pa-ticket small{font:500 .64rem var(--f-mono);text-transform:uppercase}
.pa-ticket b{font:900 2.2rem/1 var(--f-display)}
.pa-ticket span{font-size:.7rem}
.proc.final .pa-ticket{transform:rotate(-6deg)}
/* asesoramiento comercial */
.comm{background:linear-gradient(180deg,var(--bg),#101523 50%,var(--bg))}
.comm-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.comm-copy{display:grid;gap:18px;justify-items:start}
.comm-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.ci{display:grid;grid-template-columns:44px 1fr;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
.ci-ic{width:44px;height:44px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center}
.ci-ic .ic{width:22px;height:22px;--mis:rgba(255,255,255,.35)}
.ci h3{font-size:1.2rem;margin-bottom:4px}
.ci p{font-size:.88rem;color:var(--muted)}
.funnel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:10px;position:relative}
.fn-t{font:400 .74rem var(--f-mono);text-transform:uppercase;color:var(--muted)}
.fn-row{display:flex;justify-content:center}
.fn-bar{display:flex;justify-content:space-between;align-items:center;width:var(--v);min-width:150px;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;transform-origin:center;transform:scaleX(.05);transition:transform .9s cubic-bezier(.3,1.3,.5,1) calc(var(--i) * .18s)}
.fn-row:nth-child(5) .fn-bar{background:linear-gradient(90deg,var(--green),#1FA866);color:#06210F}
.funnel.played .fn-bar{transform:none}
.fn-bar b{font:800 1.1rem var(--f-display);text-transform:uppercase}
.fn-bar i{font:900 1.4rem var(--f-display);font-style:normal}
.fn-chat{display:grid;gap:6px;margin-top:8px}
.fn-chat p{max-width:80%;padding:8px 12px;border-radius:14px;font-size:.88rem;opacity:0;transform:translateY(10px)}
.fc-in{background:var(--panel-3);justify-self:start;border-bottom-left-radius:4px}
.fc-out{background:var(--green);color:#06210F;justify-self:end;border-bottom-right-radius:4px}
.fc-ok{justify-self:center;display:flex;gap:6px;align-items:center;font:700 .78rem var(--f-mono)!important;text-transform:uppercase;color:var(--yellow);border:1px dashed var(--yellow)}
.funnel.play .fn-chat p{animation:chat 7s ease-out infinite}
.funnel.play .fc-out{animation-delay:1.2s!important}.funnel.play .fc-ok{animation-delay:2.4s!important}
@keyframes chat{0%,4%{opacity:0;transform:translateY(10px)}10%,85%{opacity:1;transform:none}95%,100%{opacity:0}}
.fn-crm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;font:400 .72rem var(--f-mono);color:var(--muted)}
.fn-crm span{background:var(--yellow);color:#111;padding:3px 7px;border-radius:4px;font-weight:700}
.fn-crm i{font-style:normal;padding:3px 8px;border:1px solid var(--line);border-radius:999px}
.funnel.play .fn-crm i{animation:crm 4s steps(1) infinite;animation-delay:calc(var(--i) * 1s)}
@keyframes crm{0%,24%{background:var(--blue);color:#fff;border-color:var(--blue)}25%,100%{background:transparent;color:var(--muted)}}
/* cursos */
.cr-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.cr-vid{margin:0;display:grid;gap:8px}
.cr-vid.corp{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:22px}
.cr-frame{position:relative;border-radius:18px;overflow:hidden;border:3px solid #111;box-shadow:6px 6px 0 var(--yellow);background:#000}
.cr-vid.corp .cr-frame{box-shadow:6px 6px 0 var(--red)}
.cr-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.cr-tag{position:absolute;left:12px;top:12px;display:inline-flex;gap:6px;align-items:center;background:var(--yellow);color:#111;font:700 .78rem var(--f-mono);text-transform:uppercase;padding:5px 10px;border-radius:999px;pointer-events:none}
.cr-vid figcaption{font-size:.86rem;color:var(--muted)}
.cr-vid.corp figcaption{font:800 clamp(1.4rem,2.6vw,2rem)/1.1 var(--f-display);text-transform:uppercase;color:var(--fg)}
.cr-list{display:grid;gap:10px;align-content:start;justify-items:start}
.cr{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;transition:transform .3s cubic-bezier(.3,1.6,.5,1),border-color .3s}
.cr:hover{transform:translateX(6px) rotate(-.5deg);border-color:var(--yellow)}
.cr-n{font:900 1.8rem/1 var(--f-display);color:var(--yellow)}
.cr h3{font-size:1.3rem}
.cr p{font-size:.88rem;color:var(--muted)}
.cr-pin{font:500 .66rem var(--f-mono);text-transform:uppercase;background:var(--panel-3);padding:4px 8px;border-radius:999px}
.cr-yt{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--fg)}
.cr-yt .ic{color:var(--red)}
@media (max-width:960px){
  .svc-head,.proc,.comm-grid,.cr-grid,.cr-vid.corp{grid-template-columns:1fr}
  .sales-ticker{width:100%;grid-template-columns:auto 1fr;align-items:center}
  .st-feed{grid-column:1/-1}
  .scrollfeed{width:70vw;opacity:.12}
  .comm-items{grid-template-columns:1fr}
}
@media (max-width:520px){
  .cm{grid-template-columns:60px 1fr}
  .cm-av{width:60px;height:60px}
  .stop-sign{top:-1.1em;right:0}
  .cr{grid-template-columns:auto 1fr}
  .cr-pin{display:none}
}

.bchip{display:inline;white-space:nowrap}
.bchip-l{display:inline-grid;vertical-align:-.28em;margin-right:.28em;width:2em;height:1.3em}
.cm-av img,.res-logo img,.rq-up img,.bchip-l img,.fk-out img{width:100%;height:100%;object-fit:contain}
@keyframes fkout{0%{transform:translate(0,40px) scale(.2);opacity:0}15%{opacity:1}55%{transform:translate(calc(110px + var(--i) * 30px),calc(-10px - var(--i) * 34px)) scale(1) rotate(calc((var(--i) - 1) * 10deg));opacity:1}85%,100%{transform:translate(calc(190px + var(--i) * 40px),calc(-30px - var(--i) * 40px)) scale(.85);opacity:0}}
.fk-out{top:60px}
.lab-head{overflow:visible}
@media (max-width:1100px){.flask{display:none}}
.proc .hl button.on small{max-height:7em}

/* ================= Ronda 6 ================= */
.picon{width:1.15em;height:1.15em;object-fit:contain;display:inline-block;vertical-align:-.2em}
/* instagram con publicaciones reales */
.ig-grid{grid-template-columns:repeat(5,1fr)}
.ig-post img{object-fit:cover}
.ig-grid li{animation:none}
.fx .ig-grid li{transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.ig-grid li:hover{transform:translateY(-4px) rotate(-1deg);z-index:2}
@media (max-width:860px){.ig-grid{grid-template-columns:repeat(3,1fr)}}
/* la próxima puede ser la tuya */
.logos li.next-you{background:transparent;border:2px dashed var(--yellow);box-shadow:none;padding:0;grid-column:span 2;animation:nextpulse 1.6s ease-in-out infinite}
.next-you a{display:flex;align-items:center;gap:10px;width:100%;height:100%;padding:8px 12px;text-decoration:none;color:var(--fg)}
.ny-plus{flex:0 0 46px;height:46px;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center;animation:spin 6s linear infinite}
.ny-plus .ic{width:24px;height:24px;stroke-width:3;--mis:var(--pink)}
.ny-tx{font:800 1.05rem/1.05 var(--f-display);text-transform:uppercase}
.ny-tx b{display:block;font-size:1.5em;color:var(--yellow)}
.next-you:hover .ny-plus{animation-duration:1s}
@keyframes nextpulse{50%{border-color:var(--pink);transform:rotate(-4deg) scale(1.04)}}
.wall-l.play .logos.in li.next-you{animation:popstep .5s steps(4) both,nextpulse 1.6s ease-in-out infinite;animation-delay:1.6s,2s}
@media (max-width:620px){.logos li.next-you{grid-column:span 3}}
/* producción */
.wk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.wk{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.wk:hover{transform:translateY(-4px) rotate(-.4deg)}
.wk1{grid-column:span 2;grid-template-columns:1.4fr 1fr;grid-template-rows:none}
.wk-media{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.wk1 .wk-media{aspect-ratio:auto;min-height:100%}
.wk-media video{width:100%;height:100%;object-fit:cover;display:block}
.wk-body{padding:18px 20px 22px;display:grid;gap:8px;align-content:start}
.wk1 .wk-body{padding:28px;align-content:center}
.wk1 h3{font-size:clamp(2.4rem,4.4vw,3.8rem)}
.wk-kind{font:400 .74rem var(--f-mono);text-transform:uppercase;color:var(--cyan)}
.wk h3{font-size:1.8rem}
.wk-client{display:flex;gap:8px;align-items:center;font-weight:700}
.wk-client .bchip-l{width:52px;height:32px;transform:none}
.wk-text{color:var(--muted);font-size:.95rem}
.wk-link{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--fg)}
.wk-link .ic{color:var(--red)}
.wk-yt{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;text-decoration:none;color:#fff}
.wk-yt-bg{position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#1a1a22 0 14px,#15151c 14px 28px)}
.wk3 .wk-yt-bg{background:radial-gradient(circle at 30% 40%,var(--cyan),transparent 50%),radial-gradient(circle at 75% 60%,var(--pink),transparent 50%),#111}
.wk4 .wk-yt-bg{background:radial-gradient(circle at 60% 40%,var(--red),transparent 55%),radial-gradient(circle at 20% 80%,var(--yellow),transparent 45%),#111}
.wk-yt-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.45) 1.2px,transparent 1.5px);background-size:6px 6px}
.wk-play{position:relative;width:74px;height:52px;border-radius:14px;background:var(--red);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.wk-play .ic{width:26px;height:26px;--mis:rgba(0,0,0,.25)}
.wk-yt:hover .wk-play{transform:scale(1.12)}
.wk-yt-tx{position:relative;font:700 .8rem var(--f-mono);text-transform:uppercase}
/* prototipo animado */
.proto{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#2a1530,#0d0d11 70%)}
.pt-phone{width:30%;min-width:110px;aspect-ratio:9/18;border-radius:22px;border:5px solid #2C2C36;background:#000;overflow:hidden;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.6)}
.pt-feed{position:absolute;inset:0 0 14% 0;overflow:hidden}
.pt-clip{position:absolute;inset:0;background:linear-gradient(170deg,var(--cc),var(--panel-3));display:block}
.pt-clip:nth-child(1){transform:translateY(0)}
.wk.play .pt-clip{animation:ptswipe 8s cubic-bezier(.7,0,.3,1) infinite}
.pt-clip:nth-child(2){--o:1}.pt-clip:nth-child(3){--o:2}.pt-clip:nth-child(4){--o:3}
.pt-clip{transform:translateY(calc(var(--o,0) * 100%))}
@keyframes ptswipe{0%,20%{translate:0 0}25%,45%{translate:0 -100%}50%,70%{translate:0 -200%}75%,100%{translate:0 -300%}}
.pt-cut{position:absolute;left:20%;top:22%;width:60%;height:40%;background:#111;opacity:.8;clip-path:polygon(50% 0,64% 10%,70% 32%,92% 46%,100% 100%,0 100%,10% 46%,32% 32%,38% 10%)}
.pt-rail{position:absolute;right:6%;bottom:12%;display:grid;gap:8px}
.pt-rail i{width:14px;height:14px;border-radius:50%;background:#fff;opacity:.85}
.pt-rail i:first-child{background:var(--pink)}
.pt-cap{position:absolute;left:8%;bottom:8%;display:grid;gap:4px;width:55%}
.pt-cap b{height:6px;border-radius:3px;background:#fff;opacity:.8}.pt-cap b+b{width:70%;opacity:.5}
.pt-nav{position:absolute;left:0;right:0;bottom:0;height:14%;background:#0a0a0d;display:flex;justify-content:space-around;align-items:center}
.pt-nav i{width:10px;height:10px;border-radius:3px;background:#555}
.pt-nav b{width:26px;height:16px;border-radius:5px;background:#fff;color:#111;font:900 .8rem/16px var(--f-body);text-align:center;box-shadow:-3px 0 var(--cyan),3px 0 var(--pink)}
.pt-note{position:absolute;font:400 .78rem var(--f-mono);color:#111;background:var(--yellow);padding:4px 8px;border-radius:4px;transform:rotate(-4deg);box-shadow:2px 2px 0 #000}
.pt-note.n1{left:12%;top:24%}.pt-note.n2{right:10%;top:44%;background:var(--pink);color:#fff;transform:rotate(5deg)}.pt-note.n3{left:16%;bottom:18%;background:#fff}
.wk.play .pt-note{animation:notebob 3s ease-in-out infinite}
.wk.play .pt-note.n2{animation-delay:1s}.wk.play .pt-note.n3{animation-delay:2s}
@keyframes notebob{50%{translate:0 -6px}}
/* banda de llamado */
.cta-band{padding-block:0;position:relative;overflow:hidden;background:var(--yellow);color:#111;border-block:3px solid #111}
.cb-track{display:flex;width:max-content;animation:mq 26s linear infinite;font:900 clamp(2.2rem,5vw,4rem)/1 var(--f-display);text-transform:uppercase;white-space:nowrap;padding:18px 0;opacity:.16}
.cb-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.cb-in p{font:900 clamp(1.4rem,3vw,2.4rem)/1 var(--f-display);text-transform:uppercase}
.cb-in .btn{background:#111;color:#fff;border-color:#111}
.cb-in .btn:hover{background:var(--pink);border-color:var(--pink)}
@media (max-width:860px){.wk-grid{grid-template-columns:1fr}.wk1{grid-column:auto;grid-template-columns:1fr}.wk1 .wk-media{aspect-ratio:16/9}}
@media (max-width:620px){.cta-band{padding-block:14px}.cb-track{display:none}.cb-in{position:static;flex-direction:column;gap:12px;padding-block:18px}}
.ig-grid li:not(.ig-reel)::after{display:none}
.cm-av img{width:64px;height:64px;max-width:none;max-height:none}
@media (max-width:520px){.cm-av img{width:46px;height:46px}}
.cb-track{opacity:.08}
.cb-in p{background:var(--yellow);padding:4px 10px}
.wk-grid{grid-template-columns:repeat(3,1fr)}
.wk1{grid-column:span 3}
.wk-client .bchip-l{display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.wk-client .bchip-l img{width:44px;height:26px;object-fit:contain}
.wk h3{font-size:1.6rem}
@media (max-width:960px){.wk-grid{grid-template-columns:1fr}.wk1{grid-column:auto}}

/* ================= Ronda 7 · retratos póster ================= */
.prof{padding:12px 12px 16px;text-align:left;justify-items:stretch}
.pf-poster{border-radius:12px;overflow:hidden;border:3px solid #111;box-shadow:5px 5px 0 #000;transform:rotate(-1.2deg);transition:transform .45s cubic-bezier(.3,1.6,.5,1);margin-bottom:6px}
.prof:nth-child(even) .pf-poster{transform:rotate(1.2deg)}
.prof:hover .pf-poster{transform:rotate(0) scale(1.03)}
.poster{display:block;width:100%;height:auto}
.po-big{font:700 46px/1 "Amatic SC","Big Shoulders Display",sans-serif;fill:#fff;letter-spacing:1px}
.po-side{font:700 17px/1 "Amatic SC",sans-serif;fill:#fff}
.po-bar{font:700 17px/1 "Amatic SC",sans-serif;fill:#fff;letter-spacing:2px}
.po-bust{transform-origin:100px 230px;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.prof:hover .po-bust{transform:scale(1.04) translateY(-3px)}
.po-torn{transform-origin:100px 0;animation:tornwave 6s ease-in-out infinite}
@keyframes tornwave{50%{transform:scaleY(1.03) skewX(-1deg)}}
.pf-role{justify-content:flex-start;font-size:1.3rem}
.pf-tag{text-align:left}
.pf-bio{text-align:left;min-height:6.6em}
.pf-name{display:grid;grid-template-columns:4ch 1fr;gap:1ch;font:500 .92rem/1 var(--f-mono)!important;color:var(--fg)!important;border-top:1px dashed var(--line);padding-top:10px;margin-top:auto;text-align:left;white-space:nowrap}
.pn-nick{color:var(--yellow)}
.prof .ring{display:none}
@media (prefers-reduced-motion:reduce){.po-torn{animation:none}}
.pf-name span{background:none!important;color:inherit;padding:0!important;margin:0!important;font:inherit!important;text-transform:none!important;border-radius:0}
.pf-name .pn-nick{color:var(--yellow)!important}
.pf-role{min-height:2.1em;align-items:flex-start}
.po-bar{letter-spacing:3px}
@media (max-width:620px){.profs{grid-template-columns:1fr 1fr;gap:10px}.prof{padding:8px 8px 12px}.pf-role{font-size:1.05rem}.pf-bio{font-size:.8rem;min-height:0}.pf-name{font-size:.8rem!important}}

/* ================= Ronda 8 ================= */
/* especialidades en círculo */
.specs{margin-top:44px}
.spec-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:28px 18px}
.spec{display:grid;justify-items:center;text-align:center;gap:8px;align-content:start}
.sb{display:block;width:clamp(110px,11vw,150px);aspect-ratio:1;filter:drop-shadow(6px 6px 0 #000);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.sb svg{width:100%;height:100%;overflow:visible}
.sb-orbit{stroke:var(--sc2);stroke-width:2.5;stroke-dasharray:6 7;transform-origin:50px 50px;animation:spin 12s linear infinite}
.spec:hover .sb{transform:rotate(-10deg) scale(1.08)}
@keyframes icbounce{40%{transform:translate(14px,14px) scale(.8) rotate(-8deg)}}
.fx .specs:not(.played) .sb{transform:scale(0) rotate(-120deg)}
.specs.played .sb{animation:sbin .7s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * 80ms)}
@keyframes sbin{from{transform:scale(0) rotate(-120deg)}}
.spec h4{font:900 1.35rem/1 var(--f-display);text-transform:uppercase;min-height:2em;display:flex;align-items:center}
.spec p{color:var(--muted);font-size:.88rem;max-width:22ch;min-height:2.8em}
.spec-btn{display:inline-flex;gap:6px;align-items:center;justify-content:center;font-weight:700;font-size:.84rem;text-decoration:none;background:var(--green);color:#06210F;padding:9px 12px;border-radius:999px;border:2px solid #111;box-shadow:3px 3px 0 #000;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .25s;white-space:nowrap}
.spec-btn .ic{--mis:rgba(0,0,0,.2);width:1em;height:1em}
.spec-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}
@media (max-width:1100px){.spec-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.spec-grid{grid-template-columns:1fr 1fr;gap:24px 10px}.sb{width:96px}.spec h4{font-size:1.1rem}.spec p{font-size:.8rem}.spec-btn{font-size:.72rem;padding:8px 10px;white-space:normal}}
/* IA */
.ai{position:relative;overflow:hidden;background:#FF3D6E;color:#111;border-block:3px solid #111}
.ai-dots{position:absolute;inset:-40px;background-image:radial-gradient(#111 22%,transparent 24%);background-size:16px 16px;opacity:.16;-webkit-mask-image:linear-gradient(120deg,#000 10%,transparent 60%);mask-image:linear-gradient(120deg,#000 10%,transparent 60%);animation:dots 18s linear infinite}
.ai .kicker{color:#111}.ai .kicker .ic{color:#111;--mis:var(--yellow)}
.ai-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
.ai-copy{display:grid;gap:16px;justify-items:start;min-width:0}
.ai h2{color:#111}
.ai .lead{color:#2A0A14;font-size:1.15rem}
.ai-big{position:relative;font-size:clamp(5rem,14vw,11rem);line-height:.8;margin:0 0 4px}
.ai-big .ransom{font-size:1em}
.ai-big .rl{box-shadow:6px 6px 0 #111;border:3px solid #111}
.ai.play .ai-big .rl{animation:glitch 3.2s steps(1) infinite}
.ai.play .ai-big .rl:nth-child(2){animation-delay:.4s}
@keyframes glitch{0%,86%{translate:0 0;text-shadow:none}88%{translate:-4px 2px;text-shadow:4px 0 var(--cyan),-4px 0 var(--yellow)}90%{translate:4px -2px}92%{translate:0 0;text-shadow:none}}
.ai-burst{position:absolute;left:calc(100% + 4px);top:-.05em;width:4.6em;aspect-ratio:1;display:grid;place-items:center;font-size:.2em;animation:wobble 2.4s ease-in-out infinite}
.ai-copy .ai-big{display:inline-block}
.ai-burst svg{position:absolute;inset:0;fill:var(--yellow);stroke:#111;stroke-width:6}
.ai-burst b{position:relative;font:900 1em/1 var(--f-display);text-transform:uppercase;transform:rotate(-10deg)}
.ai-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ai-tools li{font:800 1.1rem/1 var(--f-display);text-transform:uppercase;background:#111;color:#fff;padding:8px 14px;border-radius:999px;transform:rotate(calc((var(--i) - 1.5) * 2deg))}
.ai.play .ai-tools li{animation:toolbob 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes toolbob{50%{translate:0 -5px}}
.ai-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.aii{display:grid;grid-template-columns:40px 1fr;gap:10px;background:#FFF5F7;border:3px solid #111;border-radius:16px;padding:12px;box-shadow:4px 4px 0 #111}
.aii-ic{width:40px;height:40px;border-radius:10px;background:var(--yellow);border:2px solid #111;display:grid;place-items:center;color:#111}
.aii-ic .ic{--mis:var(--pink)}
.aii h3{font-size:1.15rem;margin-bottom:3px}
.aii p{font-size:.85rem;color:#3A2A30}
.ai-cta{background:#111;color:#fff;border-color:#111}
.ai-cta:hover{background:var(--yellow);color:#111;border-color:#111}
.ai-stage{display:grid;gap:18px;min-width:0}
.ai-chat{background:#0D0D11;color:var(--fg);border:3px solid #111;border-radius:22px;box-shadow:10px 10px 0 #111;padding:0 0 18px;overflow:hidden;transform:rotate(1.5deg)}
.ac-top{display:flex;gap:6px;align-items:center;padding:12px 16px;background:#1F1F28;font:400 .78rem var(--f-mono);color:var(--muted)}
.ac-top b{margin-left:8px;font-weight:400}
.ac-dot{width:10px;height:10px;border-radius:50%;background:#444}.ac-dot:first-child{background:var(--pink)}.ac-dot:nth-child(2){background:var(--yellow)}
.ac-q{margin:16px 16px 0 auto;max-width:86%;background:var(--blue);color:#fff;border-radius:18px 18px 4px 18px;padding:12px 14px;font-size:.95rem;min-height:3.2em;margin-left:14%}
.ac-caret{display:inline-block;width:2px;height:1em;background:#fff;vertical-align:-.15em;margin-left:2px;animation:blink 1s steps(2) infinite}
.ai-chat.done .ac-caret{display:none}
.ac-a{margin:12px 16px 0;display:grid;gap:6px}
.ac-a p{background:#1F1F28;border-radius:14px;padding:8px 12px;font-size:.88rem;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;transition-delay:calc(var(--i) * .35s)}
.ai-chat.done .ac-a p{opacity:1;transform:none}
.ai-flow{width:100%;height:auto;overflow:visible}
.af-line{stroke:#111;stroke-width:4;stroke-dasharray:8 8;fill:none;animation:dash 1s linear infinite}
@keyframes dash{to{stroke-dashoffset:-16}}
.af-n circle{fill:#fff;stroke:#111;stroke-width:4;transition:fill .3s}
.af-n text{font:800 15px var(--f-display);text-transform:uppercase;fill:#111}
.ai.play .af-n circle{animation:nodehit 3s steps(1) infinite;animation-delay:calc(var(--i) * .75s)}
@keyframes nodehit{0%,24%{fill:var(--yellow)}25%,100%{fill:#fff}}
.af-pulse{fill:#111}
.ai.play .af-pulse{animation:pulsego 3s linear infinite}
@keyframes pulsego{from{transform:translateX(0)}to{transform:translateX(320px)}}
@media (max-width:960px){.ai-grid{grid-template-columns:1fr}.ai-items{grid-template-columns:1fr}.ai-burst{left:auto;right:-1.2em}}
@media (prefers-reduced-motion:reduce){.ac-a p{opacity:1;transform:none}}

/* ===== Ronda 9 ===== */
/* Producción: carátulas pop */
.wk-grid{grid-template-columns:repeat(2,1fr)}
.wk1{grid-column:span 2}
.wk5{grid-column:span 2;grid-template-columns:1.4fr 1fr;grid-template-rows:none}
.wk5 .wk-media{aspect-ratio:auto;min-height:100%}
.wk5 .wk-body{padding:28px;align-content:center}
.wc{position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;background:#111;overflow:hidden;display:block;width:100%;color:#111;font:inherit}
.wc-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.wc-btx{font:900 26px var(--f-display);letter-spacing:.02em;fill:#111}
.wc-cutx{font-size:15px;font-family:var(--f-mono);font-weight:700;fill:#F2F0EA}
.wc-title{position:absolute;left:5%;bottom:8%;font:900 clamp(1.8rem,4.6vw,3.6rem)/.9 var(--f-display);text-transform:uppercase;transform:rotate(-3deg);transform-origin:left bottom;pointer-events:none;max-width:70%;text-align:left}
.wk-pills .wc-title,.wk-nl .wc-title,.wk-rb .wc-title{color:#F2F0EA}
.wc-title .ransom .rl{box-shadow:3px 3px 0 #111}
.wc-burst{position:absolute;top:6%;right:5%;width:clamp(74px,9vw,104px);aspect-ratio:1;display:grid;place-items:center;transform:rotate(12deg);pointer-events:none}
.wc-burst svg{position:absolute;inset:0;width:100%;height:100%;fill:#FFD23F;stroke:#111;stroke-width:6}
.wc-burst b{position:relative;font:900 clamp(.85rem,1.3vw,1.1rem) var(--f-display);text-transform:uppercase;color:#111}
.wk-santander .wc-burst svg{fill:#fff}
.wk-simisol .wc-burst svg{fill:#FF3D6E}
.wc-logo{position:absolute;top:7%;left:5%;width:clamp(78px,10vw,116px);height:clamp(46px,5.6vw,64px);background:var(--bg,#fff);border-radius:10px;border:3px solid #111;box-shadow:4px 4px 0 #111;display:grid;place-items:center;padding:6px 10px;transform:rotate(-5deg);pointer-events:none}
.wc-logo img{max-width:100%;max-height:100%;object-fit:contain}
.wc .wk-play{position:absolute;left:50%;top:50%;margin:-26px 0 0 -37px;border:3px solid #111;box-shadow:4px 4px 0 #111}
.wc:hover .wk-play,.wc:focus-visible .wk-play{transform:scale(1.14) rotate(-4deg)}
.wc:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.wk-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wk-media video:not([hidden]){position:absolute;inset:0}
/* motion de carátulas, sólo cuando están a la vista */
.wk.play .wc-bar{animation:wbar 3.2s cubic-bezier(.3,1.5,.5,1) infinite;transform-box:fill-box;transform-origin:bottom;animation-delay:calc(var(--i) * .18s)}
@keyframes wbar{0%{transform:scaleY(.15)}30%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.wk.play .wc-arrow{stroke-dasharray:320;animation:warrow 3.2s ease-in-out infinite}
@keyframes warrow{0%{stroke-dashoffset:320}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:320}}
.wk.play .wc-sprout{animation:wsprout 3.2s cubic-bezier(.3,1.6,.5,1) infinite;transform-box:fill-box;transform-origin:bottom}
@keyframes wsprout{0%,20%{scale:0}45%,85%{scale:1}100%{scale:0}}
.wk.play .wc-bubble{animation:wbob 2.4s ease-in-out infinite}
@keyframes wbob{50%{translate:0 -7px;rotate:2deg}}
.wk.play .wc-rays{animation:spin 40s linear infinite;transform-origin:370px 70px}
.wk.play .wc-pill{animation:wpill 4s ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s);transform-box:fill-box;transform-origin:center}
@keyframes wpill{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:14deg}}
.wk.play .wc-spark{animation:wspark 1.6s steps(2) infinite;animation-delay:calc(var(--i) * .4s);transform-box:fill-box;transform-origin:center}
@keyframes wspark{50%{scale:.4;opacity:.4}}
.wk.play .wc-likes{animation:wlike 2s ease-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes wlike{0%{translate:0 0;opacity:0}20%{opacity:1}100%{translate:0 -90px;opacity:0}}
.wk.play .wc-px{animation:wpx .5s steps(1) infinite;animation-delay:calc(var(--i) * -.12s)}
@keyframes wpx{50%{opacity:0}}
.wk.play .wc-pad{animation:wpad 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes wpad{0%,100%{rotate:0deg}50%{rotate:6deg;translate:0 -6px}}
.wk.play .wc-btn{animation:wbtn 1.2s steps(1) infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes wbtn{0%{fill-opacity:1}50%{fill-opacity:.35}}
.wk.play .wc-speed rect{animation:wspeed 1.1s linear infinite;animation-delay:calc(var(--i) * -.13s)}
@keyframes wspeed{from{translate:-200px 0}to{translate:520px 0}}
.wk.play .wc-head{animation:whead 2.4s linear infinite}
@keyframes whead{from{translate:0 0}to{translate:476px 0}}
.wk.play .wc-cut{animation:wcut .75s steps(1) infinite;animation-delay:calc(var(--i) * .19s)}
@keyframes wcut{50%{translate:0 -10px}}
.wk.play .wc-vinyl{animation:wvin 3.6s linear infinite;transform-box:fill-box;transform-origin:center}
.wk.play .wc-str{animation:wstr .12s linear infinite alternate;animation-delay:calc(var(--i) * .04s)}
@keyframes wstr{to{translate:1.4px 0}}
.wk.play .wc-eqb{animation:weq .9s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.17s);transform-box:fill-box;transform-origin:bottom}
@keyframes weq{from{scale:1 .2}to{scale:1 1}}
@media (max-width:960px){.wk-grid{grid-template-columns:1fr}.wk1,.wk5{grid-column:auto;grid-template-columns:1fr}.wk1 .wk-media,.wk5 .wk-media{aspect-ratio:16/9;min-height:0}}

/* IA: red neuronal que se dibuja con el scroll */
.ai-net{position:absolute;inset:0;pointer-events:none;--ap:0}
.ai-net svg{position:absolute;inset:0;width:100%;height:100%}
.an-l{stroke:#111;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ap) * 1.6 + var(--i) * .02);opacity:.18;stroke-linecap:round}
.an-n{fill:#111;opacity:.2;transform-box:fill-box;transform-origin:center;scale:clamp(0,calc((var(--ap) - var(--t) * .6) * 6),1);transition:scale .2s}
.an-n:nth-child(3n){fill:#FFD23F;opacity:.75;stroke:#111;stroke-width:2}
.ai.play .an-n:nth-child(3n){animation:anpulse 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.3s)}
@keyframes anpulse{50%{opacity:.25}}
.an-g{position:absolute;left:var(--x);top:var(--y);font:700 clamp(.9rem,1.6vw,1.4rem) var(--f-mono);color:#111;opacity:calc(.1 + var(--ap) * .25);translate:0 calc((0.5 - var(--ap)) * 160px * var(--sp));rotate:calc(var(--ap) * 40deg * var(--sp) - 20deg);will-change:translate}
.ai-grid{z-index:1}
@media (max-width:960px){.an-g{display:none}.an-l{opacity:.12}}

/* Comentarios: descripción y enlaces */
.cm-desc{font-size:.85rem;color:var(--muted);margin:-2px 0 6px}
.cm-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cm-links a{display:inline-flex;align-items:center;gap:6px;font:700 .78rem var(--f-mono);text-transform:uppercase;color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:background .2s,color .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.cm-links a:hover{background:var(--pink);color:#fff;border-color:var(--pink);transform:rotate(-3deg)}
.cm-links .ic{width:16px;height:16px}

/* Webs: tablero de stickers */
.webs{position:relative;overflow:hidden;padding-block:clamp(70px,10vw,130px);background:#111 linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/28px 28px,#111 linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/28px 28px;background-blend-mode:normal;border-block:1px solid var(--line)}
.webs-bg{position:absolute;inset:auto 0 6% 0;pointer-events:none;overflow:hidden}
.wbg-track{display:flex;width:max-content;font:900 clamp(5rem,14vw,12rem)/1 var(--f-display);text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.1);white-space:nowrap}
.webs.play .wbg-track{animation:mq 40s linear infinite}
.webs .wrap{position:relative}
.webs h2 .ransom{font-size:1.15em}
.wb-board{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:22px;margin-top:34px;perspective:900px}
.wb-me,.wbs{position:relative;display:grid;text-decoration:none;color:#111;border-radius:22px;transform:rotate(var(--r)) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .45s cubic-bezier(.3,1.5,.5,1),box-shadow .3s;will-change:transform}
.wbs{background:#F2F0EA;border:4px solid #fff;outline:3px solid #111;box-shadow:6px 8px 0 #000;padding:0 0 16px;overflow:hidden;align-content:start;gap:12px}
.wbs::after{content:"";position:absolute;right:-1px;bottom:-1px;width:34px;height:34px;background:linear-gradient(135deg,#d9d6cc 50%,#111 50%);border-top-left-radius:10px;transition:width .3s,height .3s}
.wbs:hover::after{width:54px;height:54px}
.wbs:hover,.wb-me:hover{z-index:3;box-shadow:10px 14px 0 #000}
.wbs-bar{display:flex;align-items:center;gap:5px;padding:10px 12px;background:var(--c);border-bottom:3px solid #111}
.wbs-bar i{width:10px;height:10px;border-radius:50%;background:#111;opacity:.75}
.wbs-bar b{margin-left:8px;flex:1;font:700 .74rem var(--f-mono);background:#fff;border:2px solid #111;border-radius:999px;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbs-logo{margin:6px 16px 0;height:96px;border-radius:14px;background:var(--bg,#fff);display:grid;place-items:center;padding:14px 20px;border:2px dashed rgba(0,0,0,.2)}
.wbs-logo img{max-width:100%;max-height:68px;object-fit:contain}
.wbs-what{padding:0 16px;font:800 1.25rem/1.1 var(--f-display);text-transform:uppercase}
.wbs-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 16px}
.wbs-tag{display:inline-flex;font:700 .72rem var(--f-mono);text-transform:uppercase;background:#111;color:#F2F0EA;padding:5px 10px;border-radius:6px;transform:rotate(-2deg)}
.wbs-go{font:700 .8rem var(--f-mono);text-transform:uppercase}
.wb-me{grid-row:span 2;align-content:center;justify-items:start;gap:18px;padding:clamp(24px,3vw,40px);border-radius:28px;background:conic-gradient(from calc(var(--hx,0) * 1deg) at 50% 50%,#FF3D6E,#FFD23F,#2EE6D6,#3D7BFF,#C04BFF,#FF3D6E);border:5px solid #fff;outline:3px solid #111;box-shadow:8px 10px 0 #000;overflow:hidden}
.wb-me::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.28) 1.4px,transparent 1.7px);background-size:8px 8px;mix-blend-mode:multiply}
.wb-me::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);transform:translateX(calc(var(--mx,-.6) * 60%));transition:transform .2s}
.webs.play .wb-me{animation:holo 8s linear infinite}
@keyframes holo{to{--hx:360}}
@property --hx{syntax:"<number>";inherits:true;initial-value:0}
.wb-me>*{position:relative;z-index:1}
.wb-pin{display:inline-flex;align-items:center;gap:6px;font:700 .8rem var(--f-mono);text-transform:uppercase;background:#111;color:#fff;padding:6px 12px;border-radius:999px}
.wb-pin .ic{width:16px;height:16px;color:var(--red)}
.webs.play .wb-pin .ic{animation:wpx 1s steps(1) infinite}
.wb-me-logo{width:clamp(120px,14vw,180px);aspect-ratio:1;background:#fff;border-radius:50%;border:4px solid #111;display:grid;place-items:center;padding:14%;box-sizing:border-box;box-shadow:5px 5px 0 #111}
.wb-me-logo .vlogo{width:100%;height:auto}
.wb-me-tx b{display:block;font:900 clamp(2rem,3.6vw,3.2rem)/.95 var(--f-display);text-transform:uppercase;background:#fff;border:3px solid #111;padding:6px 12px;transform:rotate(-2deg);box-shadow:4px 4px 0 #111;width:fit-content}
.wb-me-tx small{display:block;margin-top:14px;font-size:1rem;line-height:1.45;max-width:34ch;background:rgba(255,255,255,.9);padding:10px 12px;border-radius:10px;color:#111}
.fx .webs:not(.played) .wbs,.fx .webs:not(.played) .wb-me{opacity:0;transform:translateY(60px) rotate(calc(var(--r) * 4)) scale(.8)}
.fx .webs.played .wbs{transition:transform .7s cubic-bezier(.3,1.5,.5,1) calc(var(--i) * 110ms + .2s),opacity .3s calc(var(--i) * 110ms + .2s),box-shadow .3s}
.fx .webs.played .wb-me{transition:transform .8s cubic-bezier(.3,1.5,.5,1),opacity .3s,box-shadow .3s}
.wb-stack{margin-top:clamp(36px,5vw,60px);display:grid;grid-template-columns:auto 1fr auto;gap:18px 28px;align-items:center;border:2px dashed rgba(255,255,255,.2);border-radius:22px;padding:22px 26px}
.wb-stk-h{font:900 1.5rem/1 var(--f-display);text-transform:uppercase;grid-column:1/-1}
.wb-stack ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1}
.wb-stack li{font:900 clamp(1.1rem,2vw,1.6rem)/1 var(--f-display);text-transform:uppercase;color:#111;background:var(--c);border:3px solid #111;box-shadow:4px 4px 0 #000;padding:10px 16px;border-radius:12px;transform:rotate(var(--r));transition:transform .35s cubic-bezier(.3,1.7,.5,1)}
.wb-stack li:hover{transform:rotate(0) scale(1.08)}
.webs.play .wb-stack li{animation:boil .5s steps(1) infinite;animation-delay:calc(var(--i) * -.1s)}
.wb-stk-p{color:var(--muted);grid-column:1/3;max-width:62ch}
@media (max-width:960px){.wb-board{grid-template-columns:1fr 1fr}.wb-me{grid-column:1/-1;grid-row:auto}.wb-stack{grid-template-columns:1fr}.wb-stk-p{grid-column:auto}}
@media (max-width:560px){.wb-board{grid-template-columns:1fr}.wbs-logo{height:84px}}

/* Identidad: el logo se desarma en 7 */
.iris{background:radial-gradient(circle at 75% 50%,rgba(255,61,110,.14),transparent 55%)}
.iris h2{font-size:clamp(2.6rem,6vw,5.2rem)}
.iris h2 .ransom{font-size:1.05em}
.vl-big .vl-p{translate:calc(var(--ox) * var(--ex,0) * 46px) calc(var(--oy) * var(--ex,0) * 46px);transition:translate .5s cubic-bezier(.3,1.4,.5,1)}
.vl-big .vl-d{translate:0 calc(var(--ex,0) * 30px)}
.iris-burst{position:absolute;top:2%;right:4%;width:clamp(86px,11vw,120px);aspect-ratio:1;display:grid;place-items:center;z-index:2;transform:rotate(14deg)}
.iris-burst svg{position:absolute;inset:0;fill:#FFD23F;stroke:#111;stroke-width:6}
.iris-burst b{position:relative;font:900 1.3rem var(--f-display);text-transform:uppercase;color:#111}
.iris.play .iris-burst,.iris .iris-burst{animation:notebob 3s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.wc *,.ai-net *,.wb-me,.wbg-track{animation:none!important}}
@keyframes wvin{to{rotate:360deg}}
.wc-title{left:4%;bottom:7%;max-width:64%}
.wc-title .ransom{display:inline;font-size:clamp(1.5rem,2.6vw,2.3rem)}
.wk1 .wc-title .ransom,.wk5 .wc-title .ransom{font-size:clamp(1.7rem,3.4vw,3rem)}
.wc-title .rw{white-space:nowrap}
.wc .wk-play{left:auto;top:auto;right:4%;bottom:7%;margin:0}
.webs h2 .ransom{display:inline-block;font-size:1.1em;margin-right:.1em}
.iris h2 .ransom{display:inline-block}
@media (max-width:900px){.iris-burst{right:10%;top:4%;width:80px}}
.cm-case{font:700 .68rem var(--f-mono);text-transform:uppercase;letter-spacing:.04em;color:#111;background:var(--cyan);padding:3px 8px;border-radius:4px;justify-self:start;width:fit-content}
.cm-q-case{margin:0;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.45}
/* Hero: sticker de Horacio en el celular */
.hp-stk{position:absolute!important;left:6%;top:16%;width:68%;height:auto;z-index:1!important;transform:rotate(-5deg);filter:drop-shadow(4px 6px 0 rgba(0,0,0,.55));transform-origin:50% 90%}
.fx .hero.built .hp-stk,.hero .hp-stk{animation:stkbob 4.5s ease-in-out infinite}
@keyframes stkbob{0%,100%{rotate:0deg;translate:0 0}50%{rotate:2.5deg;translate:0 -5px}}
.hp-stk-tag{position:absolute!important;right:6%;top:30%;z-index:2!important;font:700 .62rem var(--f-mono);background:#111;color:#fff;padding:4px 7px;border-radius:4px;transform:rotate(6deg);box-shadow:2px 2px 0 var(--pink)}
/* Banner TikTok de Horacio en la lista de reels */
.rl-tt a{position:relative;display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;height:100%;min-height:88px;padding:8px 12px 8px 8px;border-radius:14px;text-decoration:none;color:#fff;background:#000;border:2px solid #fff;box-shadow:-3px -3px 0 #2EE6D6,3px 3px 0 #FF3D6E;overflow:hidden;transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
.rl-tt a::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,61,110,.35) 1.2px,transparent 1.5px);background-size:6px 6px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.rl-tt a:hover{transform:rotate(-1.5deg) scale(1.02);box-shadow:-5px -5px 0 #2EE6D6,5px 5px 0 #FF3D6E}
.tt-stk{position:relative;width:62px;height:72px;overflow:hidden;border-radius:10px;background:#FF3D6E}
.tt-stk img{position:absolute;left:-8%;top:-4%;width:120%;height:auto}
.tt-tx{position:relative;display:grid;gap:2px;min-width:0}
.tt-ex{font:700 .62rem var(--f-mono);text-transform:uppercase;color:#111;background:#2EE6D6;padding:2px 6px;border-radius:3px;width:fit-content}
.tt-tx b{font:900 1.25rem/1 var(--f-display);text-transform:uppercase}
.tt-tx span{font-size:.76rem;color:#cfcfd6;line-height:1.3}
.tt-tx em{font:700 .72rem var(--f-mono);font-style:normal;color:#FF3D6E;display:inline-flex;gap:4px;align-items:center}
.tt-tx em .ic{width:12px;height:12px}
.tt-logo{position:relative;width:34px;height:34px}
.tt-logo svg{width:100%;height:100%}
.vids.play .tt-logo svg{animation:ttglitch 2.6s steps(1) infinite}
@keyframes ttglitch{0%,86%{translate:0 0}88%{translate:2px -1px}90%{translate:-2px 1px}92%{translate:0 0}}
.hp-stk-tag{top:auto;bottom:34%;right:8%}
.rl-tt-m{display:none;margin-top:12px}
@media (max-width:860px){.reel-list .rl-tt{display:none}.rl-tt-m{display:block}}
.iris-burst b{white-space:nowrap;font-size:clamp(.95rem,1.6vw,1.3rem)}
@media (max-width:620px){.hp-stk-tag{display:none!important}.hp-stk{width:78%;left:4%;top:13%}}
.logos-feat{grid-template-columns:repeat(6,1fr)}
@media (max-width:1100px){.logos-feat{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.logos-feat{grid-template-columns:1fr 1fr}.logos-feat li:first-child{grid-column:auto}}
.logos-feat img[src*="game-planet"]{max-height:120px}
.wk.play .wc-mint{animation:wmint 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.13s);transform-box:fill-box;transform-origin:center}@keyframes wmint{50%{translate:0 -3px}}
/* Hub SEO */
.seo-hub{padding-block:clamp(60px,9vw,120px);border-top:1px solid var(--line)}
.seo-links{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.seo-links a{display:grid;gap:8px;height:100%;text-decoration:none;color:#111;background:#F2F0EA;border:3px solid #111;border-radius:18px;box-shadow:5px 6px 0 #000;padding:18px 20px;transform:rotate(var(--r));transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.seo-links li:nth-child(3n+1) a{background:var(--yellow)}.seo-links li:nth-child(3n+2) a{background:#2EE6D6}.seo-links li:nth-child(3n) a{background:#FF3D6E}
.seo-links a:hover{transform:rotate(0) translateY(-4px)}
.seo-links b{font:900 1.6rem/1 var(--f-display);text-transform:uppercase}
.seo-links span{font-size:.92rem;line-height:1.45}
.seo-links em{font:700 .78rem var(--f-mono);font-style:normal;text-transform:uppercase}
@media (max-width:960px){.seo-links{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.seo-links{grid-template-columns:1fr}}