﻿
/*  -------  Agenda  -------  */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #666;
    background-color: #fff;
    border: 3px solid var(--cortexto1);
}

.nav-tabs > li > a:hover {
    color: var(--cortexto1);
    opacity: 1;
}

.nav-tabs > li > a {
    color: #666;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    border: 3px solid rgba(200, 200, 200, 0.3);
}

.schedule.table > thead:first-child > tr:first-child > th {
    background-color: var(--cortexto1);
    color: #fff;
    padding: 15px 20px;
}

#tsum-tabs h1 {
    padding: 50px 0;
    font-weight: 400;
    text-align: center;
}

#tsum-tabs p {
    margin: 0 0 5px;
    padding-right: 58px;
}

.tab-description p:last-child {
    padding-right: 75px !important;
    border-left: 2px solid var(--corbtn1);
    padding-left: 15px;
}

.tab-sec-img {
    margin-left: -7px;
}

#tsum-tabs section {
    display: none;
    padding: 47px 0 0;
    text-align: left;
}

#tsum-tabs input {
    display: none;
}

#tsum-tabs label {
    display: inline-block;
    width: 18.5%;
    min-width: 220px;
    text-align: center;
    margin: 0 7px 0 6px;
}

    #tsum-tabs label:before {
        font-family: fontawesome;
        font-weight: normal;
        margin-right: 10px;
    }

    #tsum-tabs label:hover {
        color: #888;
        cursor: pointer;
    }

#tsum-tabs #tab1:checked ~ #content1,
#tsum-tabs #tab2:checked ~ #content2,
#tsum-tabs #tab3:checked ~ #content3,
#tsum-tabs #tab4:checked ~ #content4,
#tsum-tabs #tab5:checked ~ #content5,
#tsum-tabs #tab6:checked ~ #content6,
#tsum-tabs #tab7:checked ~ #content7,
#tsum-tabs #tab8:checked ~ #content8,
#tsum-tabs #tab9:checked ~ #content9,
#tsum-tabs #tab10:checked ~ #content10,
#tsum-tabs #tab11:checked ~ #content11,
#tsum-tabs #tab12:checked ~ #content12 {
    display: block;
}

#tsum-tabs .Effective-sec-item {
    position: relative;
    background-color: #fff;
    box-shadow: 6px 0 38px #e0f2fd;
    padding: 15px 20px;
    border: 4px solid #ccc;
    transition: .3s all ease-in-out;
    color: #999;
    margin-top: 18px;
}

    #tsum-tabs .Effective-sec-item:hover {
        background-color: var(--cortexto1);
        border-color: var(--cortexto1);
        color: #fff;
    }

#tsum-tabs [id^="tab"]:checked + label img {
    filter: brightness(0) invert(1);
}

#tsum-tabs .Effective-sec-item-title h4,
#tsum-tabs .Effective-sec-item-title span {
    padding: 0;
}

#tsum-tabs [id^="tab"]:checked + label {
    background: #fff;
    color: var(--cortexto1);
    border: 4px solid var(--cortexto1);
}

    #tsum-tabs [id^="tab"]:checked + label:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        position: absolute;
        border-style: solid;
        border-width: 16px 18px 0 18px;
        border-color: var(--cortexto1) transparent transparent transparent;
        left: 50%;
        transform: translate(-20px, 20px);
        bottom: 0px;
    }

#tsum-tabs .Effective-sec-item-title span {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
}

#tsum-tabs .Effective-sec-item-title small {
    font-size: 15px;
    line-height: 20px;
}

.admin-con span {
    font-size: 16px;
    font-weight: 400;
}

.admin-con h5 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    color: var(--cortexto1);
    margin-bottom: 6px;
}

.admin-con {
    margin-right: 34px;
}

    .admin-con ul li i {
        font-size: 14px;
        color: var(--button-color);
        margin-right: 5px;
    }

    .admin-con ul li {
        margin-right: 20px;
    }

.detail-sec .generic-button i {
    padding: 8px 22px;
    margin-left: 6px;
}

.detail-sec .generic-button a {
    padding: 8px 9px 9px 26px;
    font-size: 17px;
}

.value-sec {
    margin-right: 60px;
}

    .value-sec .count {
        font-size: 70px;
        line-height: 54px;
        font-weight: 700;
        color: var(--cortexto1);
        margin-right: 23px;
        transition: .4s ease-in-out;
    }

    .value-sec .date-con span {
        font-weight: 600;
        font-size: 26px;
        line-height: 28px;
        color: var(--cortexto1);
    }

    .value-sec .date-con small {
        font-size: 18px;
    }

.tabs-content {
    padding: 0px 0px 10px 0px;
    background: #fff;
    box-shadow: 6px 0 38px #e0f2fd;
    border-left: 3px solid var(--button-color);
    margin-bottom: 35px;
    transition: .4s ease-in-out;
    position: relative;
}

    .tabs-content::before {
        content: "";
        background: var(--cortexto1);
        width: 0;
        height: 0;
        position: absolute;
        left: -3px;
        bottom: 0;
        transition: .4s ease-in-out;
    }

    .tabs-content:hover::before {
        width: 3px;
        height: 100%;
    }

    .tabs-content:hover .count {
        color: var(--corbtn1);
    }

    .tabs-content:hover ul li i {
        color: var(--corbtn1);
    }

    .tabs-content:hover {
        transform: scale(1.04);
    }

.detail-sec figure {
    margin-right: 25px;
}

/*  ------------------------  */

@media all and (max-width: 1200px) {
    area-acesso {
        margin-top: -110px;
    }
}

@media all and (max-width: 992px) {
    area-acesso {
        margin-top: -110px;
    }
}

@media all and (max-width: 769px) {
    area-acesso {
        margin-top: 0px;
    }
}

@media all and (max-width: 768px) {
    area-acesso {
        margin-top: 0px;
    }
}

a{
    cursor: pointer;
}

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.bt{
    border-top: solid 1px #eeeeee;
}

.bb {
    border-bottom: solid 1px #eeeeee;
}

.no-margin {
    margin: 0px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 34px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}
.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-50 {
    margin-right: 50px !important;
}
.ml-10 {
    margin-left: 10px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-50 {
    margin-left: 50px !important;
}
.no-padding {
    padding: 0px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pt-10 {
    padding-top: 10px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-50 {
    padding-top: 50px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}
p.cor1, a.cor1, h1.cor1, h2.cor1, h3.cor1, h4.cor1, h5.cor1, h6.cor1, span.cor1, small.cor1, .icon.cor1 {
    color: var(--cortexto1);
}
p.cor2, a.cor2, h1.cor2, h2.cor2, h3.cor2, h4.cor2, h5.cor2, h6.cor2, span.cor2, small.cor2, .icon.cor2 {
    color: var(--cortexto2);
}
p.orange, a.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, span.orange, small.orange, .icon.orange {
    color: #ff6f34;
}
p.green, a.green, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, span.green, small.green, .icon.green {
    color: #12C25F;
}
p.grey, a.grey, h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey, span.grey, small.grey, .icon.grey {
    color: #999;
}
p.grey-dark, a.grey-dark, h1.grey-dark, h2.grey-dark, h3.grey-dark, h4.grey-dark, h5.grey-dark, h6.grey-dark, span.grey-dark, small.grey-dark, .icon.grey-dark {
    color: #282c37;
}
p.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, span.blue, small.blue, .icon.blue {
    color: #464a9f;
}
.btn-medio {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 32px;
    font-size: 14px;
}
.btn-peq {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 14px;
    padding: 0 16px;
}
.img-circulo {
    float: left;
    border-radius: 50%;
}
#menu-carrinho {
    width: 520px;
}
#menu-login {
    width: 340px;
}
#menu-cadastro {
    width: 280px;
}
#menu-cadastro ul {
    height: auto;
    padding: 0;
    text-align: left;
    padding: 0;
    margin-bottom: 0px;
}
#menu-cadastro ul li {
    white-space: nowrap;
    position: relative;
    display: block;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #f9f9f9;
}
#menu-cadastro ul li a {
    color: #686868;
}
.pasta-item {
    font-family: 'Montserrat', sans-serif;
    color: #282c37;
    line-height: 80px;
    font-weight: 700;
}
.pasta-item p {
    color: #282c37;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    float: left;
    margin-left: 24px;
    margin-top: 21px;
}
.inscricao-valor {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 36px;
    color: #282c37;
    background: #fff;
    width: 100%;
    height: 40px;
    padding: 0 6px;
    border-radius: 4px;
}
.inscricao-qtde {
    font-size: 16px !important;
    border: 1px solid #ccc;
    line-height: 36px;
    height: 40px;
    color: #282c37;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.input-cupom-desconto {
    border: 1px solid #ccc;
    text-align: center;
    line-height: 42px !important;
    height: 46px !important;
    color: #282c37 !important;
    font-size: 16px !important;
    display: inline-block !important;
    vertical-align: middle;
    text-transform: uppercase;
    float: left;
    width: 85% !important;
    margin-right: 4px;
}
.line-breaks {
    white-space: pre-line;
}

.text-white{
    color: #fff;
}

.box-pag {
    border: 2px solid #eee;
    padding: 15px 15px 15px 15px;
    border-radius: 4px;
    text-align: center;
}
.btn-pag {
    cursor: pointer;
    line-height: 24px;
    width: 100%;
    padding: 10px 28px;
    text-align: center;
}

.lb-radio {
    font-weight: 500;
    margin-right: 30px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
}

.radio-20 {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    cursor: pointer;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px; /* Ajusta o erro de margem do inline-block */
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .borda-direita-sm {
        border-right: 1px solid #ccc;
    }
}

.box-center {
    display: table;
    width: 100%;
    height: 100%;
}

.box-center-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* Garante que a coluna ocupe toda a altura mínima */
.coluna-centro {
    min-height: 200px;
}

.centralizado-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    text-align: center;
    flex-direction: column;
}

/*  Área dos palestrantes */

/* Força altura igual entre as colunas */
.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

/* Cada coluna usa flexbox para alinhar o conteúdo internamente */
.row.equal-height > [class^="col-"] {
    display: flex;
    flex-direction: column;
}

/* A área do moderador ocupa 100% da altura da coluna */
.area-moderador {
    display: flex;
}

/* O link ocupa toda a altura da coluna também */
.show-palestrante {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    margin-bottom: 40px;
}


/* A imagem no topo */
.speaker .image {

}