@import 'cookies.css';
@import 'termos-uso.css';


html {
    --header-xl: 48px;
    --header-lg: 36px;
    --header-md: 28px;
    --header-sm: 22px;
    --body-lg: 18px;
    --body-md: 16px;
    --body-sm: 14px;
    --body-xs: 12px;
}

body {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    overflow-x: hidden;
    background: var(--bg-body);
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
}

ol, ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.dropdown-toggle::after {
    content: none;
}


.btn-padrao {
    font-weight: 600;
    font-size: var(--body-sm);
    color: var(--tx-white);
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 18px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    background: var(--bg-button-primario);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .btn-padrao:hover, .btn-padrao:focus, .btn-padrao:active{
        color: var(--bg-button-primario);
        text-decoration: none;
        border: 1px solid var(--bg-button-primario);
        background: none;
    }

p {
    color: var(--tx-medium);
}

a {
    text-decoration: underline;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}


.dropdown-menu {
    border: none;
    border-radius: 0px;
}


/***** photoswipe *****/
figcaption {
    display: none;
}

.pswp__caption__center {
    font-weight: 700;
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
}

.pswp__button--share {
    display: none;
}

.pswp__counter {
    display: none;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.form-control:focus {
    box-shadow: none;
    outline: 0 !important;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}


.fader {
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    top: 0;
    z-index: 99;
}

.focusDiv {
    position: fixed;
    opacity: 1;
    border-radius: 3px;
    -webkit-transition-duration: 0.5s;
}


.navbar-collapse {
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.dropdown-menu > .active > a {
    background-color: transparent;
}


#menuCategoria .dropdown-menu li.collapse {
    background: #f0f0f0 !important;
}



@media(min-width:992px) {
    #menuCategoria .dropdown-menu li.collapse {
        position: absolute;
        width: 100%;
        background: #f0f0f0;
        -webkit-transform: translate(100%,0%);
        top: -5px;
        /*min-height: 276px;*/
    }

    #menuCategoria .dropdown-menu .collapsing {
        position: relative;
        height: 0 !important;
        overflow: hidden;
        -webkit-transition-timing-function: inherit !important;
        -o-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
        -webkit-transition-duration: .0s !important;
        -o-transition-duration: .0s !important;
        transition-duration: .0s !important;
        -webkit-transition-property: height,inherit !important;
        -o-transition-property: height,inherit !important;
        transition-property: height,inherit !important
    }
}



@media (max-width: 992px) {
    #menu-institucional .dropdown {
        display: none;
    }
}

.menu-lateral-oculto {
    display: none;
}


.menu-lateral-item {
    padding: 8px 0;
}

    .menu-lateral-item a,
    .menu-lateral-item a h2 {
        color: var(--tx-dark);
        font-size: var(--body-md);
        font-weight: 500;
    }

    .menu-lateral-item a h2{
        font-weight: 700;
    }

    .menu-lateral-item a:hover,
    .menu-lateral-item a:hover h2{
        color: var(--cor-primaria)
    }


/* BREADCRUMB */

.loja__breadcrumb {
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
    display: flex;
    margin-bottom: 20px;
}

    .loja__breadcrumb li {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

.loja__breadcrumb .content {
    padding: 5px;
    color: var(--tx-dark);
    text-transform: none !important;
    font-size: var(--body-xs);
    display: inherit;
}

    .loja__breadcrumb li:first-child {
        padding: 0 10px 0 0;
    }

    .loja__breadcrumb a:hover p,
    .loja__breadcrumb a:hover i {
        color: var(--cor-primaria);
    }



/* CLASSES GENERICAS LOJA */
.no-padding {
    margin: auto;
    padding: 0px;
}

a {
    text-decoration: none;
}


/* modal estrela */
.modal .estrelas span {
    color: #48887b;
    font-style: italic;
    font-size: 13px;
    margin-left: 10px
}

.modal .estrelas {
    margin-bottom: 5px;
}

    .modal .estrelas input[type=radio] {
        display: none;
    }

        .modal .estrelas input[type=radio]:checked ~ label i.fa:before {
            color: #CCC;
        }

    .modal .estrelas label i.fa:before {
        content: '\f005';
        color: #d2ab67;
    }


/*************** erro ***************/
.erro {
    margin-top: 20%;
}

.erro-box {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}


  /***** video gallery *****/
.video-gallery {
    margin-top: 25px;
}

    .video-gallery ul {
        padding: 0px !important;
    }

        .video-gallery ul li {
            display: inline-block;
            list-style: none;
            margin-bottom: 15px;
        }

/***** audio gallery *****/
.audio-gallery {
    margin-top: 25px;
}

    .audio-gallery .attribution {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .audio-gallery span {
        font-size: 18px;
        color: #747474;
    }


a.content {
    text-decoration: none;
}

    a.content:hover, a.content:focus {
        color: #9b9b9b;
        text-decoration: none;
    }


/*************** carrinho ***************/
.carrinho {
    padding-bottom: 75px;
    padding-top: 30px;
}

.carrinho-box {
    margin-top: 20px;
}

.passo-img {
    float: right;
}

.header-box .header {
    font-size: 18px;
    text-align: center;
}

.label-box .header {
    font-size: 11px;
}

.carrinho-passsos-img {
    margin-left: auto;
    margin-bottom: 33px;
}

p.passo-ext {
    display: none;
}


@media screen and (max-width: 992px) {
    p.passo-ext {
        display: block;
        text-align: center;
        font-size: 26px;
    }

    .carrinho-passsos-img {
        display: none;
    }
}


/***** carrinho-box passo-3 *****/
.carrinho-box.passo-3 .left .row {
    margin-left: 0px;
    margin-right: 0px;
}

.carrinho-box.passo-3 .right .row {
    margin-left: 0px;
    margin-right: 0px;
}

.container.carrinho-box.passo-3 {
    margin-top: 30px;
}




.o-que-e-tooltip .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.o-que-e-tooltip .tooltip.in {
    opacity: 1;
}

.o-que-e-tooltip .tooltip-inner {
    background-color: #fff;
    padding: 15px;
}

.o-que-e-tooltip .content {
    font-weight: 400;
    text-transform: none;
    margin-top: 10px;
}





button.btn.cartao-n-btn {
    position: relative;
    background: transparent;
}
/***** queries *****/
@media (max-width: 528px) {
    .forma-pagamento .btn-custom {
        top: 0px;
    }

    
    

    .forma-pagamento .o-que-e-tooltip {
        text-align: center;
    }

    .forma-pagamento .custom-btn {
        margin-right: 25px;
        position: relative;
        top: 0px;
        cursor: pointer;
    }

    .forma-pagamento li.forma {
        display: block;
        padding-left: 20px;
        margin-top: 0px;
    }

    .forma-pagamento .forma .content {
        text-align: left;
    }

    .forma-pagamento.credito, .forma-pagamento.debito, .forma-pagamento.boleto, .forma-pagamento.deposito {
        background: #f6f6f6;
        padding: 15px 0px 15px 0px;
        margin-bottom: 10px;
    }

   

    .escolha-cartao-de-debito .radio label {
        padding-left: 15px;
        width: 115px;
        margin-bottom: 10px;
    }

    a.radio.credito-header.principal {
        padding-left: 15px;
    }
}


/***** status-box *****/
.status-box {
    padding: 15px 30px 15px 30px;
    margin-bottom: 10px;
    border: rgba(9, 40, 79, 0.2) solid 2px;
}

    .status-box .header {
        font-size: 24px;
        background: url("img/status.png") center left no-repeat;
        padding-left: 30px;
    }

    .status-box .content {
        color: #5f5f5f;
        text-transform: none;
        margin-top: 15px;
    }

        .status-box .content a {
            text-transform: none;
        }


/*************** MAIN E OUTROS genericos***************/

a.avise-btn {
    background: #929292;
  
}

    a.avise-btn:hover, a.avise-btn:focus {
        background: none !important;
       
    }

.sem-resultado {
    margin-top: 100px;
    margin-bottom: 100px;
}

    .sem-resultado h1 {
        margin-bottom: 20px;
    }

    .sem-resultado h2 {
        color: #595959;
        font-size: 16px !important;
        font-weight: 100 !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        font-family: "Open Sans" !important;
        font-style: normal !important;
    }

.resultado-box h2 {
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: Dubiel;
    font-size: 30px;
    font-style: italic;
}

.main.busca {
    margin-top: 10px;
    margin-bottom: 40px;
    padding-top: 23px;
}

.inline {
    display: inline-block;
}

.qtd-min {
    font-size: 14px !important;
    color: #373832 !important;
    display: block;
    margin-left: 7px;
    font-weight: 700;
    line-height: 5px;
}


.axys-box {
    border-top: 1px solid #cccccc;
}


.tag {
    position: absolute;
    top: -25px;
    right: 30px;
}

.produto-descricao .cod {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    height: 30px;
    line-height: 15px;
}
/***** produto-valor-box *****/
.produto-valor {
    margin-bottom: 15px;
}

.produto-valor-box .vertical-center-box {
    margin: 0 auto;
}

.produto-valor-box .de {
    font-weight: 700;
}

.produto__valor__de__outer {
    text-decoration: line-through;
}

.produto-valor-box .unidade {
    font-weight: 400;
    color: #505050;
    text-align: center;
    margin-top: 2px;
}


/*************** detalhe-produto ***************/

.produtos-destaque-header {
    text-align: center;
}

    .produtos-destaque-header a {
        display: inline-block;
    }

    .produtos-destaque-header.noticias-header {
        background: url("img/client/header-bar.png") 125px center no-repeat;
        position: relative;
    }

.troca-bkg {
    background: #fff;
    width: 125px;
    height: 43px;
    position: absolute;
    right: 0px;
    bottom: -5px;
    text-align: right;
}


@media (max-width: 528px) {
    .produtos-destaque-header {
        margin-bottom: 15px !important;
    }

        .produtos-destaque-header .lista {
            background: url("img/lista.png") center right no-repeat;
            padding-left: 49px;
            padding-top: 49px;
            cursor: pointer;
        }

            .produtos-destaque-header .lista.ativo {
                background: url("img/lista-ativo.png") center right no-repeat;
            }

        .produtos-destaque-header .listagem {
            background: url("img/listagem.png") center right no-repeat;
            padding-left: 49px;
            padding-top: 49px;
            cursor: pointer;
        }

            .produtos-destaque-header .listagem.ativo {
                background: url("img/listagem-ativo.png") center right no-repeat;
            }

    .troca-bkg {
        background: #fff;
        width: 106px;
        height: 43px;
        left: 0px;
        position: absolute;
        bottom: -55px;
        text-align: right;
    }
}

.tag-detalhe {
    position: absolute;
    left: 17px;
    z-index: 998;
}


@media (max-width: 1200px) {
    .compra-box .content {
        text-transform: none;
        margin-left: 5px;
        margin-right: 5px;
    }

    .compra-box input[type=radio] {
        margin-left: 5px;
    }
}


/***** toast *****/
#toast-container {
    top: 40%;
}

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 25%;
        margin-bottom: 10px;
        margin: auto;
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 30%;
        margin: auto;
    }

@media (max-width: 1200px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 35%;
    }
}

@media (max-width: 992px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 45%;
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 40% !important;
        margin: auto;
    }
}

@media (max-width: 768px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 60% !important;
        margin: auto;
    }
}

@media (max-width: 528px) {
    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 90% !important;
        margin: auto;
    }
}

.toast-title {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.toast-message {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 18px;
    padding-right: 30px;
    padding-top: 5px;
}

#toast-container > .toast-error {
    background-position: 27px !important;
}

#toast-container > .toast-error {
    background-position: 27px !important;
}

#toast-container > .toast-success {
    background-position: 27px !important;
}

#toast-container > div {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 35px 15px 35px 75px !important;
}

@media (max-width: 528px) {
    #toast-container > div {
        padding: 20px 15px 20px 59px !important;
    }
}

.toast-close-button {
    top: -1.9em;
}

@media (max-width: 480px) and (min-width: 241px) {
    #toast-container .toast-close-button {
        top: -0.9em;
    }
}

/***** ordenação resultados *****/
.ordenacao-resultados {
    margin-bottom: 15px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0px;
}

    .ordenacao-resultados li {
        display: inline-block;
        padding-right: 10px;
        border-right: 1px solid #e9e9e9;
    }

        .ordenacao-resultados li:last-child {
            border-right: none;
        }

        .ordenacao-resultados li a {
            font-size: 12px;
            color: #9b9b9b;
            text-decoration: none;
        }

    .ordenacao-resultados .glyphicon {
        top: 3px;
        left: 3px;
    }

.ordenacao-resultados-header {
    font-size: 12px;
    color: #9a9a9a;
    text-transform: uppercase;
    padding-left: 0px !important;
    border-right: none !important;
    font-weight: 300;
}

.ordenar-form {
    margin-top: 0px;
    margin-bottom: 5px;
}

@media(min-width:992px) {
    .ordenar-form {
        text-align: right;
    }
}


/*MENU paineis FILTROS LATERAL*/
/*cor cinzaForte*/
/*paineis menu lateral*/
.titulo_pesquisa {
    margin: 5px 0px 10px 0px;
}

    .titulo_pesquisa h1 {
        color: #191919;
        font-size: 28px;
        margin-bottom: 0px;
        text-transform: none !important;
        font-family: "Poppins";
        font-weight: 900;
    }

.painel, .painel-menuLateral, .painel-Cor, .painel-tamanho, .painel-linha, .painel-rodas, .painel-preco, .painel-FiltroColecao {
    border: 1px solid #ddd;
    margin-bottom: 0px;
    border-bottom: 0px solid #ddd;
}

    .painel:last-child, .painel-menuLateral:last-child, .painel-Cor:last-child, .painel-tamanho:last-child, .painel-linha:last-child, .painel-rodas:last-child, .painel-preco:last-child, .painel-FiltroColecao:last-child {
        border-bottom: 1px solid #ddd;
    }

    .panel-title, .painel-menuLateral .panel-title,  .painel-Cor .panel-title, .painel-tamanho .panel-title, .painel-linha .panel-title, .painel-rodas .panel-title, .painel-preco .panel-title, .painel-FiltroColecao .panel-title {
        color: #222222;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        padding: 10px 15px 10px 35px;
        font-family: "Poppins";
        font-weight: 900;
    }

        .panel-title .fa {
            color: #222222;
            font-size: 12px;
            padding: 14px 14px 14px 14px;
            position: absolute;
            left: 10px;
            bottom: auto;
            transform: translate(0%, -30%);
        }

.menuLateral h2 {
    color: #d2ab67;
    margin-bottom: 20px;
    font-size: 24px;
}

.menuLateral input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    width: 14px;
    height: 14px;
    background: #fff;
    outline: none;
    margin-right: 5px;
    position: relative;
    top: 4px;
}


.painel-Cor .panel-body label {
    color: #424242;
    font-size: 14px;
}

    .painel-Cor .panel-body label:hover {
        color: #d2ab67;
    }

.painel-tamanho .panel-body label {
    color: #424242;
    font-size: 14px;
}

    .painel-tamanho .panel-body label:hover {
        color: #d2ab67;
    }

.painel-linha .panel-body label {
    color: #424242;
    font-size: 14px;
}

    .painel-linha .panel-body label:hover {
        color: #d2ab67;
    }

.painel-rodas .panel-body label {
    color: #424242;
    font-size: 14px;
}

    .painel-rodas .panel-body label:hover {
        color: #d2ab67;
    }

.painel-preco #param {
    padding: 10px;
}

    .painel-preco #param input {
        -webkit-box-sizing: border-box;
        width: 100%;
        outline: none;
    }

    .painel-preco #param #sum input {
        width: 27%;
        padding: 0 5px;
        color: #d2ab67;
        border: 1px solid #dcd9d9;
    }

        .painel-preco #param #sum input .ui-slider {
            height: 1px;
        }

    .painel-preco #param #sum ul li {
        display: inline-block;
        width: 50%;
        float: left;
    }

    .painel-preco #param #sum li.right {
        text-align: right;
    }

    .painel-preco #param span.ate {
        padding: 0px 35px;
        font-weight: 600;
    }

    .painel-preco #param .max-sum {
        right: 30px;
        position: absolute;
    }

    .painel-preco #param .ui-slider-handle {
        width: 20PX;
        margin-left: -2px;
        border: 1px solid #f1f1f1;
        BACKGROUND: #d2ab67;
        outline: 0;
        border-radius: 50px;
    }

    .painel-preco #param .ui-slider-range {
        background: #d2ab67;
    }

    .painel-preco #param #range {
        width: 100%;
        margin: 25px 0px 25px 0px;
    }

    .painel-preco #param .ui-widget-content {
        border: 1px solid #f1f1f1;
        background: #f1f1f1;
    }

.painel-FiltroColecao .radio {
    text-decoration: none;
    padding-left: 10px;
    color: #888888;
    font-size: 12px;
}

    .painel-FiltroColecao .radio:hover {
        color: #d2ab67;
    }


/*Query header__top*/


.shop__security {
    padding: 15px 0px;
}

@media(max-width:568px) {
    .shop__security {
        display: none;
    }
}




/*lISTA DOS PRODUTOS*/
.detalhe__produto .detalhe-box .estrelas span {
    font-style: italic;
    margin-left: 10px;
    color: #888888;
    font-family: Roboto;
    font-size: 13px;
}

.produto-box-item .estrelas {
    margin-bottom: 5px;
    text-align: center;
}

    .produto-box-item .estrelas input[type=radio] {
        display: none;
    }

        .produto-box-item .estrelas input[type=radio]:checked ~ label i.fa:before {
            color: #CCC;
        }

    .produto-box-item .estrelas label i.fa:before {
        content: '\f005';
        font-size: 11px;
        margin: 0px 3px;
    }


/*Whatsapp*/
.fixed__whatsapp {
    position: fixed;
    bottom: 5%;
    right: 2.1rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
}

.btn__whatsapp {
    --size: 60px;
    width: var(--size);
    height: var(--size);
    background: #25D366;
    border-radius: 35px;
    color: var(--tx-white);
    font-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 500ms ease;
}

    .btn__whatsapp:hover {
        background: #128C7E;
    }

@media(max-width:768px) {
    .fixed__whatsapp {
        top: 92% !important;
    }

    .fixed__whatsapp {
        left: 2.1rem;
        width: 3rem;
        height: 3rem;
    }
}

/***** photoswipe *****/
.pswp--open {
    z-index: 999999;
}

.pswp__button--share {
    display: none;
}

.pswp__counter {
    display: none;
}

.pswp__button--zoom {
    display: block !important;
}

.pswp__caption__center {
    text-align: center;
    max-width: 992px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}





.nenhum_registro {
    margin-top: 30px;
    margin-bottom: 70px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

/*Passos*/
.etapa__passo {
    display: flex;
    justify-content: flex-end;
    padding: 15px 0px;
    text-align: center;
}

.etapa__passo__list {
    display: flex;
}

    .etapa__passo__list .item {
        position: relative;
        text-align: center;
        width: 150px;
    }

        .etapa__passo__list .item::after {
            content: url('img/bg-passos.png');
            position: absolute;
            top: 0px;
            z-index: 1;
            right: -54px;
        }

        .etapa__passo__list .item:last-child::after {
            content: '';
        }

        .etapa__passo__list .item img {
            position: relative;
            z-index: 2;
        }

        .etapa__passo__list .item p {
            font-size: var(--body-sm);
            font-weight: 500;
        }


.compra-radio-box input[type=radio].imagem {
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
}

.compra-radio-box label > img {
    height: 80px;
    width: auto !important;
    overflow: hidden;
    margin-bottom: 10px;
    border: solid 1px #777777;
}

    .compra-radio-box label > img.ativo {
        border: solid 3px green;
        padding: 5px;
    }

.attr-imghover {
    display: none;
    position: absolute;
    z-index: 9999;
    min-height: 100px !Important;
    background-color: #bcbec0;
    bottom: 65px;
    left: -12px;
    font-size: 11px;
    padding: 4px;
    width: 104px;
}

    .attr-imghover img {
        height: 81px;
        width: 96px;
        padding-left: 2px;
        padding-top: 2px;
    }

    .attr-imghover .arrow {
        height: 13px !Important;
        width: 26px !Important;
        position: absolute;
        z-index: 9999;
        bottom: -11px;
        right: 41px;
    }

    .attr-imghover span {
        color: #000;
        font-weight: normal;
        text-align: center;
        text-transform: lowercase !Important;
        line-height: 20px !Important;
        background-color: #bcbec0 !Important;
        width: 100px !Important;
        margin-bottom: 5px !Important;
        overflow-x: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap !important;
        word-wrap: break-word;
        white-space: normal;
        overflow-y: hidden;
    }


/*Modal Helper*/

.modal-news-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

.modal-content-controleidade {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
    border-radius: 30px;
}


/*modal-controle-idade {
    opacity: 0.75 !important;
}*/
.modal-controleidade {
    background: rgba(0,0,0,0.78);
    text-align: center;
}

.dialog-controleidade {
    border-radius: 20px;
}

.btn-controleidade {
    padding-left: 30px;
    padding-right: 30px;
    margin-inline: 30px;
    border-radius: 15px;
}

.image-gallery .img-block {
    aspect-ratio: 4 /3;
}

.aspect-16-9 {
    aspect-ratio: 16/9;
}

.nav-etapas {
    color: rgba(0,0,0,.4)
}

    .nav-etapas .nav-item {
        font-size: 12px;
    }

        .nav-etapas .nav-item.active {
            position: relative;
            color: rgba(0,0,0)
        }

            .nav-etapas .nav-item.active::before {
                content: "";
                width: 38px;
                height: 38px;
                border-radius: 32px;
                background-color: rgba(0,0,0,.1);
                position: absolute;
                top: -2px;
            }

@media screen and (min-width:992px) {
    .nav-etapas .nav-item {
        font-size: 16px;
    }
}