@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;600&display=swap');




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Roboto", sans-serif;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3 {
    font-family: 'Orbitron', sans-serif;
}
.icon-whatts {
    position: fixed;
   bottom: 20px; /* distância da borda inferior */
   right: 20px; /* distância da borda direita */
   z-index: 1000; /
}

.material-symbols-outlined {
  border: none;
  display: flex;
  background-color: #0A0414;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 600;
  box-shadow: 0 0 10px #9A00FF30;
  color: #D580FF;
  cursor: pointer;
  transition: 0.25s ease;
}

.material-symbols-outlined:hover {
  background-color: #150222;
  box-shadow: 0 0 14px #D580FF70;
  color: #F0C2FF;
}

/* ===== BUTTON PADRÃO ===== */
.btn-default {
  border: none;
  display: inline-flex;
  background-color: #9A00FF;
  border-radius: 12px;
  padding: 14px 22px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.25s ease;
  box-shadow: 0 0 12px #9A00FF80;
}

.btn-default:hover {
  background-color: #B533FF;
  box-shadow: 0 0 18px #D580FF;
  transform: translateY(-3px);
}

.btn-default a {
  color: #F4E9FF;
  text-decoration: none;
  font-weight: 600;
}