/* ===== Urucum Dark System ===== */
:root{
  --bg: #070b12;
  --panel: rgba(255,255,255,.06);
  --panel2: rgba(255,255,255,.085);
  --border: rgba(255,255,255,.10);
  --text: #e5e7eb;
  --muted: rgba(229,231,235,.72);
  --brand: #EF4B00;          /* laranja Urucum */
  --brand2: #ff6b2b;
  --shadow: 0 20px 55px rgba(0,0,0,.55);
  --radius: 22px;
}

body.urucum-dark{
  background: radial-gradient(1200px 700px at 12% 8%, rgba(239,75,0,.20), transparent 55%),
              radial-gradient(900px 550px at 85% 25%, rgba(255,107,43,.12), transparent 55%),
              var(--bg);
  color: var(--text);
}

a{ color: inherit; }
.text-muted{ color: var(--muted) !important; }

.urucum-header{
  position: sticky;
  top: 0;
  z-index: 9999;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  background: rgba(7, 11, 18, 0.62);
  border-bottom: 1px solid var(--border);
}

.navbar-brand img{
  max-height: 34px;
  width: auto;
}

.urucum-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;height:32px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color: #120a05;
  font-weight: 800;
}

.btn-urucum{
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand2);
  --bs-btn-hover-border-color: var(--brand2);
  --bs-btn-color: #120a05;
  --bs-btn-hover-color: #120a05;
  border-radius: 14px;
  font-weight: 700;
}

.btn-outline-light{
  border-radius: 14px;
  border-color: rgba(255,255,255,.20);
}

.urucum-hero{
  position: relative;
  overflow: hidden;
}

.py-lg-6{ padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }

.urucum-pill{
  padding: .5rem .75rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.05);
  color: rgba(229,231,235,.85);
  font-size: .9rem;
}
.urucum-pill .dot{
  width:10px;height:10px;border-radius:999px;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgba(239,75,0,.18);
}

.urucum-hero-card{
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  box-shadow: var(--shadow);
  padding: 18px;
}

.urucum-card, .urucum-panel, .urucum-feature, .urucum-cta{
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04));
  box-shadow: var(--shadow);
}

.urucum-panel{ padding: 28px; }
.urucum-feature{ padding: 22px; height: 100%; }
.urucum-cta{ padding: 28px; }

.urucum-metric{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  padding: 14px 14px;
}

.nav-pills .nav-link{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(229,231,235,.85);
  background: rgba(255,255,255,.04);
  padding: .6rem 1rem;
  font-weight: 700;
}
.nav-pills .nav-link.active{
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color: #120a05;
  border-color: transparent;
}

.urucum-list{
  margin: 0;
  padding-left: 1.1rem;
  color: rgba(229,231,235,.85);
}
.urucum-list li{ margin-bottom: .45rem; }

.link-title{
  text-decoration: none;
}
.link-title:hover{
  text-decoration: underline;
}

.link-soft{
  color: rgba(229,231,235,.78);
  text-decoration: none;
}
.link-soft:hover{ color: rgba(255,255,255,.92); text-decoration: underline; }

.urucum-footer{
  border-top: 1px solid var(--border);
  background: rgba(0,0,0,.20);
}

.urucum-hr{
  border-color: rgba(255,255,255,.10);
}

.urucum-empty{
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: rgba(255,255,255,.04);
  padding: 32px;
}

@media (max-width: 575.98px){
  .urucum-panel{ padding: 20px; }
  .urucum-hero-card{ padding: 12px; }
}