<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#102f25">
<title>Rádio Gospel Balbina</title>
<style>
:root{
--green:#123c2f; --green2:#1c5b46; --gold:#e7b94d;
--cream:#fffaf0; --white:#fff; --dark:#10241d; --muted:#6b756f;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--dark)}
header{background:linear-gradient(135deg,var(--green),#071d16);color:white;padding:18px 6%;position:sticky;top:0;z-index:5;box-shadow:0 4px 18px #0002}
nav{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800}
.logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--green);font-size:25px}
nav a{color:#fff;text-decoration:none;margin-left:18px;font-size:14px}
.hero{background:radial-gradient(circle at 80% 30%,#2a7359 0,#123c2f 35%,#071d16 100%);color:white;padding:72px 6% 60px}
.hero-inner{max-width:1150px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}
.badge{display:inline-block;background:#d62e2e;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:bold;letter-spacing:.8px}
h1{font-size:clamp(38px,6vw,72px);line-height:.95;margin:18px 0 16px}
.hero p{font-size:18px;line-height:1.6;max-width:680px;color:#e5eee9}
.player-card{background:#ffffff12;border:1px solid #ffffff25;backdrop-filter:blur(8px);border-radius:24px;padding:25px;text-align:center}
.disc{width:180px;height:180px;margin:0 auto 20px;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 8px,#252525 9px 16px);display:grid;place-items:center;box-shadow:0 15px 40px #0005}
.disc:after{content:"♪";width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--green);font-size:34px;font-weight:bold}
.listen{display:inline-block;margin-top:12px;background:var(--gold);color:#17352b;padding:14px 22px;border-radius:40px;text-decoration:none;font-weight:800}
section{padding:60px 6%}
.wrap{max-width:1150px;margin:auto}
.section-title{text-align:center;margin-bottom:35px}
.section-title h2{font-size:34px;margin:0 0 10px}
.section-title p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:white;padding:25px;border-radius:18px;box-shadow:0 8px 30px #18352810;border:1px solid #173b2d10}
.card .time{color:var(--green2);font-weight:bold;font-size:14px}
.card h3{margin:8px 0}
.verse{background:var(--green);color:white;text-align:center}
.verse blockquote{font-family:Georgia,serif;font-size:clamp(24px,4vw,38px);line-height:1.4;max-width:900px;margin:0 auto 15px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.action{padding:30px;border-radius:20px;background:white;box-shadow:0 8px 30px #18352810}
.btn{display:inline-block;padding:13px 20px;border-radius:10px;background:var(--green);color:white;text-decoration:none;font-weight:bold}
.btn.whatsapp{background:#168b4b}
footer{background:#071d16;color:#dfe9e4;text-align:center;padding:35px 6%}
.small{font-size:13px;color:#9fb1a9}
@media(max-width:800px){
.hero-inner,.actions{grid-template-columns:1fr}
.cards{grid-template-columns:1fr}
nav .links{display:none}
.hero{text-align:center}
.hero p{margin-left:auto;margin-right:auto}
}
</style>
</head>
<body>
<header>
<nav>
<div class="brand"><div class="logo">♪</div><div>RÁDIO GOSPEL<br>BALBINA</div></div>
<div class="links"><a href="#inicio">Início</a><a href="#programacao">Programação</a><a href="#oracao">Pedido de Oração</a><a href="#contato">Contato</a></div>
</nav>
</header>
<main id="inicio">
<section class="hero">
<div class="hero-inner">
<div>
<span class="badge">● RÁDIO GOSPEL ONLINE</span>
<h1>Uma voz de fé<br>em Balbina</h1>
<p>Louvores, mensagens, palavra de Deus e informação para abençoar a Vila de Balbina e alcançar vidas onde quer que estejam.</p>
<a class="listen" href="https://radiobalbinagospel.ismyradio.com" target="_blank" rel="noopener">▶ OUVIR AO VIVO</a>
</div>
<div class="player-card">
<div class="disc"></div>
<strong style="font-size:22px">Rádio Gospel Balbina</strong>
<p style="margin:8px 0">Conectando vidas através da fé</p>
<a class="listen" href="https://radiobalbinagospel.ismyradio.com" target="_blank" rel="noopener">ABRIR PLAYER</a>
</div>
</div>
</section>
<section id="programacao">
<div class="wrap">
<div class="section-title"><h2>Programação</h2><p>Uma programação feita para edificar sua vida.</p></div>
<div class="cards">
<div class="card"><span class="time">MANHÃ</span><h3>Bom Dia com Fé</h3><p>Louvores e uma palavra para começar o dia na presença de Deus.</p></div>
<div class="card"><span class="time">TARDE</span><h3>Tarde de Louvor</h3><p>Uma seleção de músicas gospel para acompanhar sua tarde.</p></div>
<div class="card"><span class="time">NOITE</span><h3>Palavra que Edifica</h3><p>Mensagens, reflexões bíblicas, oração e comunhão.</p></div>
</div>
</div>
</section>
<section class="verse">
<div class="wrap">
<blockquote>“Ide por todo o mundo e pregai o evangelho a toda criatura.”</blockquote>
<strong>Marcos 16:15</strong>
</div>
</section>
<section id="oracao">
<div class="wrap">
<div class="section-title"><h2>Estamos com você</h2><p>A Rádio Gospel Balbina também é um espaço de comunhão e oração.</p></div>
<div class="actions">
<div class="action"><h3>🙏 Pedido de Oração</h3><p>Envie seu pedido. Nossa equipe poderá colocar sua vida e sua família em oração.</p><a class="btn whatsapp" href="#" onclick="alert('Adicione aqui o número do WhatsApp da Rádio Gospel Balbina.');return false;">Enviar pelo WhatsApp</a></div>
<div class="action" id="contato"><h3>📻 Participe da Rádio</h3><p>Envie seu testemunho, sugestão, divulgação de evento gospel ou mensagem para a programação.</p><a class="btn" href="#" onclick="alert('Adicione aqui o número do WhatsApp da rádio.');return false;">Falar com a Rádio</a></div>
</div>
</div>
</section>
</main>
<footer>
<strong>Rádio Gospel Balbina</strong>
<p>Levando fé, esperança e a Palavra de Deus.</p>
<p class="small">Vila de Balbina • Presidente Figueiredo - Amazonas</p>
</footer>
</body>
</html>
