.footer{width:100%;height:10%;display:flex;justify-content:space-around;align-items:center;background-color:#000;color:#fff;font-size:.75rem}#audio-player{display:flex;border:none;background-color:transparent}#audio-player path{stroke:#fff}.container,body,html,section{height:100%}.container{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}#containerVistaCategoria{height:100%}#contenido-categoria{display:flex;flex-direction:row}.titleCategoria{width:200px;padding:10px;border:6px solid #000}.colContainer{align-items:center;width:100%;height:100%;justify-content:center;overflow-y:scroll}.colContainer,.column{display:flex;flex-direction:column}.column{align-items:stretch;gap:20px}.ctgr{display:flex;border:8px solid #000;width:200px;font-size:2rem;padding:20px;font-weight:900;color:#000;text-decoration:none;justify-content:center}.ctgr:hover{transform:translateY(-5px);background-color:transparent}.imagenes-participantes{border:6px solid #000}.imagenes-participantes:hover{transform:translateY(-5px)}#contenedor-grupo-iframe{padding:0 10px 10px}#contenedor-nombre-participante{display:flex;justify-content:center}#nombre-participante{background-color:#fff;border:4px solid #000;width:-moz-fit-content;width:fit-content;padding:0 10px;position:relative;top:40px}iframe{height:700px;width:1280px}#iframe-participante{padding:6px;border:4px solid #000}#cuna{display:block;background-color:#fff;width:1280px;font-size:large;font-weight:700}@media screen and (max-width:2000px){iframe{height:360px;width:640px}}@media screen and (max-width:1368px){#contenido-categoria{display:flex;flex-direction:column}.ctgr{border-width:4px;width:160px;font-size:1.5rem;padding:10px;text-decoration:none;justify-content:center}iframe{height:270px;width:480px}#cuna{display:block;background-color:#fff;width:480px;font-size:small}}@media screen and (max-width:540px){iframe{height:240px;width:426px}#cuna{display:none}}@media screen and (max-width:420px){iframe{height:168px;width:300px}.imagenes-participantes{border:3px solid #000}}@media screen and (max-width:300px){iframe{height:auto;width:240px}.imagenes-participantes{border:2px solid #000}#btnArrow{font-size:smaller}}.flecha{font-size:xxx-large}.black{color:#000}.white{color:#fff}#btnArrow{padding:0;border:none;outline:none;font:inherit;transition:all .1s ease;position:relative;right:10px;color:inherit;background:none}#btnArrow:hover{transition:all .1s ease;transform:translateX(-10px)}#btnArrow:active{transform:translateX(20px)}.arrowForward,.flechasInicio{display:flex;justify-content:flex-end;align-items:center;width:100%}.flechasInicio:hover{transition:all .1s ease;transform:translateX(-10px)}@media screen and (max-width:640px){.arrowForward{color:#000}}@media screen and (max-width:300px){#btnArrow{position:inherit}}