.hero-art.hero-video{justify-content:center;margin-left:0;margin-right:-18px}.hero-video-frame{position:relative;flex-shrink:0;width:73%;max-width:316px;aspect-ratio:3/4;overflow:hidden;background:#121e29;border:1px solid #3a566c;border-radius:17px;box-shadow:0 20px 65px #0008,0 0 45px #00aeef0b}.hero-video-frame>.hero-video-poster,.hero-video-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;display:block}.hero-video-frame>video[hidden]{display:none}.hero-video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap;border:1px solid #7aa6bd;background:#092637e8;color:#e6f8ff;font-size:11px;padding:13px 16px;border-radius:7px;box-shadow:0 8px 30px #0007}.hero-video-start:hover{background:#0b3e55}.hero-video-start[hidden]{display:none}.hero-video-badge{position:absolute;left:12px;bottom:12px;color:#cee7f4;background:#0c1928cc;border:1px solid #64829766;border-radius:4px;padding:6px 8px;font:7px monospace;letter-spacing:.1em;pointer-events:none}.hero-video .hero-orbit{inset:10px 0;background:radial-gradient(ellipse at 50% 47%,#00597644,transparent 69%)}.hero-video .art-index{top:-2px;right:35px;font-size:8px;letter-spacing:.12em}.hero-video .art-caption{bottom:14px;left:28px;right:auto;font-size:6px;letter-spacing:.1em;max-width:250px}.hero-video .motion-toggle{right:28px;bottom:-10px}.store #app:not(.motion-paused) .hero-video .hero-orbit{animation:ambient-breathe 8s ease-in-out infinite}
@media(min-width:1500px){.hero-video-frame{max-width:350px}.hero-video .art-caption{bottom:18px;left:40px}}
@media(max-width:800px){.hero-art.hero-video{margin-right:-20px}.hero-video-frame{max-width:240px;width:76%;border-radius:13px}.hero-video .art-index{font-size:6px;right:23px;top:0}.hero-video .art-caption{font-size:5px;left:15px;bottom:9px;max-width:170px}.hero-video .motion-toggle{right:20px;bottom:-10px;font-size:6px}}
@media(max-width:560px){.hero-art.hero-video{height:352px;margin-left:-21px;margin-right:-21px;padding-top:8px}.hero-video-frame{width:220px;max-width:77%;border-radius:14px}.hero-video .art-index{display:none}.hero-video .art-caption{bottom:9px;left:22px;max-width:170px;font-size:5px}.hero-video .motion-toggle{right:22px;bottom:1px;font-size:7px}.hero-video-badge{font-size:6px;padding:5px 7px;left:9px;bottom:9px}}

/* El control queda visible también durante una carga o un play pendiente. */
.hero-video-start{left:auto;top:auto;right:11px;bottom:11px;transform:none;font-size:9px;padding:8px 10px;min-width:112px;text-align:center}.hero-video-start:disabled{opacity:.75;cursor:default}.hero-video-badge{top:11px;bottom:auto}.hero-video-start:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:560px){.hero-video-start{right:9px;bottom:9px;min-width:104px;font-size:8px;padding:8px}.hero-video-badge{top:9px;bottom:auto}}