/* =========================================================
   CONFIGURAÇÕES GERAIS DO SITE
   Catedral da Família — tema verde escuro da logo
========================================================= */

:root{
  --cor-primaria: #22c55e;
  --cor-fundo: #070b0a;
  --cor-card: #0f1612;
  --cor-borda: #1a2e22;
  --cor-texto: #e9eaee;
  --cor-texto-suave: #a8b5ad;
  --cor-botao: #16a34a;
  --cor-botao-hover: #15803d;
  --cor-dourado: #22c55e;
  --cor-dourado-hover: #15803d;
}

body{
  font-family: 'Inter', sans-serif;
  color: var(--cor-texto);
}

h1,h2,h3{
  font-family: 'Poppins', sans-serif;
}

.btn:not(.mobile-menu-btn):not(.btn-topo-site),
button:not(.mobile-menu-btn):not(.btn-topo-site):not(.sidebar-toggle):not(.lb-close):not(.lb-nav-fab):not(.lb-tap):not(.lb-tap-top):not(.radio-btn-play):not(.radio-btn-pause){
  background: linear-gradient(180deg, #2fb56a 0%, #16a34a 62%, #14532d 100%);
  border: 1px solid rgba(34,197,94,.28);
  color: #0a0a0a;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.btn:not(.mobile-menu-btn):not(.btn-topo-site):hover,
button:not(.mobile-menu-btn):not(.btn-topo-site):not(.sidebar-toggle):not(.lb-close):not(.lb-nav-fab):not(.lb-tap):not(.lb-tap-top):not(.radio-btn-play):not(.radio-btn-pause):hover{
  filter: brightness(1.06);
}

.btn-gold{
  background: linear-gradient(180deg, #2fb56a 0%, #16a34a 62%, #14532d 100%) !important;
  border: 1px solid rgba(34,197,94,.32) !important;
  color: #0a0a0a !important;
  box-shadow: 0 10px 24px rgba(22,163,74,.20) !important;
}

.btn-gold:hover{
  background: linear-gradient(180deg, #34d399 0%, #22c55e 62%, #15803d 100%) !important;
  filter: none !important;
}

.card{
  background: var(--cor-card);
  border: 1px solid var(--cor-borda);
  border-radius: 12px;
}

.lucide{
  width: 18px;
  height: 18px;
  stroke-width: 1.8;
  vertical-align: -3px;
}

.icon-gold{
  color: #22c55e;
}

.icon-muted{
  color: #a8b5ad;
}

.section-title{
  font-size: clamp(22px, 2.4vw, 26px);
  font-weight: 700;
}

.event-card{
  background: #0f1612;
  border: 1px solid #1a2e22;
  border-radius: 10px;
  padding: 14px;
}

footer{
  border-top: 1px solid #1a2e22;
}

.footer-item{
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.btn-topo-site{
  background: linear-gradient(180deg, #2fb56a 0%, #15803d 100%) !important;
  color: #ecfdf5 !important;
}

.live-player{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  margin-top:30px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  background:#000;
}

.live-player iframe,
.live-frame{
  width:100%;
  border:0;
}

.live-frame{
  height:520px;
  pointer-events:none;
}

.live-badge{
  position:absolute;
  top:20px;
  left:20px;
  background:#e11d48;
  color:#fff;
  padding:6px 14px;
  border-radius:20px;
  font-weight:700;
  font-size:13px;
}

.live-offline{
  text-align:center;
  padding:80px 20px;
  background:rgba(0,0,0,.35);
  border-radius:20px;
  margin-top:30px;
}

.live-offline h2{margin-bottom:10px}
.live-offline p{opacity:.8;margin-bottom:20px}

.live-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:30px;
  pointer-events:none;
}

.live-bar{
  background:rgba(0,0,0,.65);
  backdrop-filter:blur(10px);
  padding:14px 22px;
  border-radius:12px;
  display:flex;
  gap:18px;
  align-items:center;
  color:#fff;
  font-size:14px;
}

.live-dot{
  width:10px;
  height:10px;
  background:#ff2d2d;
  border-radius:50%;
  box-shadow:0 0 8px #ff2d2d;
}