/* TONTRIA Motion Studio: lo que no está en el site.css de Clips (que se reutiliza tal cual). */
.hero-grid.ms-solo{grid-template-columns:minmax(0,1fr);max-width:860px}
.ms-facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);padding:22px 24px}
.ms-facts-t{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-weight:500}
.ms-facts ul{list-style:none;margin:0;padding:0}
.ms-facts li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.ms-facts li:last-child{border-bottom:0}
.ms-facts li span{color:var(--muted)}
.ms-facts li strong{font-weight:500;text-align:right}
.prose .table-wrap{margin:1.4em 0}
.prose table{font-size:.92rem}
.prose td strong{color:var(--strong);font-weight:500}
.footer-note{color:var(--faint);font-size:.82rem;line-height:1.5;margin:28px 0 0;max-width:900px}
@media (max-width:720px){.ms-facts li{flex-direction:column;gap:2px}.ms-facts li strong{text-align:left}}
.prose>h2:first-child{margin-top:0}
/* video de presentación debajo del encabezado (promo() en build.py) */
.ms-promo{position:relative;margin:0 0 56px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#07080d;aspect-ratio:16/9;max-height:620px}
.ms-promo img,.ms-promo video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.ms-promo video{opacity:0;transition:opacity .3s ease}
.ms-promo video.listo{opacity:1}
@media (max-width:720px){.ms-promo{border-radius:14px;margin-bottom:40px}}
@media (prefers-reduced-motion:reduce){.ms-promo video{display:none}}