/* =============================================================
   CON DOR MOTO CLUB — Araçatuba/SP
   Sistema de design: "chapa de oficina + colete de couro"
   ============================================================= */

:root{
  /* --- paleta extraída do brasão do clube --- */
  --preto-asfalto: #120e0a;
  --preto-carvao:  #1b140f;
  --painel:        #211811;
  --ferro:         #3a2f24;
  --ferro-claro:   #55452f;

  --ouro:          #e0a83e;
  --ouro-claro:    #f4d78a;
  --brasa:         #c1521f;
  --brasa-escura:  #8a3316;
  --pergaminho:    #e9dab3;
  --pergaminho-2:  #d8c493;

  --texto:         #ece1cc;
  --texto-fraco:   #a8987a;

  --fonte-display: 'Rye', serif;
  --fonte-corpo:   'Oswald', sans-serif;
  --fonte-chapa:   'Special Elite', monospace;

  --borda-raio: 4px;
  --sombra-forte: 0 20px 50px rgba(0,0,0,.55);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--preto-asfalto);
  color:var(--texto);
  font-family:var(--fonte-corpo);
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family:var(--fonte-display); font-weight:400; margin:0; color:var(--ouro-claro); }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }

.container{
  width:min(1120px, 92%);
  margin-inline:auto;
}

/* textura de fundo em "asfalto" sutil */
body{
  background-image:
    radial-gradient(circle at 15% 10%, rgba(224,168,62,.05), transparent 40%),
    radial-gradient(circle at 85% 30%, rgba(193,82,31,.06), transparent 45%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px);
}

/* =================== SCROLL REVEAL =================== */
.reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
.reveal.on{ opacity:1; transform:none; }

/* =================== BOTÕES =================== */
.btn{
  display:inline-flex;
  align-items:center;
  gap:.55em;
  padding:.85em 1.7em;
  font-family:var(--fonte-corpo);
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.86rem;
  border-radius:2px;
  border:1px solid transparent;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.btn:hover{ transform:translateY(-2px); }
.btn-brasa{
  background:linear-gradient(180deg, var(--brasa) 0%, var(--brasa-escura) 100%);
  color:var(--pergaminho);
  box-shadow:0 8px 24px rgba(193,82,31,.35);
}
.btn-brasa:hover{ box-shadow:0 12px 28px rgba(193,82,31,.5); }
.btn-outline{
  border-color:var(--ouro);
  color:var(--ouro-claro);
  background:transparent;
}
.btn-outline:hover{ background:rgba(224,168,62,.1); }

/* =================== EYEBROW / RÓTULO =================== */
.eyebrow{
  font-family:var(--fonte-chapa);
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--brasa);
  display:inline-flex;
  align-items:center;
  gap:.6em;
}
.eyebrow::before{
  content:"";
  width:26px; height:1px;
  background:var(--brasa);
}

/* =================== HEADER / NAV =================== */
.site-header{
  position:fixed; inset:0 0 auto 0;
  z-index:100;
  padding:.9rem 0;
  background:rgba(18,14,10,0);
  border-bottom:1px solid transparent;
  transition:background .35s ease, border-color .35s ease, padding .35s ease;
}
.site-header.scrolled{
  background:rgba(18,14,10,.92);
  backdrop-filter:blur(6px);
  border-color:var(--ferro);
  padding:.55rem 0;
}
.site-header .container{ display:flex; align-items:center; justify-content:space-between; }
.brand{ display:flex; align-items:center; gap:.7rem; }
.brand img{ width:44px; height:44px; border-radius:50%; }
.brand span{
  font-family:var(--fonte-display);
  font-size:1.15rem;
  color:var(--ouro-claro);
  letter-spacing:.02em;
}
.brand small{
  display:block;
  font-family:var(--fonte-chapa);
  font-size:.6rem;
  letter-spacing:.2em;
  color:var(--texto-fraco);
  text-transform:uppercase;
}

.nav-links{ display:flex; align-items:center; gap:2rem; }
.nav-links a{
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--texto);
  position:relative;
  padding-bottom:4px;
}
.nav-links a::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:0; height:2px;
  background:var(--brasa);
  transition:width .25s ease;
}
.nav-links a:hover::after{ width:100%; }

.nav-toggle{
  display:none;
  background:none; border:1px solid var(--ferro-claro);
  width:42px; height:38px;
  border-radius:2px;
  align-items:center; justify-content:center;
}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{
  content:""; display:block; width:20px; height:2px; background:var(--ouro-claro); position:relative;
  transition:.25s;
}
.nav-toggle span::before{ position:absolute; top:-6px; }
.nav-toggle span::after{ position:absolute; top:6px; }

/* =================== HERO =================== */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  padding-top:6rem;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 18%, rgba(224,168,62,.14) 0%, rgba(18,14,10,0) 55%),
    linear-gradient(180deg, #171009 0%, #120e0a 60%, #0d0a07 100%);
}
.hero::before{ /* linha central de estrada, assinatura visual */
  content:"";
  position:absolute; left:50%; top:0; bottom:0;
  width:2px;
  background:repeating-linear-gradient(180deg, var(--ferro-claro) 0 26px, transparent 26px 52px);
  opacity:.35;
  transform:translateX(-50%);
}
.hero-grid{
  position:relative; z-index:2;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:3rem;
  align-items:center;
}
.hero-badge-wrap{ display:flex; justify-content:center; position:relative; }
.hero-badge-wrap img{
  width:min(360px, 80%);
  filter:drop-shadow(0 25px 45px rgba(0,0,0,.6));
  animation:flutuar 6s ease-in-out infinite;
}
.hero-badge-wrap::after{
  content:"";
  position:absolute; inset:-10%;
  background:radial-gradient(circle, rgba(224,168,62,.22) 0%, transparent 65%);
  animation:brasa-pulsar 3.4s ease-in-out infinite;
  z-index:-1;
}
@keyframes flutuar{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-14px);} }
@keyframes brasa-pulsar{ 0%,100%{ opacity:.65; } 50%{ opacity:1; } }

.hero h1{
  font-size:clamp(2.6rem, 6vw, 4.6rem);
  line-height:.98;
  color:var(--pergaminho);
  text-shadow:0 6px 30px rgba(0,0,0,.5);
}
.hero h1 em{ font-style:normal; color:var(--ouro); display:block; }
.hero-slogan{
  margin-top:1.1rem;
  font-family:var(--fonte-chapa);
  font-size:1rem;
  color:var(--ouro-claro);
  border-left:2px solid var(--brasa);
  padding-left:.8rem;
  max-width:32ch;
}
.hero-cidade{
  margin-top:.6rem;
  font-size:.8rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--texto-fraco);
}
.hero-cta{ display:flex; gap:1rem; margin-top:2.2rem; flex-wrap:wrap; }

.hero-scroll{
  position:absolute; left:50%; bottom:2rem; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:.5rem;
  color:var(--texto-fraco); font-family:var(--fonte-chapa); font-size:.65rem; letter-spacing:.25em;
  text-transform:uppercase;
}
.hero-scroll .linha{ width:1px; height:34px; background:linear-gradient(var(--ouro), transparent); animation:desce 1.8s ease-in-out infinite; }
@keyframes desce{ 0%{ opacity:0; transform:scaleY(.4); transform-origin:top;} 40%{opacity:1; transform:scaleY(1);} 100%{ opacity:0; transform:scaleY(1);} }

/* =================== DIVISOR DE ESTRADA =================== */
.divisor-estrada{
  height:34px;
  background-image:repeating-linear-gradient(90deg, var(--ferro-claro) 0 30px, transparent 30px 58px);
  background-position:center;
  opacity:.45;
  margin-block:0;
}

/* =================== SEÇÕES / PATCH HEADER (elemento assinatura) =================== */
section{ padding:6.5rem 0; position:relative; }
.section-head{ text-align:center; max-width:640px; margin:0 auto 3.4rem; }

.patch{
  display:inline-block;
  position:relative;
  padding:.5rem 2.2rem;
  margin-bottom:1.1rem;
  border:2px dashed var(--ferro-claro);
  border-radius:40px;
  color:var(--ouro);
  font-family:var(--fonte-chapa);
  font-size:.7rem;
  letter-spacing:.3em;
  text-transform:uppercase;
}
.section-head h2{ font-size:clamp(2rem, 4vw, 2.9rem); }
.section-head p{ color:var(--texto-fraco); margin-top:1rem; font-size:1.02rem; }

.painel-bg{ background:var(--preto-carvao); }

/* =================== QUEM SOMOS =================== */
.sobre-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
}
.sobre-texto p{ color:var(--texto); margin-bottom:1.1rem; font-size:1.02rem; }
.sobre-placas{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:2rem;
}
.placa{
  background:var(--painel);
  border:1px solid var(--ferro);
  border-radius:var(--borda-raio);
  padding:1.1rem .6rem;
  text-align:center;
}
.placa strong{
  display:block;
  font-family:var(--fonte-chapa);
  font-size:1.5rem;
  color:var(--ouro-claro);
}
.placa span{ font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--texto-fraco); }

.sobre-emblema{
  position:relative;
  display:flex; justify-content:center;
}
.sobre-emblema::before{
  content:"";
  position:absolute; inset:6%;
  border:1px dashed var(--ferro-claro);
  border-radius:50%;
}
.sobre-emblema img{ width:min(320px,78%); filter:drop-shadow(0 20px 40px rgba(0,0,0,.5)); }

/* =================== VALORES (chips de colete) =================== */
.valores{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.4rem;
  margin-top:1rem;
}
.valor-card{
  background:linear-gradient(180deg, var(--painel), var(--preto-carvao));
  border:1px solid var(--ferro);
  border-radius:var(--borda-raio);
  padding:1.9rem 1.4rem;
  text-align:center;
  transition:transform .25s ease, border-color .25s ease;
}
.valor-card:hover{ transform:translateY(-6px); border-color:var(--brasa); }
.valor-card .icone{ font-size:1.9rem; margin-bottom:.8rem; }
.valor-card h3{ font-family:var(--fonte-corpo); font-weight:700; font-size:1rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ouro-claro); }
.valor-card p{ color:var(--texto-fraco); font-size:.88rem; margin-top:.5rem; }

/* =================== ESTAMPA / LOJA =================== */
.estampa-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:3.5rem;
  align-items:center;
}
.estampa-figura{ position:relative; display:flex; justify-content:center; }
.estampa-figura::before{
  content:"";
  position:absolute; inset:-6%;
  background:radial-gradient(circle, rgba(193,82,31,.25), transparent 65%);
  z-index:0;
}
.estampa-figura img{ position:relative; z-index:1; width:min(360px,85%); filter:drop-shadow(0 25px 40px rgba(0,0,0,.55)); }

.estampa-texto .preco{
  font-family:var(--fonte-chapa);
  color:var(--ouro-claro);
  font-size:1.4rem;
  margin:1rem 0 1.6rem;
}
.estampa-texto .preco span{ color:var(--texto-fraco); font-size:.85rem; text-decoration:line-through; margin-left:.6rem; }
.lista-check{ margin:1.4rem 0; }
.lista-check li{
  display:flex; align-items:center; gap:.7rem;
  padding:.5rem 0;
  border-bottom:1px dashed var(--ferro);
  color:var(--texto);
  font-size:.95rem;
}
.lista-check li::before{ content:"⛓"; color:var(--brasa); }

.camiseta-preview{ margin-top:2.5rem; border-radius:var(--borda-raio); overflow:hidden; border:1px solid var(--ferro); }

/* =================== MANIFESTO / LEMA =================== */
.manifesto{
  text-align:center;
  padding:7rem 0;
  background:
    linear-gradient(180deg, rgba(18,14,10,.86), rgba(18,14,10,.93)),
    linear-gradient(120deg, #1c130b, #120d08);
  position:relative;
}
.manifesto h2{
  font-size:clamp(1.9rem, 5vw, 3.4rem);
  color:var(--ouro-claro);
  max-width:16ch;
  margin:0 auto;
  line-height:1.15;
}
.manifesto .assinatura{
  margin-top:1.6rem;
  font-family:var(--fonte-chapa);
  letter-spacing:.2em;
  text-transform:uppercase;
  font-size:.75rem;
  color:var(--brasa);
}

/* =================== EVENTOS (linha do tempo = rota real) =================== */
.rota{ position:relative; margin-top:3rem; }
.rota::before{
  content:"";
  position:absolute; left:20px; top:0; bottom:0;
  width:2px;
  background:repeating-linear-gradient(180deg, var(--ferro-claro) 0 10px, transparent 10px 20px);
}
@media(min-width:800px){
  .rota::before{ left:50%; transform:translateX(-50%); }
}
.parada{
  position:relative;
  padding-left:3.2rem;
  margin-bottom:2.6rem;
}
.parada::before{
  content:"";
  position:absolute; left:11px; top:6px;
  width:20px; height:20px;
  border-radius:50%;
  background:var(--preto-carvao);
  border:3px solid var(--brasa);
}
@media(min-width:800px){
  .parada{ width:47%; padding-left:0; padding-right:2.5rem; text-align:right; }
  .parada::before{ left:auto; right:-3.5%; }
  .parada:nth-child(even){ margin-left:53%; padding-right:0; padding-left:2.5rem; text-align:left; }
  .parada:nth-child(even)::before{ right:auto; left:-3.7%; }
}
.parada .data{ font-family:var(--fonte-chapa); color:var(--ouro); font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; }
.parada h3{ font-family:var(--fonte-corpo); font-weight:700; font-size:1.15rem; color:var(--pergaminho); margin:.35rem 0; text-transform:uppercase; letter-spacing:.03em; }
.parada p{ color:var(--texto-fraco); font-size:.9rem; }

/* =================== GALERIA =================== */
.galeria-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.galeria-item{
  position:relative;
  border-radius:var(--borda-raio);
  overflow:hidden;
  border:1px solid var(--ferro);
  aspect-ratio:4/5;
  background:var(--painel);
}
.galeria-item img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease, filter .5s ease; filter:saturate(1) grayscale(0);}
.galeria-item:hover img{ transform:scale(1.06); }
.galeria-item .legenda{
  position:absolute; left:0; right:0; bottom:0;
  padding:.9rem 1rem;
  background:linear-gradient(0deg, rgba(0,0,0,.85), transparent);
  font-family:var(--fonte-chapa);
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ouro-claro);
}
.galeria-item.grande{ grid-row:span 2; }

/* =================== LOCALIZAÇÃO =================== */
.local-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:3rem;
  align-items:stretch;
}
.local-info .item{ display:flex; gap:1rem; margin-bottom:1.6rem; }
.local-info .item .rotulo{ font-family:var(--fonte-chapa); color:var(--ouro); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; display:block; margin-bottom:.3rem; }
.local-info .item p{ margin:0; color:var(--texto); }
.mapa-frame{ border:1px solid var(--ferro); border-radius:var(--borda-raio); overflow:hidden; min-height:380px; position:relative; z-index:0; }
#mapa-clube{ width:100%; height:100%; min-height:380px; background:var(--preto-carvao); }
/* tom "sépia queimado" só no fundo do mapa — o brasão continua com as cores originais */
#mapa-clube .leaflet-tile-pane{ filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9) sepia(.35) saturate(1.3); }
.mapa-fallback{ display:flex; align-items:center; justify-content:center; height:100%; min-height:380px; color:var(--ouro); }

/* marcador com o brasão */
.pino-brasao{ background:none; border:0; }
.pino-brasao__disco{
  width:64px; height:64px; border-radius:50%;
  background:var(--preto-asfalto);
  border:3px solid var(--ouro);
  box-shadow:0 6px 18px rgba(0,0,0,.6), 0 0 0 4px rgba(224,168,62,.18);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  animation:pino-pulso 2.4s ease-in-out infinite;
}
.pino-brasao__disco img{ width:56px; height:56px; object-fit:contain; display:block; }
.pino-brasao__ponta{
  position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:0; height:0;
  border-left:9px solid transparent; border-right:9px solid transparent;
  border-top:15px solid var(--ouro);
}
@keyframes pino-pulso{
  0%,100%{ box-shadow:0 6px 18px rgba(0,0,0,.6), 0 0 0 4px rgba(224,168,62,.18); }
  50%    { box-shadow:0 6px 18px rgba(0,0,0,.6), 0 0 0 10px rgba(224,168,62,.05); }
}
@media (prefers-reduced-motion: reduce){ .pino-brasao__disco{ animation:none; } }

/* popup no estilo do site */
#mapa-clube .leaflet-popup-content-wrapper,
#mapa-clube .leaflet-popup-tip{ background:var(--painel); color:var(--texto); border:1px solid var(--ferro); }
#mapa-clube .leaflet-popup-content{ font-family:var(--fonte-corpo); line-height:1.5; }
#mapa-clube .leaflet-popup-content strong{ color:var(--ouro); font-family:var(--fonte-display); font-weight:400; }
#mapa-clube .leaflet-popup-content a{ color:var(--ouro-claro); }
#mapa-clube .leaflet-control-attribution{ background:rgba(18,14,10,.75); color:var(--texto-fraco); }
#mapa-clube .leaflet-control-attribution a{ color:var(--texto-fraco); }

/* =================== CONTATO =================== */
.contato-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3.5rem;
}
.form-chapa{
  background:var(--painel);
  border:1px solid var(--ferro);
  border-radius:var(--borda-raio);
  padding:2.2rem;
}
.campo{ margin-bottom:1.3rem; }
.campo label{
  display:block;
  font-family:var(--fonte-chapa);
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--texto-fraco);
  margin-bottom:.5rem;
}
.campo input, .campo textarea{
  width:100%;
  background:var(--preto-carvao);
  border:1px solid var(--ferro-claro);
  border-radius:2px;
  padding:.85rem 1rem;
  color:var(--texto);
  font-family:var(--fonte-corpo);
  font-size:.95rem;
}
.campo input:focus, .campo textarea:focus{ outline:2px solid var(--brasa); outline-offset:1px; }
.campo textarea{ resize:vertical; min-height:120px; }
.form-msg{ margin-top:1rem; font-size:.85rem; }
.form-msg.ok{ color:#8fd17a; }
.form-msg.erro{ color:#e28a6a; }

.contato-lateral h3{ font-family:var(--fonte-corpo); font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--ouro-claro); font-size:1rem; margin-bottom:1rem; }
.redes{ display:flex; gap:.8rem; margin-top:1.4rem; }
.redes a{
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--ferro-claro);
  border-radius:50%;
  transition:.2s;
  font-size:1.1rem;
}
.redes a:hover{ border-color:var(--brasa); background:rgba(193,82,31,.15); }

/* =================== FOOTER =================== */
footer{
  background:var(--preto-carvao);
  border-top:1px solid var(--ferro);
  padding:3rem 0 1.6rem;
}
.footer-grid{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.5rem; }
.footer-brand{ display:flex; align-items:center; gap:.8rem; }
.footer-brand img{ width:38px; }
.footer-brand span{ font-family:var(--fonte-display); color:var(--ouro-claro); }
.copy{ text-align:center; font-size:.75rem; color:var(--texto-fraco); margin-top:2rem; letter-spacing:.05em; }

/* WhatsApp flutuante */
.zap-flutuante{
  position:fixed; right:1.4rem; bottom:1.4rem; z-index:90;
  width:58px; height:58px;
  background:#1f8a4c;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 25px rgba(0,0,0,.4);
  font-size:1.6rem;
  animation:zap-pulsar 2.6s ease-in-out infinite;
}
@keyframes zap-pulsar{ 0%,100%{ box-shadow:0 10px 25px rgba(0,0,0,.4),0 0 0 0 rgba(31,138,76,.5);} 50%{ box-shadow:0 10px 25px rgba(0,0,0,.4),0 0 0 12px rgba(31,138,76,0);} }

/* =================== RESPONSIVO =================== */
@media (max-width:940px){
  .nav-links{
    position:fixed; inset:0 0 0 auto; width:min(300px,80%);
    background:var(--preto-carvao);
    flex-direction:column; align-items:flex-start;
    padding:6rem 2rem 2rem;
    border-left:1px solid var(--ferro);
    transform:translateX(100%);
    transition:transform .3s ease;
  }
  .nav-links.aberto{ transform:none; }
  .nav-toggle{ display:flex; }
  .hero-grid{ grid-template-columns:1fr; text-align:center; }
  .hero-badge-wrap{ order:-1; }
  .hero-slogan{ margin-inline:auto; }
  .hero-cta{ justify-content:center; }
  .sobre-grid, .estampa-grid, .local-grid, .contato-grid{ grid-template-columns:1fr; }
  .sobre-emblema{ order:-1; }
  .valores{ grid-template-columns:repeat(2,1fr); }
  .galeria-grid{ grid-template-columns:repeat(2,1fr); }
  .galeria-item.grande{ grid-row:span 1; }
}
@media (max-width:520px){
  .valores{ grid-template-columns:1fr; }
  .sobre-placas{ grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* =================== RÁDIO WEB CON DOR =================== */
.nav-links a.nav-radio{
  color:var(--preto-asfalto); background:var(--ouro); padding:.35em .9em; border-radius:20px;
}
.nav-links a.nav-radio::after{ display:none; }
.nav-links a.nav-radio:hover{ background:var(--ouro-claro); }

.hero-radio{
  display:inline-flex; align-items:center; gap:.7em; margin-top:1.4rem;
  font-family:var(--fonte-chapa); font-size:.8rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--ouro-claro); border-bottom:1px dashed rgba(224,168,62,.5); padding-bottom:.25em;
}
.hero-radio:hover{ color:#fff; border-bottom-color:var(--brasa); }
.hero-radio-ondas{ display:inline-flex; align-items:flex-end; gap:3px; height:16px; }
.hero-radio-ondas i{ width:4px; background:var(--brasa); border-radius:1px; animation:radio-eq 1s infinite ease-in-out; }
.hero-radio-ondas i:nth-child(2){ animation-delay:.25s; background:var(--ouro); }
.hero-radio-ondas i:nth-child(3){ animation-delay:.5s; }
@keyframes radio-eq{ 0%,100%{ height:4px; } 50%{ height:16px; } }

.secao-radio{ padding:5rem 0 4.5rem; }
.radio-cabeca{ text-align:center; max-width:640px; margin:0 auto 2rem; }
.radio-cabeca .eyebrow{ justify-content:center; }
.radio-cabeca h2{ margin:.6rem 0 .8rem; }
.radio-cabeca p{ color:var(--texto-fraco); margin:0; }
.radio-moldura{ max-width:800px; margin:0 auto; }
.radio-moldura iframe{ display:block; width:100%; height:460px; border:0; background:transparent; }
.radio-rodape{ text-align:center; margin:1rem 0 0; font-size:.9rem; color:var(--texto-fraco); }
.radio-rodape a{ color:var(--ouro); }
@media (max-width:940px){ .hero-radio{ justify-content:center; } }
@media (prefers-reduced-motion: reduce){ .hero-radio-ondas i{ animation:none; height:10px; } }