.spinner{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100vh}.spinner-inner{width:50px;height:50px;border:4px solid rgba(0,0,0,.3);border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.espere{margin-left:10px;margin-top:3px}.video-container{text-align:center}@media screen and (max-width: 768px){.video-container video{max-width:100%;height:auto}}@media screen and (min-width: 768px){.video-container video{max-width:80%;height:auto}}.video-element.hidden{display:none}.video-element.visible{display:block}