/* Videos demo (inc/video_demo.php + tools/video-demo.js) */
.video-demo { margin: 0 auto; max-width: 880px; }
.video-demo-marco { position: relative; border-radius: var(--r-lg, 16px); overflow: hidden; background: var(--bg, #F6F7FB);
  box-shadow: 0 1px 2px rgba(20, 35, 70, .06), 0 10px 30px rgba(20, 26, 60, .10); border: 1px solid var(--line, #E4E6F0); aspect-ratio: 16 / 9; }
.video-demo-v { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-demo-btn { position: absolute; right: 12px; bottom: 12px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0;
  border: 0; border-radius: 999px; background: rgba(21, 42, 85, .78); color: #fff; cursor: pointer; transition: background .15s ease, transform .15s ease; }
.video-demo-btn:hover { background: rgba(21, 42, 85, .92); }
.video-demo-btn:active { transform: scale(.94); }
.video-demo-btn:focus-visible { outline: 3px solid var(--orange, #FE8202); outline-offset: 2px; }
.video-demo-btn[hidden] { display: none; }
.video-demo-btn .ico { width: 20px; height: 20px; }
.video-demo-ico { display: grid; place-items: center; }
.video-demo-ico-pausa, .video-demo-btn.andando .video-demo-ico-play { display: none; }
.video-demo-btn.andando .video-demo-ico-pausa { display: grid; }
.video-demo-pie { margin: 10px 2px 0; text-align: center; }
@media (max-width: 560px) { .video-demo-btn { right: 8px; bottom: 8px; width: 40px; height: 40px; } }