.contenedor-circular .modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;align-items:center;justify-content:center;background:rgba(35,31,32,0.5);backdrop-filter:blur(3px);z-index:9999}.contenedor-circular .modal.mostrar-video{display:flex;animation:aparecer 1s ease forwards;-webkit-animation:aparecer 1s ease forwards;-moz-animation:aparecer 1s ease forwards;-ms-animation:aparecer 1s ease forwards}@keyframes aparecer{from{opacity:0}to{opacity:1}}@-webkit-keyframes aparecer{from{opacity:0}to{opacity:1}}@-moz-keyframes aparecer{from{opacity:0}to{opacity:1}}@-ms-keyframes aparecer{from{opacity:0}to{opacity:1}}.modal video{max-width:90vw;max-height:calc(100vh - 80px);margin-top:60px;border-radius:4px}.contenedor-circular .modal.ocultar-video{animation:desaparecer .3s ease forwards;-webkit-animation:desaparecer .3s ease forwards;-moz-animation:desaparecer .3s ease forwards;-ms-animation:desaparecer .3s ease forwards}@keyframes desaparecer{from{opacity:1;transform:translateY(0%) scale(1)}to{opacity:0;transform:translateY(100%) scale(0)}}@-webkit-keyframes desaparecer{from{opacity:1;transform:translateY(0%) scale(1)}to{opacity:0;transform:translateY(100%) scale(0)}}@-moz-keyframes desaparecer{from{opacity:1;transform:translateY(0%) scale(1)}to{opacity:0;transform:translateY(100%) scale(0)}}@-ms-keyframes desaparecer{from{opacity:1;transform:translateY(0%) scale(1)}to{opacity:0;transform:translateY(100%) scale(0)}}.contenedor-circular button.cerrar-item{cursor:pointer;background:transparent;border:0;display:flex;align-items:center;justify-content:center;position:absolute;right:calc(10vw - 20px);top:80px;width:50px;height:50px;color:white}.contenedor-circular button.cerrar-item span{position:absolute;transition:all .3s}.contenedor-circular button.cerrar-item span:first-child{transform:rotateY(180deg) rotateZ(12deg)}.contenedor-circular button.cerrar-item span:last-child{transform:rotateY(0) rotateZ(10deg)}.contenedor-circular button.cerrar-item:hover span:first-child{transform:rotateY(180deg) rotateZ(-12deg);transition:all .3s}.contenedor-circular button.cerrar-item:hover span:last-child{transform:rotateY(0) rotateZ(-12deg);transition:all .3s}#circular{position:relative;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:20px;-webkit-animation:rotar 10s linear infinite;-moz-animation:rotar 10s linear infinite;animation:rotar 10s linear infinite}@-moz-keyframes rotar{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes rotar{100%{-webkit-transform:rotate(360deg)}}@keyframes rotar{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes rotar{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#circular:hover{color:#e1e2e4}#circular span{font-size:15px;font-family:aktiv-grotesk-thin,sans-serif;height:120px;text-align:center;position:absolute;left:0;right:0;top:0;bottom:0;transform-origin:center;-webkit-transform-origin:center;text-transform:uppercase;line-height:0;transition:all .5s cubic-bezier(.49,.3,.32,.92)}div#circular:hover span{transition:all .5s cubic-bezier(.49,.3,.32,.92)}#circular:after{content:"\025cf";border:1px solid;display:flex;border-radius:50px;color:#0d1130;align-items:center;justify-content:center;text-align:right;font-size:30px;line-height:1;letter-spacing:0;height:70px;width:70px;margin-bottom:5px;transition:all .3s cubic-bezier(.49,.3,.32,.92)}#circular:hover:after{content:"\025cf";line-height:1;letter-spacing:0;height:80px;width:80px;margin-bottom:5px;transition:all .3s cubic-bezier(.49,.3,.32,.92);color:#e1e2e4}