/* Ajuste aislado del visor demo. Desktop conserva la composición existente. */
.demo-media{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}

@media(max-width:720px){
  .demo-tabs{display:flex;justify-content:flex-start;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:0 2px 8px;margin-bottom:14px}
  .demo-tabs::-webkit-scrollbar{display:none}
  .demo-tabs button{flex:0 0 auto;padding:11px 20px;white-space:nowrap}
  .demo-stage.demo-card{display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden;border-radius:18px;background:linear-gradient(155deg,#0b1728,#07101d);box-shadow:0 24px 60px rgba(0,0,0,.38)}
  .demo-media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;border-radius:17px 17px 0 0;background:#030812}
  .demo-media video,.demo-media .demo-placeholder,.demo-media .demo-shade{position:absolute;inset:0;width:100%;height:100%}
  .demo-media video{object-fit:cover}
  .demo-media .demo-placeholder{aspect-ratio:16/9}
  .demo-media .demo-shade{display:none}
  .demo-content.demo-overlay{position:static;inset:auto;max-width:none;padding:21px 20px 22px;background:linear-gradient(180deg,rgba(10,22,38,.98),rgba(7,15,27,.99))}
  .demo-content .demo-kicker{display:block;font-size:10px;letter-spacing:.18em}
  .demo-content .demo-title{font-size:clamp(27px,8vw,38px);line-height:1.06;margin:8px 0 12px}
  .demo-content .demo-description{font-size:15px;line-height:1.5;margin:0;color:#b6c7d9}
  .demo-content .demo-cta{width:100%;margin-top:18px;min-height:52px}
  .demo-status{display:none}
  .demo-placeholder small{top:14px;right:14px;font-size:7px}
  .placeholder-mark{font-size:clamp(78px,30vw,130px)}
}