﻿hr {
    color: #c5c2c2;
}

.concluir-compra {
    width: 100%;
    padding: 12px 24px 12px 24px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

.link {
    color: #009CBD;
    text-decoration: none;
}

.form-check-input:checked[type=radio] {
    background-image: none;
}


.form-check-input:checked[type=checkbox] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e);
}

.titulo-termos-condicoes {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: 1;
}

.link:hover, .link:active {
    color: #027f9a;
}

.titulo-corpo {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #D89A29;
}

.div-titulo-corpo {
    margin-left: 75px;
}

.subtitulo-corpo {
    color: #009CBD;
    font-weight: 900;
    font-size: 54px;
    line-height: 59.4px;
}

.card-dashed {
    border: 3px dashed #00b4d8;
    border-radius: 10px;
    padding: 20px;
    max-width: 550px;
    margin: 10px 10px;
}

.card-dashed-bonus {
    border: 2px dashed #00b4d8;
    border-radius: 10px;
    padding: 20px;
    max-width: 550px;
    margin: 10px 10px;
}

.badge-custom {
    background-color: #74D4EE;
    font-size: 16px;
    color: #00768F;
    font-weight: 800;
    border-radius: 25px;
    padding: 7px;
}

.tag-identificacao {
    width: 160px;
}

.ml-5 {
    margin-left: 5px;
}

.contorno-metodo-pagamento {
    border: 1px solid #C9C9C9;
    border-radius: 8px;
    width: 100%;
    padding: 8px;
}

#div-cartao-credito, #div-pix, #div-boleto {
    cursor: pointer;
}

.complemento-metodo-pagamento {
    float: right;
    font-size: 12px;
    color: #009CBD;
    margin-top: 3px;
}

.texto-metodo-pagamento {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    color: #009CBD;
    vertical-align: middle;
}

.texto-vindi {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #54565B;
}

.texto-bonus {
    color: #009CBD;
}

.texto-bonus-gift {
    font-weight: 700;
    font-size: 20px;
    color: #009CBD;
}

.texto-valor-bonus-antes {
    color: #c0c0c0;
    font-size: 21px;
    font-weight: 400;
}

.texto-valor-bonus-depois {
    color: #00b4d8;
    margin-left: 15px;
    font-size: 20px;
    font-weight: 600;
}
.icone-question-gift {
    float: right;
    color: #c0c0c0;
    cursor:pointer;
}
/* Início card produto */
.card-produto {
    border: 3px solid #009CBD;
    border-radius: 10px;
    padding: 20px;
    max-width: 550px;
    margin: 10px 10px;
}

.card-iframe {
    border: 3px solid #009CBD;
    border-radius: 10px;
    padding: 20px;
}

.product-title {
    color: #f4a261;
    font-weight: bold;
}

.tag-produto {
    width: 120px;
}

.titulo-sessao {
    font-size: 16px;
    font-weight: 700;
    color: #D89A29;
}

.mb5- {
    margin-bottom: -5px
}

.mt-25 {
    margin-top: 25px
}

.subtitulo-sessao {
    color: #009CBD;
    font-size: 20px;
    font-weight: 700;
}

.preco-antigo {
    text-decoration: line-through;
}

.novo-preco {
    color: #00768F;
    font-size: 20px;
    font-weight: 400;
}

.fs-18 {
    font-size: 18px;
}

.fs-14{
    font-size: 14px;
}
.right {
    float: inline-end;
}


.destaque-preco {
    font-weight: 800;
    color: #00768F;
    font-size: 32px;
    line-height: 35.2px;
    vertical-align: -5px;
}

.preco-a-vista {
    font-size: 18px;
    font-weight: 400;
}

    .preco-a-vista span {
        font-weight: 700;
    }

/* Fim card produto */
/*     .card{
        width: 470px;
    } */

.container {
    max-width: 1500px;
}

.container-header {
    max-width: 1600px !important
}

.validate, .validate-card {
    font-size: 12px;
    margin-left: 1px;
    display: none;
}

.border-invalid {
    border: 1.5px solid #f5394b;
}

.border-valid {
    border: 1.7px solid #74D4EE;
}

.termos-dashed {
    overflow: auto;
    max-height: 500px;
    border: 2px dashed #00b4d8;
    border-radius: 10px;
    padding: 31px;
    /* max-width: 550px; */
    margin: 10px 10px;
}

/*! elementor-pro - v3.22.0 - 24-06-2024 */
.elementor-widget-table-of-contents .elementor-toc__header-title {
    color: var(--header-color)
}

.elementor-widget-table-of-contents.elementor-toc--collapsed .elementor-toc__toggle-button--collapse, .elementor-widget-table-of-contents:not(.elementor-toc--collapsed) .elementor-toc__toggle-button--expand {
    display: none
}

.elementor-widget-table-of-contents .elementor-widget-container {
    min-height: var(--box-min-height);
    border: var(--box-border-width,1px) solid var(--box-border-color,#9da5ae);
    border-radius: var(--box-border-radius,3px);
    background-color: var(--box-background-color);
    transition: min-height .4s;
    overflow: hidden
}

.elementor-toc__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--box-padding,20px);
    background-color: var(--header-background-color);
    border-bottom: var(--separator-width,1px) solid var(--box-border-color,#9da5ae)
}

.elementor-toc__header-title {
    font-size: 18px;
    margin: 0;
    color: var(--header-color);
    flex-grow: 1
}

.elementor-toc__toggle-button {
    cursor: pointer;
    display: inline-flex
}

    .elementor-toc__toggle-button i {
        color: var(--toggle-button-color)
    }

    .elementor-toc__toggle-button svg {
        height: 1em;
        width: 1em;
        fill: var(--toggle-button-color)
    }

.elementor-toc__spinner-container {
    text-align: center
}

.elementor-toc__spinner {
    font-size: 2em
}

    .elementor-toc__spinner.e-font-icon-svg {
        height: 1em;
        width: 1em
    }

.elementor-toc__body {
    padding: var(--box-padding,20px);
    max-height: var(--toc-body-max-height);
    overflow-y: auto
}

    .elementor-toc__body::-webkit-scrollbar {
        width: 7px
    }

    .elementor-toc__body::-webkit-scrollbar-thumb {
        background-color: #babfc5;
        border-radius: 10px
    }

.elementor-toc__list-wrapper {
    list-style: none;
    padding: 0
}

.elementor-toc__list-item {
    margin-bottom: .5em
}

    .elementor-toc__list-item.elementor-item-active {
        font-weight: 700
    }

    .elementor-toc__list-item .elementor-toc__list-wrapper {
        margin-top: .5em;
        margin-inline-start: var(--nested-list-indent,1em)
    }

.elementor-toc__list-item-text {
    transition-duration: var(--item-text-transition-duration)
}

    .elementor-toc__list-item-text:hover {
        color: var(--item-text-hover-color);
        -webkit-text-decoration: var(--item-text-hover-decoration);
        text-decoration: var(--item-text-hover-decoration)
    }

    .elementor-toc__list-item-text.elementor-item-active {
        color: var(--item-text-active-color);
        -webkit-text-decoration: var(--item-text-active-decoration);
        text-decoration: var(--item-text-active-decoration)
    }

.elementor-toc__list-item-text-wrapper {
    display: flex;
    align-items: center
}

    .elementor-toc__list-item-text-wrapper:before, .elementor-toc__list-item-text-wrapper i {
        margin-inline-end: 8px;
        color: var(--marker-color)
    }

    .elementor-toc__list-item-text-wrapper svg {
        margin-inline-end: 8px;
        fill: var(--marker-color);
        height: var(--marker-size,.5em);
        width: var(--marker-size,.5em)
    }

    .elementor-toc__list-item-text-wrapper i {
        font-size: var(--marker-size,.5em)
    }

    .elementor-toc__list-item-text-wrapper:before {
        font-size: var(--marker-size,1em)
    }

.elementor-toc--content-ellipsis .elementor-toc__list-item-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.elementor-toc__list-items--collapsible > .elementor-toc__list-wrapper > .elementor-toc__list-item > .elementor-toc__list-wrapper {
    display: none
}

.elementor-toc__heading-anchor {
    position: absolute
}

.elementor-toc__body .elementor-toc__list-item-text {
    color: var(--item-text-color);
    -webkit-text-decoration: var(--item-text-decoration);
    text-decoration: var(--item-text-decoration);
    transition-duration: var(--item-text-transition-duration)
}

    .elementor-toc__body .elementor-toc__list-item-text:hover {
        color: var(--item-text-hover-color);
        -webkit-text-decoration: var(--item-text-hover-decoration);
        text-decoration: var(--item-text-hover-decoration)
    }

    .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active {
        color: var(--item-text-active-color);
        -webkit-text-decoration: var(--item-text-active-decoration);
        text-decoration: var(--item-text-active-decoration)
    }

ol.elementor-toc__list-wrapper {
    counter-reset: item
}

    ol.elementor-toc__list-wrapper .elementor-toc__list-item {
        counter-increment: item
    }

    ol.elementor-toc__list-wrapper .elementor-toc__list-item-text-wrapper:before {
        content: counters(item,".") ". "
    }

.accordion-item, .modall-content {
    border: 1px solid #00768f !important;
}



#iframe-termos-condicoes {
    height: 550px;
}

.texto-indice {
    font-size: 14px;
    font-weight: 800;
    line-height: 20px;
    color: #009CBD;
    vertical-align: middle;
    background: transparent !important
}

/*  SWEETALERT  */

.texto-mensagem-erro {
    margin-left: 5px;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #009CBD;
    vertical-align: middle;
}

.fechar-alert-erro {
    width: 50%;
    padding: 12px 24px 12px 24px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

@media (min-width: 768px) {
    .titulo-realizado {
        margin-left: 100px;
    }
}