<turbo-stream action="append" target="tutorials_grid"><template><a class="group flex flex-col gap-4 text-amped-black transition" data-turbo="false" href="/es/blog/what-is-midi/"><div class="relative w-full overflow-hidden rounded-lg ring-1 ring-inset ring-black/10 h-[200px] bg-black/40"><img alt="¿Qué es el MIDI y cómo funciona?" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" decoding="async" loading="lazy" src="https://d2dsarr59elxj9.cloudfront.net/articles/what-is-midi/image_processing20260714-1-4aidy0.webp" /><div class="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-transparent to-black/40"></div></div><div class="flex flex-col gap-1"><p class="text-base font-medium opacity-50 line-clamp-1 leading-[1.5]">DAW techniques</p><p class="text-base font-medium line-clamp-2 leading-[1.5]">¿Qué es el MIDI y cómo funciona?</p></div></a><a class="group flex flex-col gap-4 text-amped-black transition" data-turbo="false" href="/es/blog/how-tomake-a-house-beat/"><div class="relative w-full overflow-hidden rounded-lg ring-1 ring-inset ring-black/10 h-[200px] bg-black/40"><img alt="Patrones clásicos de batería del house: cómo crear un ritmo de house" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" decoding="async" loading="lazy" src="https://d2dsarr59elxj9.cloudfront.net/articles/how-tomake-a-house-beat/image_processing20260702-1-e9qzb1.webp" /><div class="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-transparent to-black/40"></div></div><div class="flex flex-col gap-1"><p class="text-base font-medium opacity-50 line-clamp-1 leading-[1.5]">beatmaker</p><p class="text-base font-medium line-clamp-2 leading-[1.5]">Patrones clásicos de batería del house: cómo crear un ritmo de house</p></div></a><a class="group flex flex-col gap-4 text-amped-black transition" data-turbo="false" href="/es/blog/home-studio-setup/"><div class="relative w-full overflow-hidden rounded-lg ring-1 ring-inset ring-black/10 h-[200px] bg-black/40"><img alt="Configuración de un estudio casero para principiantes: equipo imprescindible para la producción musical" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" decoding="async" loading="lazy" src="https://d2dsarr59elxj9.cloudfront.net/articles/home-studio-setup/image_processing20260622-1-13rt4i8.webp" /><div class="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-transparent to-black/40"></div></div><div class="flex flex-col gap-1"><p class="text-base font-medium opacity-50 line-clamp-1 leading-[1.5]">audio tech</p><p class="text-base font-medium line-clamp-2 leading-[1.5]">Configuración de un estudio casero para principiantes: equipo imprescindible para la producción musical</p></div></a><a class="group flex flex-col gap-4 text-amped-black transition" data-turbo="false" href="/es/blog/chord-progressions/"><div class="relative w-full overflow-hidden rounded-lg ring-1 ring-inset ring-black/10 h-[200px] bg-black/40"><img alt="Cómo crear una progresión de acordes" class="absolute inset-0 w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" decoding="async" loading="lazy" src="https://d2dsarr59elxj9.cloudfront.net/articles/chord-progressions/image_processing20251121-1-1grhahx.webp" /><div class="absolute inset-0 pointer-events-none bg-gradient-to-b from-transparent via-transparent to-black/40"></div></div><div class="flex flex-col gap-1"><p class="text-base font-medium opacity-50 line-clamp-1 leading-[1.5]">music theory</p><p class="text-base font-medium line-clamp-2 leading-[1.5]">Cómo crear una progresión de acordes</p></div></a></template></turbo-stream><turbo-stream action="replace" target="load_more_button"><template><div class="flex justify-center mt-14" id="load_more_button"></div></template></turbo-stream>