html {
      scroll-behavior: smooth;
    } 
    #home {
      min-height: 100vh; /* altura mínima da tela, mas permite expansão */
      height: auto; /* permite crescer conforme o conteúdo */
      display: block; /* ou flex se necessário */
    }    
    @media (max-width: 680px) {   
    #home .container {
        padding-top: 30% !important;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #accordion-container {
        margin-top: -6em;
        padding-top:1em !important;
    }
    .accordion p, .list-group-flush>.list-group-item {
        font-size: 1em !important;
        color: #ac39ac;
    }  
    .accordion-header .accordion-button {
        padding: 20px 20px 10px;
    }    
    }    
    @media (min-width: 950px) {    
    .col-lg-7 {
        max-height: 350px; 
        max-width:550px;        
    }
    #home .container {
        padding-top: 12%;
        padding-left: 5% !important;
        padding-right: 5% !important;
    } 
    }
    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color:#e6b3e6 !important;
    }
    .accordion-button:focus {
        box-shadow: none !important;
    }
    .accordion p, .list-group-flush>.list-group-item {
        font-size: 1.2em;
        color: #ac39ac;
    }
    .navbar-nav .nav-item a {
         text-decoration: none;
    }
    
    .container .py-5 .mb-4 {
      color: #ac39ac;
    }    
    .accordion-scroll {
        max-height: 400px;
        overflow-y: auto;
    }
    .accordion {
      margin-top: 0 !important; /* evita saltos */
    }   
    .accordion-item {
        scroll-margin-top: 100px; /* evita "grudar" no topo */
    }