/* Estilo básico */
.chart-container {
    width: 100%;
    max-width: 600px;
    height: 300px;
    /* Defina uma altura fixa para o gráfico */
    margin: 0 auto;
    /* Centraliza o gráfico */
}

.wizard-feature-section-mobile {
    display: none !important;
}

.wizard-feature-section {
    display: block !important;
}

@media (min-width: 701px) and (max-width: 990px) {
    .banner {
        display: none !important;
    }


    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        height: auto;
    }

    .navbar-brand {
        margin-right: auto;
        display: flex;
        align-items: center;
    }

    .navbar-brand img {
        height: 50px !important;
        max-width: 100% !important;
    }

    .navbar-toggler {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .missao,
    .section-title {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .banner-title {
        font-size: 2rem;
        font-weight: bold;
    }

    .banner-text {
        font-size: 1.6rem;
    }

    .motivacional{
        margin-top: 20px !important;
        padding: 10px 10px 10px 10px !important;
    }

    .chart-container {
        height: 250px;
    }

    svg {
        display: none;
    }

    .bannerMobile {
        display: block  !important;
        background-color: #D94747;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23682826' stroke-width='36.8' stroke-opacity='0.18' %3E%3Ccircle fill='%23D94747' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23db4948' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23dd4a4a' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23e04c4b' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e24d4c' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e44f4d' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23e6514f' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23e95250' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23eb5451' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23ed5553' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23ef5754' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23f15855' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23f45a56' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23f65c58' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23f85d59' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23fa5f5a' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23fd605c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23FF625D' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
        height: auto !important;
    }

    #vm-destaque-one {
        display: none;
    }

    #vm-destaque-novo {
        display: block !important;
        background-color: #00345e;
        color: #ffffff;
    }

    #barChartDesktok {
        display: none;
    }
    .lists{
        padding: 10px !important;
    }
    .new-icon {
        font-size: 1.8rem; /* Ícones maiores */
        color: var(--bs-danger); /* Vermelho danger do Bootstrap */
    }
    .new-text {
        font-size: 0.2rem; /* Reduz ainda mais no mobile */
        color: #e4e5e5;
    }
    .g-recaptcha {
        display: flex;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }




}

/* Estilos de responsividade */
@media (min-width: 601px) and (max-width: 700px) {
    .banner {
        display: none !important;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        height: auto;
    }

    .navbar-brand {
        margin-right: auto;
        display: flex;
        align-items: center;
    }

    .navbar-brand img {
        height: 50px !important;
        max-width: 100% !important;
    }

    .navbar-toggler {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .missao,
    .section-title {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .banner-title {
        font-size: 2rem;
        font-weight: bold;
    }

    .banner-text {
        font-size: 1.6rem;
    }

    .motivacional{
        margin-top: 20px !important;
        padding: 10px 10px 10px 10px !important;
    }

    .chart-container {
        height: 250px;
    }

    svg {
        display: none;
    }

    .bannerMobile {
        display: block !important;
        background-color: #D94747;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23682826' stroke-width='36.8' stroke-opacity='0.18' %3E%3Ccircle fill='%23D94747' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23db4948' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23dd4a4a' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23e04c4b' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e24d4c' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e44f4d' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23e6514f' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23e95250' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23eb5451' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23ed5553' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23ef5754' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23f15855' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23f45a56' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23f65c58' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23f85d59' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23fa5f5a' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23fd605c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23FF625D' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
        height: auto  !important;
    }

    #vm-destaque-one {
        display: none;
    }

    #vm-destaque-novo {
        display: block !important;
        background-color: #00345e;
        color: #ffffff;
    }

    #barChartDesktok {
        display: none;
    }
    .lists{
        padding: 10px !important;
    }
    .new-icon {
        font-size: 1.8rem; /* Ícones maiores */
        color: var(--bs-danger); /* Vermelho danger do Bootstrap */
    }
    .new-text {
        font-size: 0.2rem; /* Reduz ainda mais no mobile */
        color: #e4e5e5;
    }
    .g-recaptcha {
        display: flex;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }




}

/* Para dispositivos entre 401px e 600px */
@media (min-width: 401px) and (max-width: 600px) {
    .banner {
        display: none !important;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        height: auto;
    }

    .navbar-brand {
        margin-right: auto;
        display: flex;
        align-items: center;
    }

    .navbar-brand img {
        height: 50px !important;
        max-width: 100% !important;
    }

    .navbar-toggler {
        margin-left: auto;
        display: flex;
        align-items: center;
    }
    .banner-title {
        font-size: 2rem;
        font-weight: bold;
    }

    .banner-text {
        font-size: 1.6rem;
    }

    .motivacional{
        margin-top: 20px !important;
        padding: 10px 10px 10px 10px !important;
    }

    .missao,
    .section-title {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }


    .chart-container {
        height: 220px;
    }

    svg {
        display: none;
    }

    .bannerMobile {
           display: block !important;
        background-color: #D94747;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23682826' stroke-width='36.8' stroke-opacity='0.18' %3E%3Ccircle fill='%23D94747' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23db4948' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23dd4a4a' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23e04c4b' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e24d4c' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e44f4d' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23e6514f' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23e95250' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23eb5451' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23ed5553' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23ef5754' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23f15855' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23f45a56' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23f65c58' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23f85d59' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23fa5f5a' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23fd605c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23FF625D' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
        height: auto  !important;
    }

    #vm-destaque-one {
        display: none;
    }

    #vm-destaque-novo {
        display: block !important;
        background-color: #00345e !important;
        color: #ffffff;
    }

    #barChartDesktok {
        display: none;
    }
    .lists{
        padding: 10px !important;
    }
    .new-icon {
        font-size: 1.8rem; /* Ícones maiores */
        color: var(--bs-danger); /* Vermelho danger do Bootstrap */
    }
    .new-text {
        font-size: 0.2rem; /* Reduz ainda mais no mobile */
        color: #e4e5e5;
    }
    .g-recaptcha {
        display: flex;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }




}

/* Para dispositivos entre 301px e 400px */
@media (min-width: 301px) and (max-width: 400px) {
    .banner {
        display: none !important;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        height: auto;
    }

    .navbar-brand {
        margin-right: auto;
        display: flex;
        align-items: center;
    }

    .navbar-brand img {
        height: 50px !important;
        max-width: 100% !important;
    }

    .navbar-toggler {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .missao,
    .section-title {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .banner-title {
        font-size: 2rem;
        font-weight: bold;
    }

    .banner-text {
        font-size: 1.6rem;
    }

    .motivacional{
        margin-top: 20px !important;
        padding: 10px 10px 10px 10px !important;
    }

    .chart-container {
        height: 200px;
    }

    svg {
        display: none;
    }

    .new-text{
        font-size: 0px !important;
    }

    /* Personalização para o banner */
    .bannerMobile {
        display: block !important;
        background-color: #D94747;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23682826' stroke-width='36.8' stroke-opacity='0.18' %3E%3Ccircle fill='%23D94747' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23db4948' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23dd4a4a' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23e04c4b' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e24d4c' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e44f4d' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23e6514f' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23e95250' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23eb5451' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23ed5553' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23ef5754' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23f15855' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23f45a56' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23f65c58' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23f85d59' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23fa5f5a' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23fd605c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23FF625D' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
        height: auto  !important;
        color: white;
    }

    /* Personalização dos formulários */
    .banner-form {
        background-color: #ffffff;
        border-color: #e0e0e0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .banner-title {
        font-size: 2rem;
        font-weight: bold;
    }

    .banner-text {
        font-size: 2rem;
    }

    .form-title {
        font-size: 1.5rem;
        color: e4002b;
    }

    .btn-light {
        background-color: white;
        color: e4002b;
        border: 1px solid e4002b;
    }

    .btn-light:hover {
        background-color: #f8d7da;
        color: e4002b;
    }

    .form-select,
    .form-control {
        background-color: #f8f9fa;
        border-color: #ced4da;
    }

    #vm-destaque-one {
        display: none;
    }

    #vm-destaque-novo {
        display: block !important;
        background-color: #00345e;
        color: #ffffff;
    }

    #barChartDesktok {
        display: none;
    }
    .new-icon {
        font-size: 1.8rem; /* Ícones maiores */
        color: var(--bs-danger); /* Vermelho danger do Bootstrap */
    }
    .new-text {
        font-size: 0.2rem; /* Reduz ainda mais no mobile */
        color: #e4e5e5;
    }
    .g-recaptcha {
        display: flex;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }



}

/* Para dispositivos entre 50px e 300px */
@media (min-width: 50px) and (max-width: 300px) {
    .banner {
        display: none !important;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        height: auto;
    }

    .navbar-brand {
        margin-right: auto;
        display: flex;
        align-items: center;
    }

    .navbar-brand img {
        height: 50px !important;
        max-width: 100% !important;
    }

    .navbar-toggler {
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .missao,
    .section-title {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .chart-container {
        height: 180px;
    }

    .banner-title {
        font-size: 2rem;
        font-weight: bold;
    }

    .banner-text {
        font-size: 1.6rem;
    }

    .motivacional{
        margin-top: 20px !important;
        padding: 10px 10px 10px 10px !important;
    }
    svg {
        display: none;
    }

    .bannerMobile {
        display: block !important;
        background-color: #D94747;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23682826' stroke-width='36.8' stroke-opacity='0.18' %3E%3Ccircle fill='%23D94747' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23db4948' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23dd4a4a' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23e04c4b' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e24d4c' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e44f4d' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23e6514f' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23e95250' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23eb5451' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23ed5553' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23ef5754' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23f15855' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23f45a56' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23f65c58' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23f85d59' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%23fa5f5a' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%23fd605c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23FF625D' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
        background-attachment: fixed;
        background-size: cover;
        height: auto  !important;
    }

    #vm-destaque-one {
        display: none;
    }

    #vm-destaque-novo {
        display: block !important;
        background-color: #00345e;
        color: #ffffff;
    }

    #barChartDesktok {
        display: none;
    }

    .lists{
        padding: 10px !important;
    }
    .new-icon {
        font-size: 1.8rem; /* Ícones maiores */
        color: var(--bs-danger); /* Vermelho danger do Bootstrap */
    }
    .new-text {
        font-size: 0.2rem; /* Reduz ainda mais no mobile */
        color: #e4e5e5;
    }
    .g-recaptcha {
        display: flex;
        justify-content: center;
        max-width: 100%;
        overflow: hidden;
    }




}