#root{max-width:60%;margin:0 auto;padding:2rem}#root abbr{text-decoration:none}.home{display:grid;grid-template-columns:22% 50% 28%;grid-template-areas:"titulo titulo titulo" "articulos contenido rockola" "articulos contenido vacio1";padding-top:5px;gap:10px;width:95vw;justify-self:center}.home h1{text-align:center}.titulo{grid-area:titulo}.contenido{grid-area:contenido;border:2px solid blue;padding:.8em}.vacio1{grid-area:vacio1;width:100%;height:476px;border:2px solid blue}.articulos{grid-area:articulos;border:2px solid blue;padding:.8em;text-align:justify}.rockola{grid-area:rockola;border:2px solid blue;padding:.8em}.contenido h2,.articulos h2,.rockola h2,.cover-traslucido h2,.banda-canciones h2{margin-block-start:0}.tornamesa-home{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:fit-content;justify-items:center;justify-self:center}.tornamesa-home details{display:flex}.popup-summary{z-index:10;margin-left:1%;min-width:290px;position:absolute;text-align:justify;padding:0 5px;border:1px solid #ccc;background-color:#fff;box-shadow:2px 2px 5px #0003}.separacion{width:90%;margin-block-end:.3em;margin-block-start:.3em;border-top:black solid 2px}.rockolaImg{z-index:100;grid-row:1/1;grid-column:1/1}.rockolaImg img{width:350px;height:350px}.rockolaCarg{opacity:1;z-index:102;width:350px;height:356px;grid-row:1/1;display:flex;grid-column:1/1;text-align:center;visibility:visible;flex-direction:column;justify-content:center;background-color:#00000059;transition:opacity 2s ease,visibility 2s ease}.rockolaCarg.oculto{opacity:0;visibility:hidden}.vinilos{margin-top:195px;margin-left:2px!important;width:115px;height:auto;grid-row:1/1;grid-column:1/1;transition:margin 1s ease-in-out}.activa{margin-top:65px;animation:girarVinilo 2s linear infinite}.inactiva{margin-top:195px;animation-fill-mode:forwards;animation:girarVinilo 2s linear 1}.fondo-rockola{margin-top:65px;z-index:-1;width:170px;height:170px;background-color:#000;grid-row:1/1;grid-column:1/1}.cambios{width:35px;height:35px;background-color:transparent;background-size:cover;background-position:center;border-radius:15px;grid-row:1/1;grid-column:1/1;z-index:101;color:#000;padding:0}.cambios:focus,.coin:focus,.tutorial:focus{outline:none}.coin{width:14px;height:35px;grid-row:1/1;grid-column:1/1;padding:0;z-index:101;background-color:#000;border:4px solid gold;transform:translate(50px,209px)}.coin:hover{border-color:#daa520}.flex-center{display:flex;flex-direction:column;text-align:center}.spinner{align-self:center;width:80px;height:80px;border:4px solid #ccc;border-top-color:#2e5eff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inicio-grid-container{width:1130px;height:355px;display:grid;margin:10px 0;overflow-y:auto;padding:5px 0;justify-self:center;scroll-behavior:smooth;background-color:#000}.inicio-grid-container::-webkit-scrollbar{display:none}.inicio-grid-item{display:flex;min-height:320px;text-align:center;flex-direction:column;padding:5px 13px 5px 12px;row-gap:10px;border-right:1px white dotted;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.inicio-grid-item figcaption,.inicio-grid-item details{height:45px;align-content:center}.inicio-grid-item img{width:200px}.inicio-grid-item:last-child{border-right:0}.figcaptions{display:flex;flex-direction:row;align-items:center;grid-column:1/-1}.figcaptions figcaption{margin:0 40px}.figcaptions figcaption a{display:block;width:200px}.picture{display:flex;flex-direction:row;align-items:center;grid-column:1/-1}.picture img{margin:0 40px}.links{display:flex;flex-direction:row;align-items:center;grid-column:1/-1}.links details{margin:0 40px}.links details summary{width:200px}.cover-bandas{opacity:1;visibility:visible;pointer-events:none;width:1130px;height:335px;text-align:center;justify-self:center;align-content:center;position:absolute;top:106px;z-index:101;background-color:#00000080;transition:opacity 2s ease,visibility 2s ease}.cover-bandas h2{align-content:center;margin-block-end:0}.cover-bandas.oculto{opacity:0;visibility:hidden}.footer{width:1120px;display:flex;flex-direction:column;justify-self:center;text-align:center;padding:5px;background-color:#000;line-height:1.9}.footer p{margin:10px 0}.banda{display:grid;width:80vw;justify-self:center;grid-template-columns:1fr 1fr;grid-template-areas:"titulo titulo"}.banda h1{grid-area:titulo;text-align:center}.banda .banda-info img{width:50%}.banda .banda-info,.banda .banda-canciones{padding:20px}.no-banda-found{width:1130px;justify-self:center;display:flex;flex-direction:column}.about{width:100%;display:flex;justify-self:center;flex-direction:column}.articulosList{display:flex;flex-direction:column;justify-self:center}.article{text-align:justify;justify-self:center}.comentarios-form{display:flex;flex-direction:column}.comentarios-form button{width:fit-content;margin-bottom:2rem}.add-comment-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;width:max-content}.add-comment-form label{display:flex;flex-direction:column;justify-content:space-between}.add-comment-form input{width:300px}.add-comment-form #comentario{height:fit-content}.comments-list{display:grid;padding:0 2rem 2rem;background-color:#a8a8a8bb;color:#000}.comment{background-color:#fff;border:5px solid black;border-bottom:none}.comment h4,.comment p{margin:0;padding:1rem}.comment h4{background-color:#ccc}.comment:last-child{border-bottom:5px solid black}.formulario{margin-top:20px;display:grid;width:35%;align-self:center}.formulario input{height:30px;padding:1px 15px;border-radius:10px}.formulario input,.formulario button{margin:10px 0}.error-form{color:#fff}.error-form.active{animation:colorError 1s linear}@keyframes colorError{0%{color:red}25%{color:#ff4141}50%{color:#ff7575}75%{color:#ffb4b4}to{color:#fff}}.tornamesa{display:grid;width:calc(100vw - 17px);height:auto;justify-self:center;align-items:center;position:relative;overflow-y:hidden;padding-top:35px}.tornamesa img{width:200%;height:auto}.tornamesa .vacioImg{width:1px;height:auto}.tornamesa .vinilo:hover{transform:translate(-45%)}.tornamesa::-webkit-scrollbar{display:none}.vinilo{transition:transform .5s ease}@keyframes girarVinilo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinilo img:hover{animation:girarVinilo 2s linear infinite}.tooltip{position:relative;cursor:default}.tooltip:after{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.tooltip:hover:after{opacity:1}.cover-traslucido{opacity:1;visibility:visible;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:calc(100vw - 15px);height:calc(100vh - 100px);text-align:center;justify-self:center;align-content:center;position:absolute;top:100px;z-index:101;background-color:#00000080;transition:opacity 2s ease,visibility 2s ease}.cover-traslucido h2{align-content:center;margin-block-end:0}.cover-traslucido .espacios{display:flex;background-color:#00ffff80;height:100%;width:125px;align-items:center;justify-content:center;animation:fades 2s infinite}.cover-traslucido.oculto{opacity:0;visibility:hidden}@keyframes fades{0%{background-color:#00ffff80}50%{background-color:#00ffff40}to{background-color:#00ffff80}}@keyframes colorFades{0%{color:#ff0000b3}50%{color:#ff000080}to{color:#ff0000b3}}.tutorial{opacity:1;visibility:visible;position:absolute;width:45px;height:45px;top:42px;right:15px;border-radius:45px;padding:0;text-align:center;transition:opacity 2s ease,visibility 2s ease}.tutorial.oculto{opacity:0;visibility:hidden}@media only screen and (max-width: 1366px){.no-banda-found{width:120%}}@media only screen and (min-width: 1367px){.cover-traslucido{height:calc(100vh - 220px)}.tutorial{right:45px}}@media (max-width: 600px){#root{max-width:100%;margin:0;padding:0}.home{display:flex;flex-direction:column;padding-top:0;width:95%}.vacio1{width:0;height:0;visibility:hidden}.inicio-grid-container{width:100%;height:100%;display:flex;flex-direction:column}.inicio-grid-item{display:flex;flex-direction:column;border-left:0;border-right:0;border-top:1px white dotted}.inicio-grid-item:first-child{border-top:0}.footer{width:100%;padding:0}.no-banda-found{width:95vw;text-align:center}.about,.articulosList,.article{width:95%}.formulario{width:97vw;justify-items:center}.formulario input{width:65%}.tornamesa{height:75vh;width:100vw}.tutorial{top:28px;right:75px}.cover-traslucido{top:80px;width:100vw;background-color:#000;flex-wrap:nowrap;align-items:center;flex-direction:column;height:calc(100vh - 25%);justify-content:space-evenly}.cover-traslucido h3,.cover-traslucido h4{text-align:center;align-content:center;margin-block-end:0;margin-block-start:.5em;animation:colorFades 2s infinite}.cover-traslucido img{width:350px;height:auto}.not-found{width:95%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}nav,.nav-movil{background-color:#333;padding:10px;justify-self:center;text-align:center;width:97vw}nav ul{display:grid;grid-template-columns:150px 150px 150px 1fr 100px 70px;justify-items:right;align-items:center;list-style:none;margin:0;padding:0}nav li{display:inline;margin:0 15px}nav li a{cursor:pointer}nav .interactivo-desplegable{align-content:center}nav .interactivo-desplegable .contenedor-desplegable{position:relative;align-content:center}nav .desplegable{z-index:9998;display:flex;position:absolute;flex-direction:column;background-color:#333;top:66px;left:-36px;min-width:175px}nav a{color:#fff;text-decoration:none;font-weight:700;padding:5px 10px;border-radius:3px;transition:background-color .3s}.arctic{background-color:#a0a081}.arctic a,.arctic hr{color:#000}nav a:hover{background-color:#555}a h3{margin-bottom:.5em}a p{color:#adadad;font-size:.9em}a:hover{text-decoration:underline}@media (max-width: 600px){.nav-movil{display:flex;align-items:center;flex-direction:column;padding:0}.principal{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:space-between}.principal button{margin:10px}.accesos{top:80px;gap:20px;left:0;z-index:1001!important;position:absolute;width:100%;padding-top:20px}.accesos hr{width:50vw;margin-block-start:2em;margin-block-end:2em}.arctic{border-top:solid black 1px;border-bottom:solid black 1px}.sesion{padding-bottom:30px}.alternar-nav{padding:0;width:30px;height:30px;display:flex;align-items:center;flex-direction:column;justify-content:center}.alternar-nav hr{width:10px;margin-block:0;margin:2px 0}}