/* /contenido y /content: feed de publicaciones de clientes (datos en <script id="fd-data">) */
.fd{--fd-volt:#C8FF3F;--fd-navy:#0B0F19;--fd-navy2:#111726;--fd-ink:#F4F7F8;--fd-mut:#AEB4BC;--fd-dim:#8A9098;--fd-line:rgba(244,247,248,.12);--fd-ease:cubic-bezier(.16,1,.3,1);background:var(--fd-navy);color:var(--fd-ink)}
.fd *{box-sizing:border-box}

/* Hero con muro de publicaciones en movimiento */
.fd-hero{position:relative;min-height:min(100vh,980px);display:grid;align-items:center;overflow:hidden;padding:140px var(--pad,24px) 90px}
.fd-wall{position:absolute;inset:-20% -10%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;transform:perspective(1400px) rotateX(22deg) rotateZ(-9deg) scale(1.15);transform-origin:50% 40%;opacity:.55;pointer-events:none}
.fd-col{display:flex;flex-direction:column;gap:18px;animation:fdUp var(--t,60s) linear infinite}
.fd-col:nth-child(even){animation-direction:reverse}
.fd-col img{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:14px;display:block;filter:saturate(1.1)}
@keyframes fdUp{to{transform:translateY(-50%)}}
.fd-hero::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 60% at 30% 50%,rgba(11,15,25,.96) 30%,rgba(11,15,25,.55) 70%,rgba(11,15,25,.2)),linear-gradient(180deg,rgba(11,15,25,.6),rgba(11,15,25,0) 30%,rgba(11,15,25,0) 70%,var(--fd-navy))}
.fd-hero-in{position:relative;z-index:2;max-width:var(--maxw,1320px);width:100%;margin:0 auto}
.fd-live{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--fd-volt);border:1px solid rgba(200,255,63,.4);padding:8px 14px;border-radius:999px;background:rgba(11,15,25,.6)}
.fd-live i{width:8px;height:8px;border-radius:50%;background:var(--fd-volt);box-shadow:0 0 0 0 rgba(200,255,63,.7);animation:fdPing 1.8s infinite}
@keyframes fdPing{70%{box-shadow:0 0 0 10px rgba(200,255,63,0)}100%{box-shadow:0 0 0 0 rgba(200,255,63,0)}}
.fd-h1{font-family:var(--display,'Archivo',sans-serif);font-weight:800;font-size:clamp(2.6rem,7vw,6.4rem);line-height:.94;letter-spacing:-.05em;margin:22px 0 20px;max-width:12ch;text-transform:uppercase}
.fd-h1 em{font-style:normal;color:var(--fd-navy);background:var(--fd-volt);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fd-lede{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6;color:var(--fd-mut);max-width:46ch;margin:0}
.fd-stats{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,48px);margin-top:38px}
.fd-stat b{display:block;font-family:var(--display,'Archivo',sans-serif);font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.04em;line-height:1;color:var(--fd-ink)}
.fd-stat span{font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fd-dim)}
.fd-scroll{margin-top:44px;display:inline-flex;align-items:center;gap:12px;color:var(--fd-ink);text-decoration:none;font-family:var(--mono,ui-monospace,monospace);font-size:12px;letter-spacing:.16em;text-transform:uppercase;min-height:44px}
.fd-scroll:hover{color:var(--fd-volt)}
.fd-scroll svg{animation:fdBob 1.6s var(--fd-ease) infinite}
@keyframes fdBob{50%{transform:translateY(5px)}}

/* Marquesina de cuentas */
.fd-marquee{border-block:1px solid var(--fd-line);overflow:hidden;background:var(--fd-navy2)}
.fd-mq{display:flex;gap:46px;width:max-content;padding:18px 0;animation:fdMq 38s linear infinite}
.fd-mq span{display:inline-flex;align-items:center;gap:12px;font-family:var(--display,'Archivo',sans-serif);font-weight:700;font-size:1.15rem;white-space:nowrap;color:var(--fd-ink)}
.fd-mq img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--fd-volt)}
.fd-mq em{font-style:normal;color:var(--fd-dim);font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.12em}
@keyframes fdMq{to{transform:translateX(-50%)}}

/* Filtros */
.fd-body{max-width:var(--maxw,1320px);margin:0 auto;padding:clamp(48px,6vw,90px) var(--pad,24px) clamp(60px,8vw,120px)}
.fd-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}
.fd-h2{font-family:var(--display,'Archivo',sans-serif);font-weight:800;font-size:clamp(1.8rem,3.6vw,3rem);letter-spacing:-.04em;line-height:1;margin:0;text-transform:uppercase}
.fd-count{font-family:var(--mono,ui-monospace,monospace);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fd-dim)}
.fd-count b{color:var(--fd-volt)}
.fd-filters{position:sticky;top:72px;z-index:20;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 0 16px;margin-bottom:10px;background:linear-gradient(180deg,var(--fd-navy) 70%,rgba(11,15,25,0))}
.fd-filters::-webkit-scrollbar{display:none}
.fd-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--fd-line);background:rgba(17,23,38,.9);color:var(--fd-ink);font-family:var(--mono,ui-monospace,monospace);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s var(--fd-ease),border-color .3s,color .3s,transform .3s var(--fd-ease)}
.fd-chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.fd-chip:hover{border-color:var(--fd-volt)}
.fd-chip[aria-pressed="true"]{background:var(--fd-volt);border-color:var(--fd-volt);color:var(--fd-navy)}
.fd-chip:focus-visible{outline:2px solid var(--fd-volt);outline-offset:3px}

/* Grid tipo masonry */
.fd-grid{columns:4 280px;column-gap:16px}
.fd-card{position:relative;display:block;width:100%;margin:0 0 16px;padding:0;border:0;border-radius:18px;overflow:hidden;background:var(--fd-navy2);cursor:pointer;break-inside:avoid;text-align:left;color:inherit;font:inherit;transform:translateZ(0);transition:transform .45s var(--fd-ease),box-shadow .45s var(--fd-ease),opacity .45s var(--fd-ease);opacity:0;animation:fdIn .7s var(--fd-ease) forwards;animation-delay:calc(var(--k,0) * 45ms)}
@keyframes fdIn{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.fd-card.fd-hide{display:none}
.fd-card:hover{box-shadow:0 0 0 1px var(--fd-volt),0 30px 70px -30px rgba(200,255,63,.55)}
.fd-card:focus-visible{outline:2px solid var(--fd-volt);outline-offset:3px}
.fd-card img,.fd-card video{display:block;width:100%;height:auto;background:#000}
.fd-card.is-reel video,.fd-card.is-reel img{aspect-ratio:9/16;object-fit:cover}
.fd-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,15,25,.72) 0,rgba(11,15,25,0) 26%,rgba(11,15,25,0) 55%,rgba(11,15,25,.9) 100%);transition:opacity .4s}
.fd-glow{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(200,255,63,.18),transparent 60%)}
.fd-card:hover .fd-glow{opacity:1}
.fd-top{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px}
.fd-top img{width:30px!important;height:30px!important;aspect-ratio:1!important;border-radius:50%;border:1.5px solid var(--fd-volt);object-fit:cover}
.fd-top b{font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fd-badge{margin-left:auto;flex-shrink:0;font-family:var(--mono,ui-monospace,monospace);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:rgba(11,15,25,.72);border:1px solid rgba(244,247,248,.25);color:#fff;display:inline-flex;align-items:center;gap:5px}
.fd-card.is-reel .fd-badge{background:var(--fd-volt);color:var(--fd-navy);border-color:var(--fd-volt)}
.fd-bot{position:absolute;z-index:3;left:14px;right:14px;bottom:12px;display:flex;flex-direction:column;gap:8px}
.fd-cap{font-size:.86rem;line-height:1.4;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.fd-meta{display:flex;align-items:center;gap:14px;font-family:var(--mono,ui-monospace,monospace);font-size:10.5px;letter-spacing:.1em;color:rgba(244,247,248,.85)}
.fd-meta span{display:inline-flex;align-items:center;gap:5px}
.fd-play{position:absolute;z-index:3;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;background:rgba(200,255,63,.92);color:var(--fd-navy);opacity:0;transform:scale(.7);transition:opacity .35s,transform .45s var(--fd-ease)}
.fd-card:hover .fd-play{opacity:1;transform:none}
.fd-bar{position:absolute;z-index:4;left:0;bottom:0;height:3px;width:100%;background:var(--fd-volt);transform-origin:0 50%;transform:scaleX(var(--p,0))}

/* Lightbox */
.fd-lb{position:fixed;inset:0;z-index:2147480500;display:grid;place-items:center;padding:24px;background:rgba(5,8,14,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .4s var(--fd-ease),visibility 0s .4s}
.fd-lb.open{opacity:1;visibility:visible;transition:opacity .4s var(--fd-ease)}
.fd-lb-in{display:grid;grid-template-columns:auto minmax(0,380px);gap:clamp(20px,3vw,44px);align-items:center;max-width:1100px;width:100%;transform:translateY(20px) scale(.97);transition:transform .5s var(--fd-ease)}
.fd-lb.open .fd-lb-in{transform:none}
.fd-phone{position:relative;height:min(84vh,820px);aspect-ratio:9/16;border-radius:38px;padding:10px;background:#05070c;border:1px solid rgba(244,247,248,.18);box-shadow:0 0 0 1px rgba(200,255,63,.25),0 40px 120px -20px rgba(200,255,63,.35)}
.fd-phone::before{content:'';position:absolute;top:18px;left:50%;width:90px;height:22px;margin-left:-45px;border-radius:999px;background:#05070c;z-index:3}
.fd-screen{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#000;display:grid;place-items:center}
.fd-screen video,.fd-screen img{width:100%;height:100%;object-fit:contain;display:block}
.fd-screen .fd-bar{height:3px;top:0;bottom:auto;z-index:4}
.fd-tap{position:absolute;inset:0;z-index:2;background:none;border:0;cursor:pointer}
.fd-info{color:var(--fd-ink);max-height:84vh;overflow:auto;padding-right:6px}
.fd-acc{display:flex;align-items:center;gap:12px}
.fd-acc img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--fd-volt)}
.fd-acc b{display:block;font-family:var(--display,'Archivo',sans-serif);font-size:1.15rem}
.fd-acc span{font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.1em;color:var(--fd-dim)}
.fd-lb-cap{margin:18px 0;white-space:pre-line;font-size:.98rem;line-height:1.6;color:var(--fd-mut)}
.fd-lb-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-family:var(--mono,ui-monospace,monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fd-ink);padding:14px 0;border-block:1px solid var(--fd-line)}
.fd-ig{margin-top:18px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;background:var(--fd-volt);color:var(--fd-navy);text-decoration:none;font-family:var(--mono,ui-monospace,monospace);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.fd-ig:hover{color:var(--fd-navy);filter:brightness(1.08)}
.fd-x,.fd-nav{position:fixed;z-index:3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(244,247,248,.25);background:rgba(11,15,25,.7);color:#fff;cursor:pointer;transition:border-color .3s,background .3s}
.fd-x{top:18px;right:18px}
.fd-nav.prev{left:18px;top:50%;margin-top:-24px}.fd-nav.next{right:18px;top:50%;margin-top:-24px}
.fd-x:hover,.fd-nav:hover{border-color:var(--fd-volt);background:rgba(200,255,63,.12)}
.fd-x:focus-visible,.fd-nav:focus-visible,.fd-ig:focus-visible,.fd-tap:focus-visible{outline:2px solid var(--fd-volt);outline-offset:3px}
.fd-sndhint{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);font-family:var(--mono,ui-monospace,monospace);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;background:rgba(11,15,25,.75);color:#fff;padding:7px 12px;border-radius:999px;pointer-events:none;transition:opacity .4s}

/* CTA */
.fd-cta{position:relative;overflow:hidden;max-width:var(--maxw,1320px);margin:0 auto clamp(60px,8vw,120px);padding:clamp(30px,5vw,70px);border-radius:28px;background:var(--fd-volt);color:var(--fd-navy);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.fd-cta h2{font-family:var(--display,'Archivo',sans-serif);font-weight:800;font-size:clamp(1.9rem,4.4vw,3.6rem);letter-spacing:-.045em;line-height:.98;margin:0;text-transform:uppercase}
.fd-cta p{margin:12px 0 0;font-size:1.05rem;line-height:1.5;color:rgba(11,15,25,.8);max-width:48ch}
.fd-cta-btns{display:flex;flex-wrap:wrap;gap:10px}
.fd-cta a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;text-decoration:none;font-family:var(--mono,ui-monospace,monospace);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--fd-navy);color:var(--fd-volt)}
.fd-cta a.ghost{background:transparent;color:var(--fd-navy);border:1.5px solid var(--fd-navy)}
.fd-cta a:hover{transform:translateY(-2px)}

@media (max-width:991px){.fd-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-col:nth-child(n+4){display:none}.fd-lb-in{grid-template-columns:1fr;justify-items:center}.fd-phone{height:min(64vh,640px)}.fd-info{max-height:none;width:100%;max-width:480px}.fd-lb{overflow:auto;align-items:start;padding-top:70px}.fd-cta{grid-template-columns:1fr}.fd-filters{top:64px}}
@media (max-width:640px){.fd-grid{columns:2;column-gap:10px}.fd-card{margin-bottom:10px;border-radius:14px}.fd-cap{display:none}.fd-top b{display:none}.fd-hero{padding-top:120px;min-height:auto}.fd-nav{display:none}.fd-phone{height:auto;width:min(86vw,380px)}}
@media (prefers-reduced-motion:reduce){.fd-col,.fd-mq,.fd-live i,.fd-scroll svg{animation:none}.fd-card{animation:none;opacity:1}}