.reels-fila{display:grid;grid-auto-flow:column;grid-auto-columns:74%;grid-gap:12px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 20px 14px;margin:0 -20px;scrollbar-width:none}.reels-fila::-webkit-scrollbar{display:none}.reels-fila .reel{scroll-snap-align:center}@media (min-width:760px){.reels-fila{grid-auto-columns:40%}}@media (min-width:1024px){.reels-fila{grid-auto-columns:calc((100% - 48px) / 5);margin:0;padding:4px 0 14px}}.reel{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#160008;color:#fff;isolation:isolate;box-shadow:0 18px 40px rgba(0,0,0,.22);font-family:var(--font)}.reel .reel-poster,.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reel video{cursor:pointer}.reel--sin-video .reel-poster{animation:reelZoom 14s ease-in-out infinite alternate}@keyframes reelZoom{0%{transform:scale(1)}to{transform:scale(1.12) translateY(-2%)}}.reel-sombra{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 55%,rgba(0,0,0,.75));pointer-events:none}.reel-barra{position:absolute;left:10px;right:10px;top:8px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}.reel-barra span{display:block;height:100%;background:#fff}.reel--sin-video .reel-barra span{width:100%;transform-origin:left;animation:reelBarra 8s linear infinite}@keyframes reelBarra{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reel-top{position:absolute;left:12px;right:12px;top:18px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.4)}.reel-top button{background:rgba(0,0,0,.35);border:none;border-radius:999px;width:30px;height:30px;font-size:14px;color:#fff}.reel-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:20px;padding-left:4px}.reel-aviso{position:absolute;left:12px;top:48px;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:999px;border:1px dashed rgba(255,255,255,.7);background:rgba(0,0,0,.3)}.reel-acciones{position:absolute;right:10px;bottom:96px;display:grid;grid-gap:14px;gap:14px;justify-items:center;font-size:22px;text-shadow:0 1px 8px rgba(0,0,0,.4)}.reel-acciones button{background:none;border:none;color:#fff;font-size:26px;line-height:1;padding:0;transition:transform .2s}.reel-acciones button.is-on{color:#ff3b6b;transform:scale(1.15)}.reel-pie{position:absolute;left:12px;right:52px;bottom:14px}.reel-cuenta{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.reel-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f4a7bf,#4B011D);font-family:var(--display);font-size:14px;border:2px solid #fff}.reel-pie p{margin:8px 0 6px;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-tag{display:inline-block;font-size:11.5px;opacity:.9;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-celu{width:min(100%,300px);margin:0 auto;padding:10px;border-radius:34px;background:#0d0006;box-shadow:0 30px 60px rgba(0,0,0,.3)}.reel-celu .reel{border-radius:26px;box-shadow:none}@media (prefers-reduced-motion:reduce){.reel--sin-video .reel-barra span,.reel--sin-video .reel-poster{animation:none}}