body {
    padding-top: 80px !important; 
  }
  body, html {
      height: 100%;
      margin: 0;
      padding: 0;
  }
  body {
      display: flex;
      flex-direction: column;
    }  
  main {
      flex: 1;
  }
  
 
  #navbar {
      background-color: #7D0A0A;
  }
  .navbar-toggler {
    border: none;
    outline: none;
    }
    
    .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
  

  .logo-text {
      font-family: 'Brush Script MT', cursive;
      font-size: 2.2rem;
      color: #fff !important;
  }
  

  .nav-link {
      color: #fff !important;
      font-weight: 500;
      padding: 0 !important;
  }
  
  .nav-link.active {
      font-weight: bold;
      color: #f9d423 !important;
  }
  
 
  .golden-btn {
      background-color: #FFD700 !important  ;          
      color: white;
      font-weight: bold;
      border: none;
      border-radius: 30px;                 
      padding: 0.8rem 2rem;
      font-size: 1.1rem;
      box-shadow: 0 0 12px #FFD700aa;    
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
 
    
   
 
 .text-golden {
    color: goldenrod;
    font: italic 900 43.8px Tiempos Headline;}
   
  
 
  .footer-link {
      color: #ffffffcc;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    
    .footer-link:hover {
      color: #f9d423;
      text-decoration: underline;
    }
    
    .logo-text {
      font-family: 'Brush Script MT', cursive;
      font-size: 2rem;
    }