:root{
  --cor-principal:#8a2be2;
  --cor-secundaria:#ff007f;
  --cor-fundo:#0f0c20;
  --cor-dourado:#ffba08;

  --muvida-roxo-1:#6a1b9a;
  --muvida-roxo-2:#ad1457;
  --muvida-roxo-escuro:#3c0f6e;
  --muvida-dourado:#ffba08;

  --paper-bg:#eef1f5;
  --ink:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;

  --nav-h:110px;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top: var(--nav-h);
}

body{
  font-family:'Poppins',sans-serif;
  overflow-x:hidden;
  padding-top: var(--nav-h);
}

/* ============================= */
/* NAVBAR 15% MAIS FORTE */
/* ============================= */

.glass-navbar{
  background:linear-gradient(
    to right,
    rgba(60,15,110,0.173),
    rgba(138,43,226,0.058)
  ) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:2px solid var(--cor-dourado) !important;
  transition:all .4s ease;
}

.nav-link{
  position:relative;
  color:rgba(255,255,255,0.9)!important;
  transition:color .3s;
}

.nav-link:hover{color:#fff!important;}

.nav-link::after{
  content:'';
  position:absolute;
  width:0;height:2px;bottom:0;left:50%;
  background:linear-gradient(90deg,#fff,var(--cor-secundaria));
  transition:all .3s ease;
  transform:translateX(-50%);
}

.nav-link:hover::after{width:100%;}

/* Navbar quando rola */
@media(min-width:992px){
  .navbar-scrolled{
    background:rgba(35,12,55,.897)!important;
    backdrop-filter:blur(14px);
    box-shadow:0 10px 30px rgba(0,0,0,.25);
  }
}

/* Navbar Mobile */
@media(max-width:991px){
  .glass-navbar{
    background:rgba(35,8,65,0.805)!important;
  }
}

/* ============================= */
/* BUTTONS */
/* ============================= */

.btn-gradient{
  background:linear-gradient(45deg,var(--cor-principal),var(--cor-secundaria),var(--cor-dourado));
  border:none;
  color:#fff;
  box-shadow:0 8px 25px rgba(255,186,8,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}

.btn-gradient:hover{
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 12px 35px rgba(255,186,8,.35);
}

/* ============================= */
/* FOOTER */
/* ============================= */

.site-footer{
  background:#0b0916;
  color:#fff;
}

.icon-link-hover{
  transition:transform .2s ease, opacity .2s ease;
}

.icon-link-hover:hover{
  transform:translateY(-2px);
  opacity:1;
}

/* ============================= */
/* UTIL */
/* ============================= */

.line{
  width:90px;
  height:4px;
  background:linear-gradient(90deg,var(--cor-principal),var(--cor-secundaria),var(--cor-dourado));
  border-radius:999px;
  margin-top:10px;
}

.back-top{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999;
  border-radius:999px;
  display:none;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  box-shadow:0 12px 25px rgba(0,0,0,.18);
}