/* Estilos para los labels de los botones en hero-section */
.hero-btn-label {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 1rem;
  margin-bottom: 4px;
  text-align: center;
}

.neon-bg {
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .neon-bg { margin-top: 80px; }
}

body {
    margin: 0;
    padding: 0;
    background-color: #06061B;
    background-image: url('./assets/images/body-background.svg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
}

/*----------------------------------------------*/

.svg-left {
  float: left;
}

.svg-right {
  float: right;
}

/*---------------------------------------------*/

h1, h2, h3 {
    font-family: 'Venera', sans-serif;
    font-weight: 900;
  }

  p, a, li {
    font-family: 'Avenir', sans-serif;
    font-weight: 400;
  }

  /* Título principal mejorado */
h2 {
  text-align: center;
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  position: relative;
  animation: fadeInDown 0.8s ease-out;
  
}


h1 {
  font-size: var(--font-size-hero);
  margin-bottom: var(--spacing-md);
  animation: slideInDown 0.8s ease-out both;
}