/* Slider de videos (YouTube / Vimeo) - ver assets/js/video-slider.js */
.video-slider { margin-bottom: 30px; }
.video-slider .video-frame { position: relative; width: 100%; padding-bottom: 56.25%; background: #000; }
/* Los slides ocultos conservan su tamano (visibility en vez de display:none):
   el reproductor de Vimeo calcula su layout al cargar y se ve mal si carga en 0x0 */
.video-slider .video-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; }
.video-slider .video-slide.active { visibility: visible; }
.video-slider iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video-slider .w3-display-left,
.video-slider .w3-display-right { z-index: 2; }
.video-dots { text-align: center; margin-top: 10px; }
.video-dots span { display: inline-block; width: 12px; height: 12px; margin: 0 4px; border-radius: 50%; background: #bbb; cursor: pointer; }
.video-dots span.active { background: #333; }