body{

	background:#f5f7fa;

}

/*
|--------------------------------------------------------------------------
| Checkout
|--------------------------------------------------------------------------
*/

.cnb-checkout{

	background:#fff;

	border-radius:16px;

	padding:35px;

	box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.cnb-section{
	margin-top:25px;
}

.cnb-section:first-of-type{

	margin-top:0;

	padding-top:0;

	border-top:0;

}

.cnb-section-title{
	font-size:1.3rem;
	font-weight:700;
	margin-bottom:20px;
}

.cnb-descricao-evento p {
    font-size: 0.925rem;
}

.cnb-modalidades {
    top: 0;
    left: 0;
    padding: 3px 20px;
    z-index: 9;
    background: rgb(217 244 245 / 86%);
    border-left: 4px solid #01A297;
    font-size: 14px;
}

/*
|--------------------------------------------------------------------------
| Formulários
|--------------------------------------------------------------------------
*/

.form-label{

	font-weight:600;

	margin-bottom:.5rem;

}

.form-control,
.form-select{

	height:45px;

	border:1px solid #dcdcdc;

	border-radius:6px;

	box-shadow:none;

}

.form-control:focus,
.form-select:focus{

	border-color:#f4a11a;

	box-shadow:none;

}

textarea.form-control{

	height:auto;

	min-height:120px;

}

.form-check{

	margin:0;

}

.form-check-input{

	margin-top:.25rem;

}

.form-check-label{

	cursor:pointer;

}

.cnb-radio-feedback{
	display:none;
}

/*
|--------------------------------------------------------------------------
| Resumo
|--------------------------------------------------------------------------
*/

.cnb-resumo{

	background:#fafafa;

	border:1px solid #ececec;

	border-radius:10px;

	padding:25px;

}

.cnb-resumo-item{

	display:flex;

	justify-content:space-between;

	padding:12px 0;

	border-bottom:1px solid #ececec;

}

.cnb-resumo-item:last-child{

	border-bottom:0;

}

.cnb-total{

	font-size:2rem;

	font-weight:700;

	color:#f4a11a;

}

/*
|--------------------------------------------------------------------------
| Botões
|--------------------------------------------------------------------------
*/

button#cnb-continuar-checkout {
    background-color: #ff8800;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}


.cnb-data{

	width:90px;

	background:#173d46;

	color:#fff;

	border-radius:12px;

	text-align:center;

	padding:15px;

}

.cnb-data .dia{

	font-size:2rem;

	font-weight:700;

	line-height:1;

}

.cnb-data .mes{

	font-size:.85rem;

	text-transform:uppercase;

}

.cnb-local{

	background: #f8f8f8;
	
    border-radius: 12px;
	
    padding: 15px;
	
    min-height: 90px;
	
    display: flex;
	
    flex-direction: row;
	
    justify-content: flex-start;
	
    align-items: center;

}
/* ==========================================================
   MÉTODOS DE PAGAMENTO
========================================================== */

.cnb-payment-method{

	display:flex;

	flex-wrap:wrap;

	align-items:flex-start;

	gap:.75rem;

	margin-bottom:1rem;

}

.cnb-payment-method > input{

	margin-top:.45rem;

	flex:0 0 auto;

}

.cnb-gateway-label{

	display:flex;

	align-items:center;

	gap:.75rem;

	cursor:pointer;

	margin:0;

	font-size:1.15rem;

	font-weight:600;

}

.cnb-gateway-title{

	line-height:1;

}

.cnb-gateway-icon img{

	height:24px;

	width:auto;

	display:block;

}

.cnb-payment-method>.form-check-input{

    margin-top:.35rem;

}

.cnb-payment-method>.form-check-label{

    display:flex;

    align-items:center;

    gap:.75rem;

    font-size:1.05rem;

    font-weight:600;

    cursor:pointer;

}

.cnb-payment-method+.cnb-payment-method{

    margin-top:1rem;

}

/* ==========================================================
   CAIXA DOS CAMPOS
========================================================== */

.cnb-payment-box{

	flex:0 0 100%;
	
    margin:.75rem 0 0 2rem;

    padding:1.25rem;

    background:#eaf8f8;

    border-radius:.5rem;

    position:relative;

    border:1px solid #d6efef;

}

.cnb-payment-box::before{

    content:"";

    position:absolute;

    left:1.25rem;

    top:-9px;

    width:18px;

    height:18px;

    background:#eaf8f8;

    border-left:1px solid #d6efef;

    border-top:1px solid #d6efef;

    transform:rotate(45deg);

}

.cnb-payment-box input[type=text], 
.cnb-payment-box input[type=tel], 
.cnb-payment-box input[type=email], 
.cnb-payment-box select {
    height: 40px;
    height: 40px;
    font-size: 16px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.cnb-payment-box select {
    width: 150px;
}

/* ==========================================================
   TEXTO
========================================================== */

.cnb-payment-box p{

    margin-bottom:1rem;

    color:#495057;

}

.cnb-payment-box p:last-child{

    margin-bottom:0;

}

/* ==========================================================
   INPUTS
========================================================== */

.cnb-payment-box input[type=text],
.cnb-payment-box input[type=tel],
.cnb-payment-box input[type=email],
.cnb-payment-box select{

    height:46px;

}

/* ==========================================================
   SELECT2 (MB WAY)
========================================================== */

.cnb-payment-box .select2-container{

    width:100%!important;

}

/* ==========================================================
   RESPONSIVO
========================================================== */

@media (max-width:991px){
	
	.image img {
		max-height: 500px;
		overflow: hidden;
		object-fit: cover;
	}

}


@media (max-width:768px){

    .cnb-payment-box{

        margin-left:0;

    }

    .cnb-payment-box::before{

        display:none;

    }

}