/* Rainha da Borborema — v2.3 (Bootstrap 5 + UX polish)
   Paleta: “beer mood” (off-black quente + âmbar + dourado + terracota)
   Objetivo: remeter a malte, espuma e clima de bar — sem o verde “institucional”.
*/

:root{
  /* Base escura quente (madeira/espresso) */
  --rb-bg: #140a08;
  --rb-bg2:#070302;

  /* Superfícies “glass” quentes (sem verde) */
  --rb-surface: rgba(64, 32, 22, .55);
  --rb-surface2: rgba(64, 32, 22, .32);
  --rb-text: #F5F2E9;
  --rb-muted: rgba(245, 242, 233, .75);
  /* Acentos */
  --rb-gold: #D7B35C;
  --rb-amber:#E09B4A;
  --rb-terracotta:#B45B3E;
  --rb-line: rgba(245,242,233,.14);
  --rb-radius: 1.25rem;
  --rb-radius2: 1.65rem;
  --rb-shadow: 0 18px 50px rgba(0,0,0,.45);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1200px 800px at 18% 8%, rgba(215,179,92,.14), transparent 56%),
    radial-gradient(1200px 900px at 85% 35%, rgba(224,155,74,.14), transparent 58%),
    radial-gradient(1100px 900px at 60% 110%, rgba(180,91,62,.12), transparent 55%),
    linear-gradient(180deg, var(--rb-bg), var(--rb-bg2) 72%);
  color: var(--rb-text);
}

::selection{ background: rgba(215,179,92,.35); color: var(--rb-text); }

a{ text-decoration:none; }
.link-gold{ color: var(--rb-gold); }
.link-gold:hover{ color: #f2d087; }

.rb-navbar{
  backdrop-filter: blur(14px);
  background: rgba(20,10,8,.72) !important;
  border-bottom: 1px solid rgba(245,242,233,.10);
}
.rb-navbar.scrolled{
  background: rgba(20,10,8,.92) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

/* Marca (nome no topo) sempre legível */
.rb-navbar .navbar-brand,
.rb-navbar .navbar-brand *{
  color: #ffffff !important;
}

.rb-brand-mark{
  width: 42px; height: 42px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(215,179,92,.25), rgba(224,155,74,.12));
  border: 1px solid rgba(215,179,92,.35);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

.rb-hero{
  position: relative;
  overflow: hidden;
}
.rb-hero::before{
  content:"";
  position:absolute; inset:-240px -240px auto auto;
  width: 820px; height: 820px;
  background: radial-gradient(circle at 30% 30%, rgba(215,179,92,.25), transparent 62%);
  filter: blur(10px);
  pointer-events:none;
}
.rb-hero::after{
  content:"";
  position:absolute; inset:auto -260px -280px auto;
  width: 900px; height: 900px;
  background: radial-gradient(circle at 30% 30%, rgba(224,155,74,.18), transparent 62%);
  filter: blur(12px);
  pointer-events:none;
}

.rb-glass{
  background: linear-gradient(180deg, rgba(64,32,22,.42), rgba(44,22,16,.28));
  border: 1px solid rgba(245,242,233,.12);
  border-radius: var(--rb-radius2);
  box-shadow: var(--rb-shadow);
}

.rb-soft{
  background: rgba(64,32,22,.16);
  border: 1px solid rgba(245,242,233,.10);
  border-radius: var(--rb-radius);
}

.rb-pill{
  border: 1px solid rgba(215,179,92,.35);
  background: rgba(64,32,22,.22);
  color: #f2d087;
  border-radius: 999px;
  padding: .45rem .75rem;
  font-weight: 650;
  letter-spacing: .2px;
}

.rb-btn{
  border: 0;
  background: linear-gradient(135deg, var(--rb-gold), var(--rb-amber));
  color: #081c1d !important;
  font-weight: 800;
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(0,0,0,.30);
  transition: transform .15s ease, filter .15s ease;
}
.rb-btn:hover{ transform: translateY(-1px); filter: brightness(1.05); }

.rb-btn-outline{
  border-radius: 999px;
  border: 1px solid rgba(215,179,92,.45);
  color: var(--rb-text) !important;
  background: transparent;
}
.rb-btn-outline:hover{
  border-color: rgba(215,179,92,.65);
  background: rgba(64,32,22,.16);
}

.rb-title{
  letter-spacing: .2px;
  line-height: 1.05;
}

.rb-lead{ color: rgba(245,242,233,.88); }

.rb-kpi{
  border-radius: var(--rb-radius);
  border: 1px solid rgba(245,242,233,.10);
  background: rgba(64,32,22,.12);
}

.rb-kpi .num{
  font-size: 1.75rem;
  font-weight: 900;
  letter-spacing: .2px;
  background: linear-gradient(135deg, #f2d087, #ffd8a6);
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}

.rb-divider{
  border-top: 1px solid rgba(245,242,233,.10);
}

.rb-section{
  scroll-margin-top: 90px;
}

.rb-card{
  border-radius: var(--rb-radius2);
  background: linear-gradient(180deg, rgba(64,32,22,.28), rgba(44,22,16,.22));
  border: 1px solid rgba(245,242,233,.12);
  box-shadow: 0 16px 32px rgba(0,0,0,.22);
}

.rb-card-hover{
  transition: transform .18s ease, border-color .18s ease;
}
.rb-card-hover:hover{
  transform: translateY(-3px);
  border-color: rgba(215,179,92,.35);
}

.rb-img-frame{
  border-radius: 1.35rem;
  overflow: hidden;
  border: 1px solid rgba(245,242,233,.12);
  background: rgba(0,0,0,.18);
}

.rb-muted{ color: var(--rb-muted) !important; }

.rb-footer{
  border-top: 1px solid rgba(245,242,233,.10);
  background: rgba(0,0,0,.12);
}

.form-control, .form-select{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(245,242,233,.14);
  color: var(--rb-text);
  border-radius: 1rem;
}
.form-control:focus{
  background: rgba(0,0,0,.18);
  border-color: rgba(215,179,92,.55);
  box-shadow: 0 0 0 .25rem rgba(215,179,92,.16);
  color: var(--rb-text);
}
.form-control::placeholder{ color: rgba(245,242,233,.55); }

.modal-content{
  background: linear-gradient(180deg, rgba(64,32,22,.95), rgba(44,22,16,.92));
  border: 1px solid rgba(245,242,233,.14);
  border-radius: 1.35rem;
  color: var(--rb-text);
}
.modal-header{
  border-bottom: 1px solid rgba(245,242,233,.10);
}
.modal-footer{
  border-top: 1px solid rgba(245,242,233,.10);
}

.rb-float{
  animation: rbFloat 4.5s ease-in-out infinite;
}
@keyframes rbFloat{
  0%,100%{ transform: translateY(0) }
  50%{ transform: translateY(-8px) }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior: auto; }
  .rb-float{ animation: none; }
}


/* Navbar links: legíveis no fundo escuro */
.rb-navbar .nav-link{
  color:#ffffff !important;
  font-weight: 550;
  letter-spacing: .3px;
}
.rb-navbar .nav-link:hover,
.rb-navbar .nav-link:focus,
.rb-navbar .nav-link.active{
  color:#f2d087 !important;
}