@font-face{font-family:Comic Fallback;src:local(Comic Sans MS),local(ComicSansMS),local(Chalkboard SE),local(Comic Neue);font-display:swap}:root{--neg:#000;--pos:#fff;--gris:#666;--linea:1px solid var(--neg);--arial:Arial, Helvetica, "Liberation Sans", sans-serif;--comic:"Comic Fallback", "Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--pos);color:var(--neg);font-family:var(--arial);text-transform:lowercase;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}a{color:inherit}.wrap{max-width:860px;margin:0 auto;padding:0 20px}section{border-top:var(--linea);padding:48px 0}section:first-of-type{border-top:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:400}h2{margin-bottom:24px;font-size:15px}.num{font-family:var(--arial);color:var(--gris);margin-right:10px}.dim{color:var(--gris)}.comic{font-family:var(--comic)}.hero{padding:72px 0 56px}.hero h1{font-family:var(--comic);margin-bottom:18px;font-size:clamp(48px,13vw,104px);line-height:.92}.hero p{max-width:34em;margin:0}.nada{padding:130px 0}.cassette-solo{flex-direction:column;align-items:center;gap:30px;display:flex}.cassette-caja{touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;max-width:360px;padding:14px 0}.cassette{cursor:ew-resize;outline:none;width:100%;height:auto;display:block}.cassette:focus-visible{outline:1px solid var(--gris);outline-offset:12px}.agarre{cursor:grab}.agarre:active{cursor:grabbing}.transporte{gap:8px;display:flex}button.tecla-t{border:var(--linea);background:var(--pos);width:62px;height:44px;color:var(--neg);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;padding:0;display:inline-flex}button.tecla-t:hover{background:#f0f0f0}button.tecla-t:active,button.tecla-t.on{background:var(--neg);color:var(--pos)}.teclado{margin-bottom:8px}.fila{grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:6px;display:grid}.fila:nth-child(3) .pad:first-child{grid-column-start:2}.pad{aspect-ratio:1;border:var(--linea);background:var(--pos);min-width:0;color:var(--neg);font-family:var(--arial);text-transform:lowercase;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7px;font-size:11px;transition:background 90ms linear,color 90ms linear;display:flex}.pad .tecla{font-family:var(--comic);font-size:20px;line-height:1}.pad .nombre{color:var(--gris)}.pad.on,.pad:active{background:var(--neg);color:var(--pos);transition:none}.pad.on .nombre,.pad:active .nombre{color:var(--pos)}.loops{border:var(--linea);border-bottom:0}.loop{border:0;border-bottom:var(--linea);background:var(--pos);width:100%;color:var(--neg);font-family:var(--arial);text-transform:lowercase;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:11px 14px;font-size:14px;display:flex}.loop:hover{background:#f0f0f0}.loop.on{background:var(--neg);color:var(--pos)}.loop.on:hover{background:var(--neg)}.loop .tecla{font-family:var(--comic);flex:none;width:16px;font-size:17px}.loop .nombre{flex:1}.loop .bpm{color:var(--gris);flex:none}.loop.on .bpm{color:var(--pos)}.loop .barra{opacity:.2;background:currentColor;flex:none;width:60px;height:3px}.loop .barra i{background:currentColor;width:0;height:100%;display:block}.loop.on .barra{opacity:1;background:#ffffff4d}.controles{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}button.btn{border:var(--linea);background:var(--pos);color:var(--neg);font-family:var(--arial);text-transform:lowercase;cursor:pointer;padding:9px 14px;font-size:13px}button.btn:hover{background:#f0f0f0}button.btn[disabled]{color:var(--gris);cursor:default;border-color:#c4c4c4}button.btn[disabled]:hover{background:var(--pos)}button.btn.rec{background:var(--neg);color:var(--pos)}.estado{color:var(--gris)}.comprar{border:var(--linea);font-family:var(--comic);padding:16px 22px;font-size:22px;text-decoration:none;display:inline-block}.comprar:hover{background:var(--neg);color:var(--pos)}.lista{border:var(--linea);border-bottom:0}.fila-enlace{border-bottom:var(--linea);color:var(--neg);align-items:baseline;gap:12px;padding:14px;text-decoration:none;display:flex}.fila-enlace:hover{background:var(--neg);color:var(--pos)}.fila-enlace .titulo{flex:none}.fila-enlace .que{color:var(--gris);flex:1}.fila-enlace:hover .que{color:var(--pos)}svg.flecha{flex:none;align-self:center}.contacto{flex-direction:column;gap:14px;max-width:34em;display:flex}.contacto label{flex-direction:column;gap:5px;display:flex}.contacto label span{color:var(--gris)}.contacto input:not([type=checkbox]),.contacto textarea{border:var(--linea);background:var(--pos);color:var(--neg);font-family:var(--arial);-webkit-appearance:none;resize:vertical;border-radius:0;padding:10px 12px;font-size:15px}.contacto input:focus,.contacto textarea:focus{outline:2px solid var(--neg);outline-offset:-2px}.contacto .trampa{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contacto .casilla{cursor:pointer;flex-direction:row;align-items:center;gap:9px}.contacto .casilla input{appearance:none;border:var(--linea);background:var(--pos);cursor:pointer;flex:none;width:20px;height:20px;margin:0;padding:0;position:relative}.contacto .casilla input:checked{background:var(--neg)}.contacto .casilla input:checked:after{content:"";border:solid var(--pos);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.contacto .casilla input:focus-visible{outline:2px solid var(--neg);outline-offset:2px}.contacto .casilla span{color:var(--neg)}.contacto .controles{margin-top:0}.tweet{border:var(--linea);flex-direction:column;justify-content:center;min-height:150px;padding:20px;display:flex}.tweet .texto{margin:0;font-size:20px;line-height:1.3}.tweet .quien{color:var(--gris);margin:0 0 12px}.veredicto a{color:var(--gris)}.opciones{gap:8px;margin-top:8px;display:flex}.opciones button{flex:1;padding:17px;font-size:15px}footer{border-top:var(--linea);color:var(--gris);flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding:28px 0 60px;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--neg)}.links{flex-wrap:wrap;gap:16px;display:flex}@media (width<=720px){.nada{padding:70px 0}.teclado{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fila{display:contents}.fila:nth-child(3) .pad:first-child{grid-column-start:auto}.pad{aspect-ratio:3/2;text-align:center;justify-content:center;align-items:center;font-size:12px}.pad .tecla{display:none}.pad .nombre{color:var(--neg)}}