.bloques__cuerpo{grid-template-columns:minmax(250px,.9fr) 1.1fr 1fr}.bloques__paleta{margin-top:1rem}.bloques__lista{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.bloque{--b:var(--ruta-innovator);background:var(--b);color:#fff;border:2px solid var(--linea);text-align:left;border-radius:.7rem;font-size:.92rem;font-weight:800;position:relative}.bloque--paleta{cursor:grab;box-shadow:3px 3px 0 var(--linea);padding:.55rem .8rem .55rem 1.1rem;transition:translate .12s,box-shadow .12s}.bloque--paleta:before{content:"";background:#ffffff8c;border-radius:2px;width:.35rem;height:1.1rem;position:absolute;top:50%;left:.4rem;translate:0 -50%}.bloque--paleta:hover{box-shadow:5px 5px 0 var(--linea);translate:-2px -2px}.bloque--paleta:active{box-shadow:1px 1px 0 var(--linea);cursor:grabbing;translate:1px 1px}.bloque__dos-puntos{opacity:.7;margin-left:.3rem}.bloques__cab{justify-content:space-between;align-items:center;display:flex}.bloques__cuenta{color:var(--tinta-suave);font-size:.8rem;font-weight:800}.bloques__lienzo{background:var(--codigo-fondo);border:var(--borde);box-shadow:4px 4px 0 var(--linea);background-image:radial-gradient(#ffffff1f 1.2px,#0000 1.2px);background-size:18px 18px;border-radius:1.1rem;min-height:19rem;max-height:30rem;padding:.9rem;overflow:auto}.bloques__inicio{background:var(--amarillo);color:var(--navy);border:2px solid var(--linea);border-radius:.8rem .8rem .3rem .3rem;padding:.4rem .9rem;font-size:.9rem;font-weight:800;display:inline-block}.bloques__pila{border-radius:.6rem;flex-direction:column;gap:.3rem;min-height:2.6rem;padding:.35rem;transition:background .15s;display:flex}.bloques__lienzo--vacio [data-raiz]:after{content:"Toca un bloque de la izquierda o arrástralo aquí";color:#9b8fab;padding:.6rem .4rem;font-size:.85rem;font-weight:700}.bloques__pila--interna{background:#0000001f;border-left:4px solid #ffffff73;min-height:2.2rem;margin-left:1.1rem}.bloques__pila--interna:not(:has(.bloque)):after{content:"toca aquí para meter bloques";color:#ffffffb3;padding:.2rem .4rem;font-size:.75rem;font-weight:700}.bloques__pila--activa{outline:2px dashed var(--amarillo);outline-offset:2px}.bloques__pila--sobre{background:#ffd20040}.bloque--prog{cursor:grab}.bloque--prog.bloque--arrastrando{opacity:.4}.bloque--activo{outline:3px solid var(--amarillo);outline-offset:2px;box-shadow:0 0 0 6px #ffd20040}.bloque__cab{align-items:center;gap:.4rem;padding:.45rem .5rem;display:flex}.bloque__cab--sino{border-top:2px solid #ffffff59;margin-top:.2rem}.bloque__asa{opacity:.55;letter-spacing:-.2em;margin-right:.2rem;font-size:.9rem}.bloque__texto{flex:none}.bloque__num{width:3.2rem;font:inherit;text-align:center;border:2px solid var(--linea);color:var(--navy);background:#fff;border-radius:.5rem;padding:.1rem .2rem;font-weight:800}.bloque__acciones{gap:.15rem;margin-left:auto;display:flex}.bloque__acciones button{border:1.5px solid var(--linea);width:1.5rem;height:1.5rem;color:var(--navy);background:#ffffffe6;border-radius:.4rem;place-items:center;padding:0;font-size:.75rem;font-weight:800;display:grid}.bloque__acciones button:hover{background:var(--amarillo)}.bloque--contenedor{padding-bottom:.35rem}.bloques__codigo{background:var(--superficie);border:2px solid var(--linea);border-radius:.9rem;padding:.6rem .9rem;font-size:.9rem}.bloques__codigo summary{cursor:pointer;font-weight:800}.bloques__codigo pre{background:var(--codigo-fondo);color:#fff;font-family:var(--mono);border-radius:.7rem;margin:.6rem 0;padding:.7rem .9rem;font-size:.85rem;line-height:1.5;overflow:auto}.bloques__codigo p{color:var(--tinta-suave);font-size:.85rem}.bloques__codigo a{color:var(--tinta);font-weight:800}.zc-heroe__bloques{width:100%;max-width:30rem;margin-inline:auto;position:relative}.zc-heroe__bloques>.ilus:first-child{background:var(--superficie);border:var(--borde);box-shadow:8px 8px 0 var(--ruta-creator);border-radius:1.6rem;padding:1.5rem 2rem}.zc-heroe__bloques .zc-heroe__bit{width:9rem;animation:6s ease-in-out infinite flota;position:absolute;bottom:-2.5rem;right:-2rem;rotate:8deg}@media (width<=1180px){.bloques__cuerpo{grid-template-columns:1fr 1fr}.bloques .sim__guia{display:block}}@media (width<=820px){.bloques__cuerpo{grid-template-columns:1fr}.bloques__lista{flex-flow:wrap}.zc-heroe__bloques .zc-heroe__bit{width:6.5rem;right:-.5rem}}.mate-zona{--c:var(--mate)}.mate__modos{grid-template-columns:1fr 1.4fr;gap:1.2rem;display:grid}.mate__modo{text-align:left;background:var(--superficie);color:var(--tinta);border:var(--borde);box-shadow:5px 5px 0 var(--c);border-radius:1.4rem;flex-direction:column;gap:.4rem;padding:1.5rem;display:flex}.mate__modo b{font-family:var(--display);font-size:1.5rem;line-height:1.1}.mate__modo small{color:var(--tinta-suave);font-size:.92rem;font-weight:600}.mate__modo-icono{background:var(--c);color:#fff;border:2px solid var(--linea);border-radius:.9rem;place-items:center;width:3rem;height:3rem;margin-bottom:.4rem;display:grid}.mate__modo--descubre{--c:var(--ruta-creator);cursor:pointer;transition:translate .15s,box-shadow .15s}.mate__modo--descubre:hover{box-shadow:8px 8px 0 var(--c);translate:-3px -3px}.mate__niveles{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.8rem;display:grid}.mate__niveles button{background:color-mix(in srgb, var(--mate) calc(45% + var(--i) * 14%), #1a0628);color:#fff;border:2px solid var(--linea);border-radius:.9rem;flex-direction:column;align-items:center;gap:.1rem;padding:.7rem .3rem;transition:translate .12s,box-shadow .12s;display:flex}.mate__niveles button b{font-family:var(--display);font-size:1.3rem}.mate__niveles button span{text-align:center;font-size:.68rem;font-weight:800;line-height:1.1}.mate__niveles button:hover{box-shadow:4px 4px 0 var(--linea);translate:-2px -2px}.mate__barra{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.88rem;font-weight:800;display:flex}.mate__progreso{border:2px solid var(--linea);background:var(--superficie);border-radius:99px;flex:1;min-width:8rem;height:.8rem;overflow:hidden}.mate__progreso i{background:linear-gradient(90deg, var(--morado), var(--naranja), var(--amarillo));height:100%;transition:width .3s;display:block}.mate__racha{color:var(--naranja)}.mate__tarjeta{background:var(--superficie);border:var(--borde);box-shadow:6px 6px 0 var(--c);border-radius:1.4rem;max-width:46rem;margin-inline:auto;padding:clamp(1.2rem,3vw,2rem);position:relative}.mate__tarjeta--entra{animation:.35s cubic-bezier(.22,1,.36,1) panel}.mate__tema{letter-spacing:.1em;text-transform:uppercase;color:var(--c);font-size:.75rem;font-weight:800}.mate__pregunta{font-family:var(--display);margin:.5rem 0 1.3rem;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:800;line-height:1.15}.mate__opciones{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.mate__opciones button{font-family:var(--display);background:var(--suave);color:var(--tinta);border:var(--borde);border-radius:1rem;padding:.9rem 1rem;font-size:1.3rem;font-weight:800;transition:translate .12s,box-shadow .12s,background .15s}.mate__opciones button:not(:disabled):hover{box-shadow:4px 4px 0 var(--linea);background:var(--superficie);translate:-2px -2px}.mate__opciones button.correcta{background:var(--ruta-explorer);color:#fff;box-shadow:3px 3px 0 var(--linea)}.mate__opciones button.incorrecta{color:#fff;background:#e5383b;animation:.4s choque}.mate__opciones button:disabled:not(.correcta):not(.incorrecta){opacity:.5}.mate__feedback{border:2px solid var(--linea);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.1rem;padding:.9rem 1.1rem;animation:.3s panel;display:flex}.mate__feedback--bien{background:color-mix(in srgb, var(--ruta-explorer) 16%, var(--superficie))}.mate__feedback--mal{background:color-mix(in srgb, var(--naranja) 16%, var(--superficie))}.mate__feedback p{flex:18rem;font-size:.95rem}.mate__cambio{border:2px solid var(--linea);background:var(--amarillo);color:var(--navy);border-radius:99px;padding:.25rem .7rem;font-size:.85rem;font-weight:800}.mate__cambio--baja{background:var(--suave);color:var(--tinta)}.mate__resultado{gap:1.2rem;max-width:46rem;margin-inline:auto;display:grid;position:relative}.mate__res-cab{align-items:center;gap:1.2rem;display:flex}.mate__res-nivel{background:var(--c);color:#fff;border:var(--borde);width:5.5rem;height:5.5rem;box-shadow:var(--sombra);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:2rem;font-weight:800;animation:.6s cubic-bezier(.34,1.56,.64,1) estampa;display:grid}.mate__res-cab h3{margin:.2rem 0 .3rem;font-size:1.7rem}.mate__res-cab p:last-child{color:var(--tinta-suave)}.mate__res-datos{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.mate__res-datos li{background:var(--superficie);border:var(--borde);text-align:center;border-radius:1rem;padding:.8rem}.mate__res-datos b{font-family:var(--display);color:var(--c);font-size:1.7rem;display:block}.mate__res-datos small{color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.mate__temas{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.mate__temas li{background:var(--superficie);border:2px solid var(--linea);border-radius:.8rem;justify-content:space-between;gap:.5rem;padding:.5rem .9rem;font-size:.9rem;font-weight:700;display:flex}.mate__temas li.bien{border-color:var(--ruta-explorer);background:color-mix(in srgb, var(--ruta-explorer) 12%, var(--superficie))}.mate__temas li.mal{border-color:var(--naranja);background:color-mix(in srgb, var(--naranja) 12%, var(--superficie))}.mate__aviso{color:var(--tinta-suave);font-size:.85rem;font-weight:600}@media (width<=820px){.mate__modos,.mate__opciones,.mate__temas{grid-template-columns:1fr}.mate__res-datos{gap:.5rem}}@media (width<=560px){.mate__niveles{grid-template-columns:repeat(2,1fr)}.mate__res-cab{flex-direction:column;align-items:start}}html[data-idioma=en] .bloques__lienzo--vacio [data-raiz]:after{content:"Tap a block on the left or drag it here"}html[data-idioma=en] .bloques__pila--interna:not(:has(.bloque)):after{content:"tap here to add blocks"}