<!DOCTYPE html><html lang="pt-BR"> <head><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" href="/favicon-192x192.png" sizes="192x192"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><meta name="msapplication-TileImage" content="/favicon-192x192.png"><link rel="sitemap" href="/sitemap-index.xml"><link rel="alternate" type="application/rss+xml" title="Home Studio Fans" href="https://www.homestudiofans.com/rss.xml"><meta name="generator" content="Astro v5.17.1"><!-- Font display optimization --><!-- Canonical URL --><link rel="canonical" href="https://www.homestudiofans.com/"><!-- Primary Meta Tags --><title>Home Studio Fans</title><meta name="title" content="Home Studio Fans"><meta name="description" content="Home Studio. Descubra como montar um estúdio de gravações em casa com nosso Curso de Home Studio."><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://www.homestudiofans.com/"><meta property="og:title" content="Home Studio Fans"><meta property="og:description" content="Home Studio. Descubra como montar um estúdio de gravações em casa com nosso Curso de Home Studio."><meta property="og:image" content="https://www.homestudiofans.com/_astro/blog-placeholder-1.Bx0Zcyzv.jpg"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://www.homestudiofans.com/"><meta property="twitter:title" content="Home Studio Fans"><meta property="twitter:description" content="Home Studio. Descubra como montar um estúdio de gravações em casa com nosso Curso de Home Studio."><meta property="twitter:image" content="https://www.homestudiofans.com/_astro/blog-placeholder-1.Bx0Zcyzv.jpg"><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Home Studio Fans","description":"Home Studio. Descubra como montar um estúdio de gravações em casa com nosso Curso de Home Studio.","url":"https://www.homestudiofans.com/","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.homestudiofans.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
            <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Home Studio Fans","url":"https://www.homestudiofans.com/","logo":"https://www.homestudiofans.com/logo-hsf.png","description":"Home Studio. Descubra como montar um estúdio de gravações em casa com nosso Curso de Home Studio.","sameAs":[]}</script><!-- Preconnect to critical third-party origins --><link rel="preconnect" href="https://cdn.sanity.io" crossorigin><link rel="dns-prefetch" href="https://cdn.sanity.io"><link rel="preconnect" href="https://www.googletagmanager.com" crossorigin><link rel="dns-prefetch" href="https://www.googletagmanager.com"><link rel="preload" as="image" href="/_astro/hero-home-studio.zAhvH0BU_DVGlS.webp" fetchpriority="high"><!-- Google Analytics - deferred to avoid blocking LCP --><script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			
			function loadGA() {
				var s = document.createElement('script');
				s.src = 'https://www.googletagmanager.com/gtag/js?id=G-8NV3SLELFV';
				s.async = true;
				document.head.appendChild(s);
				gtag('js', new Date());
				gtag('config', 'G-8NV3SLELFV');
			}

			if ('requestIdleCallback' in window) {
				requestIdleCallback(loadGA, { timeout: 3000 });
			} else {
				setTimeout(loadGA, 2000);
			}
		</script><link rel="stylesheet" href="/_astro/_slug_.CbdGdwpx.css"></head> <body class="flex flex-col min-h-screen bg-gray-50 text-gray-900"> <header class="bg-white shadow-md sticky top-0 z-50 border-b border-gray-100"> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between items-center h-[90px]"> <!-- Logo --> <div class="flex-shrink-0 flex items-center"> <a href="/" class="flex flex-col items-center gap-1 group"> <img src="/logo-hsf.png" alt="Home Studio Fans Logo" class="max-h-[70px] w-auto transition-transform duration-300 group-hover:scale-105" width="200" height="70" loading="eager" fetchpriority="high" decoding="async"> </a> </div> <!-- Desktop Navigation --> <div class="hidden md:flex items-stretch gap-x-10 h-full"> <a href="/" class="text-sm font-sans font-semibold tracking-wide inline-flex items-center h-full px-1 border-b-2 text-sm font-medium transition-all duration-200 border-accent text-accent"> Home </a> <a href="/sobre" class="text-sm font-sans font-semibold tracking-wide inline-flex items-center h-full px-1 border-b-2 text-sm font-medium transition-all duration-200 border-transparent text-gray-600 hover:text-accent"> Sobre </a> <a href="/contato" class="text-sm font-sans font-semibold tracking-wide inline-flex items-center h-full px-1 border-b-2 text-sm font-medium transition-all duration-200 border-transparent text-gray-600 hover:text-accent"> Contato </a> </div> <!-- Mobile Button --> <div class="flex md:hidden"> <button id="mobile-menu-button" type="button" class="text-gray-600 hover:text-accent focus:outline-none p-2" aria-label="Abrir menu"> <svg class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path id="menu-icon-open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> <path id="menu-icon-close" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <!-- Mobile Menu Container --> <div id="mobile-menu" class="hidden md:hidden overflow-hidden transition-all duration-300 ease-in-out border-t border-gray-100 pb-4 bg-white"> <div class="flex flex-col gap-y-2 pt-4 px-2 font-sans"> <a href="/" class="text-base font-semibold py-2 px-4 rounded-lg hover:bg-gray-50 tracking-wide inline-flex items-center h-full px-1 border-b-2 text-sm font-medium transition-all duration-200 border-accent text-accent"> Home </a> <a href="/sobre" class="text-base font-semibold py-2 px-4 rounded-lg hover:bg-gray-50 tracking-wide inline-flex items-center h-full px-1 border-b-2 text-sm font-medium transition-all duration-200 border-transparent text-gray-600 hover:text-accent"> Sobre </a> <a href="/contato" class="text-base font-semibold py-2 px-4 rounded-lg hover:bg-gray-50 tracking-wide inline-flex items-center h-full px-1 border-b-2 text-sm font-medium transition-all duration-200 border-transparent text-gray-600 hover:text-accent"> Contato </a> </div> </div> </nav> <script type="module">const e=document.getElementById("mobile-menu-button"),t=document.getElementById("mobile-menu"),n=document.getElementById("menu-icon-open"),o=document.getElementById("menu-icon-close");e&&t&&n&&o&&e.addEventListener("click",()=>{const d=e.getAttribute("aria-expanded")==="true";t.classList.toggle("hidden"),n.classList.toggle("hidden"),o.classList.toggle("hidden"),e.setAttribute("aria-expanded",!d)});</script> </header> <main class="flex-grow w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">  <section class="relative bg-primary py-12 sm:py-16 rounded-2xl overflow-hidden mb-12 shadow-xl"> <div class="absolute inset-0"> <img src="/_astro/hero-home-studio.zAhvH0BU_DVGlS.webp" alt="Home Studio Equipment" loading="eager" fetchpriority="high" decoding="async" width="1400" height="600" class="w-full h-full object-cover opacity-50"> <!-- Overlay azul marinho sólido com transparência --> <div class="absolute inset-0 bg-primary/70"></div> </div> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <h1 class="text-4xl font-extrabold tracking-tight text-white sm:text-5xl lg:text-6xl mb-4 drop-shadow-sm"> Home Studio Fans </h1> <p class="mt-4 text-lg text-gray-100 max-w-3xl mx-auto mb-6 font-light leading-relaxed drop-shadow-md">
Home Recording Simplificado. Capacitando artistas e criadores com educação de áudio de alta qualidade e guias de equipamentos.
</p> <div class="mt-6 flex justify-center gap-4"> <a href="/sobre" class="inline-flex items-center justify-center px-8 py-3 border border-white text-lg font-bold rounded-lg text-white hover:bg-white/10 transition-all duration-300">
Saiba Mais
</a> </div> </div> </section> <div class="grid grid-cols-1 lg:grid-cols-3 gap-12"> <!-- Main Content --> <div class="lg:col-span-2"> <div class="flex items-center justify-between mb-8"> <h2 class="text-3xl font-bold text-primary">Últimos Posts</h2> </div> <div class="grid gap-8 md:grid-cols-2"> <article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/b721252983d54601b81812d2d0d1b72a81213aff-1376x768_1N38B8.webp" alt="Review Sincero: Shure SM4 vale a pena? Testei Tudo Nele" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2026-03-11T19:02:00.000Z"> 11 de mar. de 2026 </time></span> </div> <a href="/equipamentos/review-sincero-shure-sm4-vale-a-pena" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Review Sincero: Shure SM4 vale a pena? Testei Tudo Nele </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/equipamentos/review-sincero-shure-sm4-vale-a-pena" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/cf7f71f6359dec38e99a1ce27d7d75cccd8432e7-1376x768_ZeYewr.webp" alt="Como Fazer Música no Celular: O Guia Definitivo para Produzir Hits no Bolso (Sem Desculpas!)" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2026-05-01T15:13:00.000Z"> 1 de mai. de 2026 </time></span> </div> <a href="/equipamentos/como-fazer-musica-no-celular-o-guia-definitivo" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Como Fazer Música no Celular: O Guia Definitivo para Produzir Hits no Bolso (Sem Desculpas!) </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/equipamentos/como-fazer-musica-no-celular-o-guia-definitivo" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/5e5b9b69621d8dae56226ffbc5b2f4574525d722-1376x768_1vQGXj.webp" alt="Como Usar o SUNO para Produzir Músicas de Alta Qualidade no seu Home Studio" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2026-03-10T13:19:00.000Z"> 10 de mar. de 2026 </time></span> </div> <a href="/home-studio/como-usar-o-suno-para-produzir-musicas-de-alta-qualidade-no-seu-home-studio" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Como Usar o SUNO para Produzir Músicas de Alta Qualidade no seu Home Studio </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/home-studio/como-usar-o-suno-para-produzir-musicas-de-alta-qualidade-no-seu-home-studio" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/3569caab57d39b39a64742bf84210544f0367c29-1250x650_3wcj3.webp" alt="Top 5 Controladores MIDI com Pads Essenciais para Beats Incríveis" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-08-10T00:06:20.000Z"> 10 de ago. de 2025 </time></span> </div> <a href="/equipamentos/top-5-controladores-midi-com-pads-essenciais-para-beats-incriveis" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Top 5 Controladores MIDI com Pads Essenciais para Beats Incríveis </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/equipamentos/top-5-controladores-midi-com-pads-essenciais-para-beats-incriveis" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/924063626a911c98bd91f68b97c102cb793523d1-1200x628_ZV1bey.webp" alt="Produção Musical em Qualquer Lugar: Montando um Setup Móvel Imbatível" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-06-13T04:24:09.000Z"> 13 de jun. de 2025 </time></span> </div> <a href="/home-studio/producao-musical-em-qualquer-lugar-montando-um-setup-movel-imbativel" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Produção Musical em Qualquer Lugar: Montando um Setup Móvel Imbatível </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/home-studio/producao-musical-em-qualquer-lugar-montando-um-setup-movel-imbativel" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/8d047d1309f50846e6a7d09be6be97d436b4842d-1200x628_mVf.webp" alt="Cortinas e Tapetes Acústicos: Funcionam Mesmo? Guia Prático + Dicas Extras" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-06-04T18:36:01.000Z"> 4 de jun. de 2025 </time></span> </div> <a href="/home-studio/cortinas-e-tapetes-acusticos-funcionam-mesmo-guia-pratico-dicas-extras" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Cortinas e Tapetes Acústicos: Funcionam Mesmo? Guia Prático + Dicas Extras </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/home-studio/cortinas-e-tapetes-acusticos-funcionam-mesmo-guia-pratico-dicas-extras" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/379a2838f88b32502241af21bd63c1ff61aea72a-1200x628_ZF78zU.webp" alt="Top 5 Cadeiras Ergonômicas Essenciais para Produtores Musicais" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-06-01T16:22:33.000Z"> 1 de jun. de 2025 </time></span> </div> <a href="/equipamentos/top-5-cadeiras-ergonomicas-essenciais-para-produtores-musicais" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Top 5 Cadeiras Ergonômicas Essenciais para Produtores Musicais </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/equipamentos/top-5-cadeiras-ergonomicas-essenciais-para-produtores-musicais" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/7eed76b022ff3a8bb470b1cf077fd50318dc5a32-1200x628_KjcdM.webp" alt="Como Evitar a Fadiga Auditiva ao Mixar: Técnicas e Boas Práticas" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-05-30T15:16:15.000Z"> 30 de mai. de 2025 </time></span> </div> <a href="/home-studio/como-evitar-a-fadiga-auditiva-ao-mixar-tecnicas-e-boas-praticas" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Como Evitar a Fadiga Auditiva ao Mixar: Técnicas e Boas Práticas </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/home-studio/como-evitar-a-fadiga-auditiva-ao-mixar-tecnicas-e-boas-praticas" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/3eb36d9a4f60b84c48ee214843f79fce5b898980-1200x628_1GfwPc.webp" alt="5 Dicas Essenciais para Lançar Seu Single Online e Bombardear as Paradas" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-05-28T16:52:22.000Z"> 28 de mai. de 2025 </time></span> </div> <a href="/negocios-da-musica/5-dicas-essenciais-para-lancar-seu-single-online-e-bombardear-as-paradas" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> 5 Dicas Essenciais para Lançar Seu Single Online e Bombardear as Paradas </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/negocios-da-musica/5-dicas-essenciais-para-lancar-seu-single-online-e-bombardear-as-paradas" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/fbe9dbe46069929f91fe944e03ab13a3deca6d6e-1200x628_1t9uS2.webp" alt="Descubra os Melhores Sites de Samples Musicais para Produtores Iniciantes" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-05-27T16:15:42.000Z"> 27 de mai. de 2025 </time></span> </div> <a href="/dj-zone/descubra-os-melhores-sites-de-samples-musicais-para-produtores-iniciantes" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Descubra os Melhores Sites de Samples Musicais para Produtores Iniciantes </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/dj-zone/descubra-os-melhores-sites-de-samples-musicais-para-produtores-iniciantes" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/9a116d01a5581f3716a98dd69735d138aff38b4e-1200x628_Z1jjFDG.webp" alt="Como Montar um Isobox Barato e Eficaz para Seu Home Studio" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-05-27T01:28:37.000Z"> 27 de mai. de 2025 </time></span> </div> <a href="/home-studio/como-montar-um-isobox-barato-e-eficaz-para-seu-home-studio" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Como Montar um Isobox Barato e Eficaz para Seu Home Studio </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/home-studio/como-montar-um-isobox-barato-e-eficaz-para-seu-home-studio" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article><article class="flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm border border-gray-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1 group"> <div class="aspect-video overflow-hidden relative"> <img src="/_astro/cbef37ae252979cd67ac8b90079d3d56c15648fa-1200x628_19usrq.webp" alt="Publicação Independente vs. Gravadoras: Qual o Melhor Caminho Para Sua Música?" loading="lazy" decoding="async" fetchpriority="auto" width="600" height="338" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-primary/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> </div> <div class="flex flex-1 flex-col justify-between p-6"> <div class="flex-1"> <div class="flex items-center gap-2 mb-3"> <span class="text-[10px] font-sans font-bold text-accent uppercase tracking-widest px-2 py-1 bg-accent/10 rounded">Artigo</span> <span class="text-xs font-sans text-gray-400 uppercase tracking-tighter">Atualizado em: <time datetime="2025-05-22T15:49:27.000Z"> 22 de mai. de 2025 </time></span> </div> <a href="/negocios-da-musica/publicacao-independente-vs-gravadoras-qual-o-melhor-caminho-para-sua-musica" class="block group/link"> <h3 class="text-xl font-serif font-bold text-primary group-hover/link:text-accent transition-colors duration-200 leading-snug"> Publicação Independente vs. Gravadoras: Qual o Melhor Caminho Para Sua Música? </h3> <p class="mt-3 text-sm font-sans text-gray-500 line-clamp-3 leading-relaxed">  </p> </a> </div> <div class="mt-6 pt-4 border-t border-gray-50 flex items-center justify-between"> <a href="/negocios-da-musica/publicacao-independente-vs-gravadoras-qual-o-melhor-caminho-para-sua-musica" class="text-[10px] font-sans font-bold text-primary hover:text-accent flex items-center gap-1 transition-colors group/btn tracking-widest uppercase">
Ler Artigo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-4 h-4 transition-transform group-hover/btn:translate-x-1"> <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"></path> </svg> </a> </div> </div> </article> </div> </div> <!-- Sidebar --> <div class="lg:col-span-1"> <aside class="space-y-8"> <!-- Widget Pesquisar --> <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100 relative group"> <div class="flex gap-2"> <div class="relative flex-grow"> <input type="text" id="search-input" placeholder="Pesquisar..." class="w-full px-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-accent/20 focus:border-accent outline-none text-sm transition-all bg-gray-50/50"> <div id="search-loading" class="absolute right-3 top-2.5 hidden"> <svg class="animate-spin h-4 w-4 text-accent" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </div> </div> <button id="search-button" class="px-4 py-2 bg-primary text-white rounded-lg hover:opacity-90 transition-all shadow-md active:scale-95" aria-label="Pesquisar"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path> </svg> </button> </div> <!-- Resultados da Busca --> <div id="search-results" class="absolute left-0 right-0 top-full mt-2 bg-white rounded-xl shadow-2xl border border-gray-100 overflow-hidden z-50 hidden max-h-[400px] overflow-y-auto"> <div id="results-list" class="divide-y divide-gray-50"></div> </div> </div> <script src="/js/search.js" defer></script> <!-- Widget Categorias --> <div class="bg-white p-6 rounded-lg shadow-sm border border-gray-100"> <h3 class="text-xl font-bold text-primary mb-4 pb-2 border-b border-gray-100">Categorias</h3> <ul class="space-y-3"> <li> <a href="/arte-dos-famosos" class="text-gray-600 hover:text-primary transition-colors text-base block"> Arte dos Famosos </a> </li><li> <a href="/dj-zone" class="text-gray-600 hover:text-primary transition-colors text-base block"> DJ Zone </a> </li><li> <a href="/equipamentos" class="text-gray-600 hover:text-primary transition-colors text-base block"> Equipamentos </a> </li><li> <a href="/home-studio" class="text-gray-600 hover:text-primary transition-colors text-base block"> Home Studio </a> </li><li> <a href="/negocios-da-musica" class="text-gray-600 hover:text-primary transition-colors text-base block"> Negócios da Música </a> </li><li> <a href="/plugins-de-audio" class="text-gray-600 hover:text-primary transition-colors text-base block"> Plugins de Áudio </a> </li><li> <a href="/podcast-lab" class="text-gray-600 hover:text-primary transition-colors text-base block"> Podcast Lab </a> </li><li> <a href="/sound-forge" class="text-gray-600 hover:text-primary transition-colors text-base block"> Sound Forge </a> </li><li> <a href="/tecnica-vocal" class="text-gray-600 hover:text-primary transition-colors text-base block"> Técnica Vocal </a> </li> </ul> </div> </aside> </div> </div>  </main> <footer class="mt-auto"> <!-- Barra JPMorgan Estilo com Redes Sociais --> <div class="bg-gradient-to-r from-[#759a2b] via-[#89b532] to-[#759a2b] py-5 px-4 sm:px-6 lg:px-8 shadow-[inset_0_1px_0_0_rgba(255,255,255,0.1)]"> <div class="max-w-7xl mx-auto flex justify-between items-center"> <div class="text-white/90 font-serif text-xl tracking-tight">
Home Studio Fans
</div> <div class="flex items-center space-x-4"> <!-- TikTok --> <a href="https://www.tiktok.com/@homestudiofans" target="_blank" rel="noopener noreferrer" class="w-8 h-8 flex items-center justify-center border border-white/40 rounded-full text-white hover:bg-white/10 transition-colors" aria-label="TikTok"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91.01.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.12-3.44-3.17-3.8-5.46-.4-2.51.76-5.14 2.82-6.52 1.4-.95 3.12-1.35 4.79-1.17v4.06c-1.25-.19-2.54.12-3.47 1.01-.86.81-1.24 2.05-.98 3.2.33 1.48 1.74 2.58 3.26 2.62 1.34.02 2.64-.81 3.13-2.05.27-.68.36-1.42.34-2.15-.05-5.32-.02-10.65-.02-15.97.01-.16.01-.32.01-.48z"></path></svg> </a> <!-- Instagram --> <a href="https://www.instagram.com/guhhcast/" target="_blank" rel="noopener noreferrer" class="w-8 h-8 flex items-center justify-center border border-white/40 rounded-full text-white hover:bg-white/10 transition-colors" aria-label="Instagram"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.012-3.584.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path></svg> </a> <!-- YouTube --> <a href="https://www.youtube.com/@homestudiofans" target="_blank" rel="noopener noreferrer" class="w-8 h-8 flex items-center justify-center border border-white/40 rounded-full text-white hover:bg-white/10 transition-colors" aria-label="YouTube"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg> </a> <!-- X (Twitter) --> <a href="https://x.com/HomeStudioFans" target="_blank" rel="noopener noreferrer" class="w-8 h-8 flex items-center justify-center border border-white/40 rounded-full text-white hover:bg-white/10 transition-colors" aria-label="X (Twitter)"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z"></path></svg> </a> </div> </div> </div> <!-- Seção do Aviso Legal --> <div class="bg-[#2d2e32] py-12 px-4 sm:px-6 lg:px-8 border-t border-gray-700"> <div class="max-w-7xl mx-auto space-y-6 text-[#9a9ba0] font-sans text-sm leading-relaxed"> <h2 class="text-white font-bold text-lg mb-4">Aviso Legal:</h2> <p>
O Home Studio Fans é dedicado a fornecer educação e informações sobre produção musical e home recording. Meu conteúdo é baseado em minhas experiências e pesquisas. Qualquer confiança que você depositar em tais informações é estritamente por sua conta e risco.
</p> <div class="pt-8 flex flex-wrap gap-x-6 gap-y-2 border-t border-gray-700"> <a href="/termos-de-uso" class="text-xs hover:text-white transition-colors">Termos de Uso</a> <a href="/politica-de-privacidade" class="text-xs hover:text-white transition-colors">Política de Privacidade</a> <span class="text-xs ml-auto">&copy; 2026 Home Studio Fans. Todos os direitos reservados.</span> </div> </div> </div> </footer> </body></html>