@media (max-width: 1201px) and (min-width: 1025px) {
    #informacoes_de_compra {
       	width: 350px;
        position: sticky;
        background-color: none;
        top: 120px;
        z-index: 3; 
        margin-left: 30px;
        float: right;
        margin-top: -150%;
    }
    .imagem-informacoes_de_compra {
        height: 320px; 
        border: 1px solid #FFF;    
    }
    
    .conteudo-informacoes_de_compra {
        background-color: #FFF;
        padding: 20px; 
    }
    .imagem-informacoes_de_compra img {
        width:100%;
        height:100%;
        object-fit:cover;
        background-attachment: fixed;
    }
    
    h2.valor_desconto {
        font-size: 30px;
        font-family: proxima-soft,sans-serif !important;
        margin: 0 0 10px 0 !important;
        color: #000000;
        font-weight: bolder;
        text-align: left;
        line-height: 1.2;  
    }
    
    .valor_desconto p {
        font-size: 14px;
        color: #000000;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 300;
        overflow: hidden;
    }
    
    .btn-quero-inscrever {
        outline: none;
        border: none;
        background-color: #006EB3;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        border-radius: 3px;
    }
    
    .btn-voltar-e-continuar {
        color: #2d2d2d;
        font-family: proxima-soft,sans-serif !important;
        margin: 5px 0 0 0;    
    }
    
    #templateQueroParticiparBotoes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #informacoes_de_compra .badge {
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        margin-bottom: 6px;
        font-size: 13px;
        padding: 3px 10px;
    }
    
    .preco-final-evento {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: baseline;
        gap: 10px;
    }
    
    .desconto-eventos {
        font-size: 16px;
        color: #000000;
        font-weight: 300;
    }
    
    .valorDescontoEvento {
        font-size: 15px;
    }
    
    .cupomDisponivelDetalhe {
        font-size: 16px;
        font-family: proxima-soft,sans-serif !important;
        color: #378512;
        font-weight: 400;
        margin: 0;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    } 
    
    /* Bot�o de pagamento pendente*/
    .btn-pagamento-pendente {
           display: flex;
           justify-content: center;
           align-items: center;   
    }
    
    .btn-pagamento-pendente button {
        outline: none;
        border: none;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        background-color: #ff6c00;   
    }
    
    .btn-pagamento-pendente button:hover {
        color: #FFF;
        background-color: #ff5d00;
    }
   
    /* Vagas esgotadas, inscri��es encerradas*/
    .info_encerrado {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
        vertical-align: middle;
        font-family: proxima-soft,sans-serif !important;
        font-size: 16px;
        color: #ff6c00 !important;
    }

    .info_encerrado span img {
        height: 15px !important;
        margin-right: 10px;
        margin-top: -2px;
    } 

    /* Modal consultoria */
    .btn-assistir-hover {
        background-color: #006EB3;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
    }
    .btn-assistir-hover:hover {
        background-color: #0465a2;
        color: #fff;
    }
        
}

@media (max-width: 1200px) and (min-width: 1025px) {
    #informacoes_de_compra {
       	width: 350px;
        position: sticky;
        background-color: none;
        top: 120px;
        z-index: 3; 
        margin-left: 30px;
        float: right;
        margin-top: -140%;
    }
    .imagem-informacoes_de_compra {
        height: 320px; 
        border: 1px solid #FFF;    
    }
    
    .conteudo-informacoes_de_compra {
        background-color: #FFF;
        padding: 20px; 
    }
    .imagem-informacoes_de_compra img {
        width:100%;
        height:100%;
        object-fit:cover;
        background-attachment: fixed;
    }
    
    h2.valor_desconto {
        font-size: 30px;
        font-family: proxima-soft,sans-serif !important;
        margin: 0 0 10px 0 !important;
        color: #000000;
        font-weight: bolder;
        text-align: left;
        line-height: 1.2;  
    }
    
    .valor_desconto p {
        font-size: 14px;
        color: #000000;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 300;
        overflow: hidden;
    }
    
    .btn-quero-inscrever {
        outline: none;
        border: none;
        background-color: #006EB3;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        border-radius: 3px;
    }
    
    .btn-voltar-e-continuar {
        color: #2d2d2d;
        font-family: proxima-soft,sans-serif !important;
        margin: 5px 0 0 0;    
    }
    
    #templateQueroParticiparBotoes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #informacoes_de_compra .badge {
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        margin-bottom: 6px;
        font-size: 13px;
        padding: 3px 10px;
    }
    
    .preco-final-evento {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: baseline;
        gap: 10px;
    }
    
    .desconto-eventos {
        font-size: 16px;
        color: #000000;
        font-weight: 300;
    }
    
    .valorDescontoEvento {
        font-size: 15px;
    }
    
    .cupomDisponivelDetalhe {
        font-size: 16px;
        font-family: proxima-soft,sans-serif !important;
        color: #378512;
        font-weight: 400;
        margin: 0;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    } 
    
    /* Bot�o de pagamento pendente*/
    .btn-pagamento-pendente {
           display: flex;
           justify-content: center;
           align-items: center;   
    }
    
    .btn-pagamento-pendente button {
        outline: none;
        border: none;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        background-color: #ff6c00;   
    }
    
    .btn-pagamento-pendente button:hover {
        color: #FFF;
        background-color: #ff5d00;
    }
   
    /* Vagas esgotadas, inscri��es encerradas*/
    .info_encerrado {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
        vertical-align: middle;
        font-family: proxima-soft,sans-serif !important;
        font-size: 16px;
        color: #ff6c00 !important;
    }

    .info_encerrado span img {
        height: 15px !important;
        margin-right: 10px;
        margin-top: -2px;
    } 

    /* Modal consultoria */
    .btn-assistir-hover {
        background-color: #006EB3;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
    }
    .btn-assistir-hover:hover {
        background-color: #0465a2;
        color: #fff;
    }
        
}

@media (max-width: 1024px) and (min-width: 768px) {
    .btn-voltar-e-continuar {
        display: none;   
   }
   
   .btn-voltar-e-continuar-mobile{
       outline: none;
       border: none;
       position: fixed;
       z-index: 999;
       top: 90px;
       left: 20px;
       display: flex;
       justify-content: center;
       align-items: center;
       background-color: #FFF;
       box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
       border-radius: 50%;
       width: 34px;
       height: 35px;
       font: 800 38px 'roboto', sans-serif !important;
    }

   .btn-voltar-e-continuar-mobile:hover {
       background-color: #F9F9F9;
   }
   
    .informacoes-fixo-mobile{
		display: block;
	}

    .informacoes-fixo-mobile .conteudo {
        padding: 15px;
        color: #2D4D61;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        align-items: center;
    }
    
    .imagem-informacoes_de_compra {
       display: none;    
    }

    #informacoes_de_compra {
       display: none;
    }
    
    .imagem-informacoes_de_compra {
        height: 320px; 
        border: 1px solid #FFF;    
    }
    
    .conteudo-informacoes_de_compra {
        background-color: #FFF;
        padding: 20px; 
    }
    .imagem-informacoes_de_compra img {
        width:100%;
        height:100%;
        object-fit:cover;
        background-attachment: fixed;
    }
    
    h2.valor_desconto {
        color: #000000;
        font-weight: bolder;
        text-align: left;
        line-height: 1.2;
        font-size: 30px !important;
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .valor_desconto p {
        font-size: 14px;
        color: #000000;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 300;
        overflow: hidden;
        margin: 0;
    }
    
    .btn-quero-inscrever {
        outline: none;
        border: none;
        background-color: #006EB3;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        border-radius: 3px;
    }
    
    .btn-voltar-e-continuar {
        color: #2d2d2d;
        font-family: proxima-soft,sans-serif !important;
        margin: 5px 0 0 0;    
    }
    
    #templateQueroParticiparBotoes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #informacoes_de_compra .badge {
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        margin-bottom: 6px;
        font-size: 13px;
        padding: 3px 10px;
    }
    
    .preco-final-evento {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: baseline;
        gap: 10px;
    }
    
    .desconto-eventos {
        font-size: 16px;
        color: #000000;
        font-weight: 300;
    }
    
    .valorDescontoEvento {
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .cupomDisponivelDetalhe {
        font-size: 16px;
        font-family: proxima-soft,sans-serif !important;
        color: #378512;
        font-weight: 400;
        margin: 0;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    } 

    .descontoCupomDisponivel{
		display: flex;
		justify-content: center;
		gap: 20px;
	}
	
	.descontoCupomDisponivel .badge-pill{
		font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        font-size: 13px;
        padding: 3px 8px;
        height: 20px;
	}
    
    /* Bot�o de pagamento pendente*/
    .btn-pagamento-pendente {
        display: flex;
        justify-content: center;
         align-items: center;   
    }
    
    .btn-pagamento-pendente button {
        outline: none;
        border: none;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        background-color: #ff6c00;   
    }
    
    .btn-pagamento-pendente button:hover {
        color: #FFF;
        background-color: #ff5d00;
    }
   
    /* Vagas esgotadas, inscri��es encerradas*/
    .info_encerrado {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
        vertical-align: middle;
        font-family: proxima-soft,sans-serif !important;
        font-size: 20px;
        color: #ff6c00 !important;
    }

    .info_encerrado span img {
        height: 15px !important;
        margin-right: 10px;
        margin-top: -2px;
    } 

    /* Modal consultoria */
    .btn-assistir-hover {
        background-color: #006EB3;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
    }
    .btn-assistir-hover:hover {
        background-color: #0465a2;
        color: #fff;
    }
        
}

@media (max-width: 767px) and (min-width: 480px) {
    .btn-voltar-e-continuar {
        display: none;   
   }
   
   .btn-voltar-e-continuar-mobile{
       outline: none;
       border: none;
       position: fixed;
       z-index: 999;
       top: 90px;
       left: 20px;
       display: flex;
       justify-content: center;
       align-items: center;
       background-color: #FFF;
       box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
       border-radius: 50%;
       width: 34px;
       height: 35px;
       font: 800 38px 'roboto', sans-serif !important;
    }

   .btn-voltar-e-continuar-mobile:hover {
       background-color: #F9F9F9;
   }
    
    .informacoes-fixo-mobile{
		display: block;
	}

    .informacoes-fixo-mobile .conteudo {
        padding: 15px;
        color: #2D4D61;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        align-items: center;
    }
    
    .imagem-informacoes_de_compra {
       display: none;    
    }

    #informacoes_de_compra {
       display: none;
    }
    
    .imagem-informacoes_de_compra {
        height: 320px; 
        border: 1px solid #FFF;    
    }
    
    .conteudo-informacoes_de_compra {
        background-color: #FFF;
        padding: 20px; 
    }
    .imagem-informacoes_de_compra img {
        width:100%;
        height:100%;
        object-fit:cover;
        background-attachment: fixed;
    }
    
    h2.valor_desconto {
        color: #000000;
        font-weight: bolder;
        text-align: left;
        line-height: 1.2;
        font-size: 20px !important;
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .valor_desconto p {
        font-size: 14px;
        color: #000000;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 300;
        overflow: hidden;
        margin: 0;
    }
    
    .btn-quero-inscrever {
        outline: none;
        border: none;
        background-color: #006EB3;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        border-radius: 3px;
    }
    
    .btn-voltar-e-continuar {
        color: #2d2d2d;
        font-family: proxima-soft,sans-serif !important;
        margin: 5px 0 0 0;    
    }
    
    #templateQueroParticiparBotoes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #informacoes_de_compra .badge {
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        margin-bottom: 6px;
        font-size: 13px;
        padding: 3px 10px;
    }
    
    .preco-final-evento {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: baseline;
        gap: 10px;
    }
    
    .desconto-eventos {
        font-size: 16px;
        color: #000000;
        font-weight: 300;
    }
    
    .valorDescontoEvento {
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .descontoCupomDisponivel{
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-bottom: 5px;
		position: absolute;
		left: 10px;
	}
	
	.descontoCupomDisponivel .badge-pill{
		font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        font-size: 13px;
        padding: 3px 8px;
        height: 20px;
	}
    
    .cupomDisponivelDetalhe {
        font-size: 16px;
        font-family: proxima-soft,sans-serif !important;
        color: #378512;
        font-weight: 400;
        margin: 0;
        display: flex;
        align-items: center;
        margin-bottom: 9px;
    } 
    
    /* Bot�o de pagamento pendente*/
    .btn-pagamento-pendente {
        display: flex;
        justify-content: center;
         align-items: center;   
    }
    
    .btn-pagamento-pendente button {
        outline: none;
        border: none;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        background-color: #ff6c00;   
    }
    
    .btn-pagamento-pendente button:hover {
        color: #FFF;
        background-color: #ff5d00;
    }
   
    /* Vagas esgotadas, inscri��es encerradas*/
    .info_encerrado {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
        vertical-align: middle;
        font-family: proxima-soft,sans-serif !important;
        font-size: 16px;
        color: #ff6c00 !important;
    }

    .info_encerrado span img {
        height: 15px !important;
        margin-right: 10px;
        margin-top: -2px;
    } 

    /* Modal consultoria */
    .btn-assistir-hover {
        background-color: #006EB3;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
    }
    .btn-assistir-hover:hover {
        background-color: #0465a2;
        color: #fff;
    }

    /*Cookie*/
	#ot-sdk-btn-floating{
		width: 30px !important;
		height: 30px !important;
	}    
}

@media (max-width: 481px) {
	.informacoes-fixo-mobile{
		display: block;
	}

    #informacoes_de_compra {
        display: none;
    }
    
    .imagem-informacoes_de_compra {
       display: none;    
    }

    .conteudo-informacoes_de_compra {
        background-color: #FFF;
        padding: 20px; 
        display: none;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }
    
    .imagem-informacoes_de_compra img {
        width:100%;
        height:100%;
        object-fit:cover;
        background-attachment: fixed;
        display: none;
    }
    
    h2.valor_desconto {
        font-size: 30px;
        font-family: proxima-soft,sans-serif !important;
        margin: 0 !important;
        color: #000000;
        font-weight: bolder;
        text-align: center;
        line-height: 1.2;  
    }
    
    .valor_desconto p {
        font-size: 14px;
        color: #000000;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 300;
        overflow: hidden;
        margin: 0;
    }
    
    .btn-quero-inscrever {
        outline: none;
        border: none;
        background-color: #006EB3;
        color: #FFF;
        height: 48px;
        width: 180px;
        font-size: 12px;
        font-family: proxima-soft,sans-serif !important;
        border-radius: 3px;
    }
    
    .btn-voltar-e-continuar {
         display: none;   
    }
    
    .btn-voltar-e-continuar-mobile{
    	outline: none;
    	border: none;
    	position: fixed;
    	z-index: 999;
	    top: 90px;
	    left: 20px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    background-color: #FFF;
	    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
	    border-radius: 50%;
	    width: 34px;
	    height: 35px;
	    font: 800 38px 'roboto', sans-serif !important;
}

	.btn-voltar-e-continuar-mobile:hover {
		background-color: #F9F9F9;
	}
    
    .conteudo-informacoes-fixo-mobile{
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
	    align-items: center;
    }
    
    #templateQueroParticiparBotoes {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    
    #informacoes_de_compra .badge {
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        margin-bottom: 6px;
        font-size: 13px;
        padding: 3px 10px;
    }
    
    .preco-final-evento {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: baseline;
        gap: 10px;
    }
    
    .desconto-eventos {
        font-size: 16px;
        color: #000000;
        font-weight: 300;
    }
    
    .valorDescontoEvento {
        font-size: 15px;
    }
    
    .cupomDisponivelDetalhe {
        font-size: 16px;
        font-family: proxima-soft,sans-serif !important;
        color: #378512;
        font-weight: 400;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    
    /* Bot�o de pagamento pendente*/
    .btn-pagamento-pendente {
           display: flex;
           justify-content: center;
           align-items: center;   
    }
    
    .btn-pagamento-pendente button {
        outline: none;
        border: none;
        color: #FFF;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        background-color: #ff6c00;   
    }
    
    .btn-pagamento-pendente button:hover {
        color: #FFF;
        background-color: #ff5d00;
    }
   
    /* Vagas esgotadas, inscri��es encerradas*/
    .info_encerrado {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
        vertical-align: middle;
        font-family: proxima-soft,sans-serif !important;
        font-size: 14px;
        color: #ff6c00 !important;
    }

    .info_encerrado span img {
        height: 15px !important;
        margin-right: 10px;
        margin-top: -2px;
    } 

    /* Modal consultoria */
    .btn-assistir-hover {
        background-color: #006EB3;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
        width: 280px;
        height: 55px;
        font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
    }
    .btn-assistir-hover:hover {
        background-color: #0465a2;
        color: #fff;
    }

	.descontoCupomDisponivel{
		display: flex;
		justify-content: center;
		gap: 20px;
		margin-bottom: 5px;
		position: absolute;
		left: 10px;
	}
	
	.descontoCupomDisponivel .badge-pill{
		font-family: proxima-soft,sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        background-color: #34c01d !important;
        font-size: 13px;
        padding: 3px 8px;
        height: 20px;
	}
    
     
}