/*
Theme Name: Brazils Radio 10 Channel
Theme URI: https://BrazilsRadio.com
Author: BrazilsRadio.com
Description: Brazilian live music radio theme for Framingham, Massachusetts with a 10-channel player.
Version: 1.0.0
License: GPLv2 or later
Text Domain: brazilsradio
*/
:root{
  --br-green:#009c3b;
  --br-yellow:#ffdf00;
  --br-blue:#002776;
  --br-navy:#041227;
  --br-deep:#020711;
  --br-white:#f8fbff;
  --br-glow:rgba(255,223,0,.42);
  --br-card:rgba(4,18,39,.82);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 18% 6%,rgba(0,156,59,.32),transparent 34%),radial-gradient(circle at 88% 12%,rgba(255,223,0,.22),transparent 26%),linear-gradient(180deg,var(--br-deep),#03101f 42%,#01050c);color:var(--br-white);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.br-wrap{max-width:1180px;margin:0 auto;padding:0 22px}.br-topbar{position:sticky;top:0;z-index:30;background:rgba(1,5,12,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,223,0,.2)}.br-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:76px}.br-logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:white}.br-mark{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 180deg,var(--br-green),var(--br-yellow),var(--br-blue),var(--br-green));display:grid;place-items:center;box-shadow:0 0 30px rgba(0,156,59,.4)}.br-mark span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--br-navy);font-size:18px}.br-logo strong{font-size:22px;letter-spacing:.3px}.br-logo em{display:block;font-style:normal;font-size:12px;color:#ffef75;letter-spacing:.18em;text-transform:uppercase}.br-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.br-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,223,0,.28);background:rgba(255,255,255,.04);color:white;text-decoration:none;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.br-pill:hover{transform:translateY(-1px);border-color:var(--br-yellow);box-shadow:0 0 22px rgba(255,223,0,.18)}.hero{position:relative;padding:58px 0 24px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:30px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(0,156,59,.17);border:1px solid rgba(255,223,0,.28);color:#fff4a6;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.15em}.hero h1{font-size:clamp(44px,8vw,92px);line-height:.9;margin:18px 0 16px;letter-spacing:-.07em}.hero h1 span{display:block;background:linear-gradient(90deg,var(--br-green),var(--br-yellow),#fff,var(--br-blue));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px rgba(255,223,0,.12)}.lead{font-size:clamp(18px,2.3vw,25px);color:#e8f2ff;max-width:760px}.hero-card{border-radius:34px;padding:22px;background:linear-gradient(145deg,rgba(255,223,0,.15),rgba(0,156,59,.13),rgba(0,39,118,.3));border:1px solid rgba(255,223,0,.28);box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 70px rgba(0,156,59,.12);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 0,rgba(255,223,0,.28),transparent 38%);pointer-events:none}.stage{position:relative;min-height:430px;border-radius:26px;background:linear-gradient(180deg,rgba(2,7,17,.1),rgba(2,7,17,.84)),radial-gradient(circle at center,rgba(255,223,0,.25),rgba(0,156,59,.14) 35%,rgba(0,39,118,.35) 70%);display:flex;align-items:end;padding:24px;overflow:hidden}.stage:after{content:"🇧🇷";position:absolute;font-size:220px;opacity:.09;right:-18px;top:22px;filter:blur(.2px)}.stage-title{position:relative;z-index:2}.stage-title b{display:block;font-size:38px;line-height:1;letter-spacing:-.04em}.stage-title small{display:block;color:#ffef75;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin-top:8px}.br-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{border:0;text-decoration:none;cursor:pointer;border-radius:999px;padding:14px 20px;font-weight:950;color:#03101f;background:linear-gradient(90deg,var(--br-yellow),#fff2a0);box-shadow:0 10px 32px rgba(255,223,0,.28)}.btn.secondary{color:white;background:linear-gradient(90deg,var(--br-green),var(--br-blue));box-shadow:0 10px 32px rgba(0,156,59,.22)}.player-section{padding:24px 0 48px}.player{background:rgba(2,7,17,.72);border:1px solid rgba(255,223,0,.24);border-radius:34px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.36)}.now-card{display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;padding:18px;border-radius:26px;background:linear-gradient(120deg,rgba(0,156,59,.18),rgba(0,39,118,.18));border:1px solid rgba(255,223,0,.18)}.cover{width:160px;aspect-ratio:1;border-radius:24px;background:conic-gradient(from 90deg,var(--br-green),var(--br-yellow),var(--br-blue),var(--br-green));display:grid;place-items:center;box-shadow:inset 0 0 36px rgba(255,255,255,.12),0 0 36px rgba(255,223,0,.15);font-size:52px}.now h2{margin:0;font-size:clamp(24px,4vw,42px);letter-spacing:-.04em}.now p{margin:6px 0 0;color:#d7e8ff}.meter{height:12px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin:14px 0}.meter span{display:block;height:100%;width:38%;border-radius:999px;background:linear-gradient(90deg,var(--br-green),var(--br-yellow),var(--br-blue));animation:pulsebar 2.8s ease-in-out infinite}@keyframes pulsebar{0%,100%{width:24%}50%{width:82%}}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.control{border:1px solid rgba(255,223,0,.24);background:rgba(255,255,255,.05);color:white;border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}.control.primary{background:linear-gradient(90deg,var(--br-green),var(--br-yellow));color:#03101f}.channels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}.channel{position:relative;text-align:left;min-height:122px;border-radius:22px;padding:14px;border:1px solid rgba(255,223,0,.18);background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(0,39,118,.13));color:white;cursor:pointer;overflow:hidden}.channel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(255,223,0,.18),transparent 38%);opacity:.7}.channel.active{border-color:var(--br-yellow);box-shadow:0 0 0 1px rgba(255,223,0,.2),0 0 28px rgba(255,223,0,.15);transform:translateY(-1px)}.channel strong,.channel small{position:relative;z-index:1;display:block}.channel strong{font-size:15px;line-height:1.2}.channel small{margin-top:8px;color:#ffef75;font-weight:800}.content-band{padding:32px 0 58px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{padding:26px;border-radius:30px;background:var(--br-card);border:1px solid rgba(255,223,0,.18);box-shadow:0 18px 55px rgba(0,0,0,.28)}.panel h2,.panel h3{margin-top:0;letter-spacing:-.04em}.panel p{color:#d9e7f9}.venue-list{display:grid;gap:12px;margin-top:16px}.venue{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.venue b{color:#ffef75}.footer-seo{padding:34px 0 46px;background:linear-gradient(180deg,rgba(0,39,118,.18),rgba(0,0,0,.24));border-top:1px solid rgba(255,223,0,.18)}.footer-seo h2{margin:0 0 10px}.footer-seo p{color:#d9e7f9}.br-footer{text-align:center;padding:20px;color:#b9cbe4;border-top:1px solid rgba(255,255,255,.08)}audio{width:100%;margin-top:15px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.25))}@media(max-width:900px){.hero-grid,.two-col,.now-card{grid-template-columns:1fr}.channels{grid-template-columns:repeat(2,1fr)}.br-nav{align-items:flex-start;flex-direction:column;padding:14px 0}.stage{min-height:330px}.cover{width:140px}}@media(max-width:560px){.channels{grid-template-columns:1fr}.hero{padding-top:34px}.br-wrap{padding:0 16px}.hero h1{font-size:54px}.player{padding:14px}.now-card{padding:14px}.cover{width:120px;border-radius:20px}.stage-title b{font-size:30px}}