/*
* Desenvolvedor Gabriel Afonso
* www.gabrielafonso.dev
*/

@charset "UTF-8";

@media (max-width: 1200px) {
    #paymentSection .selectPayment label {
        height: 145px;
    }
    #paymentSection .selectPayment span p {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
	#infoPagamento, #formPagamento {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#infoPagamento .content .vendedorLogo {
		width: auto;
	}
}

@media (max-width: 768px) {
	#formPagamento .contentform {
		padding: 40px 20px;
	}
	#paymentSection .selectPayment label {
		height: 120px;
    }
    #paymentSection .selectPayment span p {
        font-size: 12px;
    }
	input[name="paymentMethod"] + span {
		font-size: 35px;
	}
	#headerPagInform .content .row div {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	}
	#headerPagInform span {
		text-align: center;
	}
	#headerPagInform img.pagseguroprocess {
		left: inherit;
    }
    #sectionTitular label + label {
        margin: 0;
    }
}

@media (max-width: 576px) {
    #paymentSection .selectPayment {
        grid-template-columns: 50% 50%;
    }
    #paymentSection .selectPayment span p {
        font-size: 15px;
    }
    input[name="paymentMethod"] + span {
        font-size: 50px;
    }
    #paymentSection .selectPayment label {
        height: 150px;
    }
}

@media (max-width: 480px) {
	#formPagamento .contentform {
		padding: 40px 10px;
	}
	#infoPagamento .content {
		padding: 20px;
	}
	#infoPagamento .content .vendedorLogo {
		width: 100%;
	}
	#paymentSection .selectPayment label {
		height: 140px;
	}
	input[name="paymentMethod"] + span {
		font-size: 45px;
	}
	#paymentSection .selectPayment span p {
		font-size: 14px;
    }
    #btnComprovante {
        font-size: 20px;
    }
    #resultadoTransacao #erroForm {
        padding: 30px 20px;
    }
    #resultadoTransacao #erroForm h1 {
        font-size: 24px;
    }
    #resultadoTransacao #erroForm p {
        font-size: 15px;
    }
}

@media (max-width: 380px) {
	#paymentSection .selectPayment label {
		height: 120px;
	}
	input[name="paymentMethod"] + span {
		font-size: 40px;
	}
	#paymentSection .selectPayment span p {
		font-size: 12px;
	}
	#headerPagInform img.pagseguroprocess {
		width: 250px;
		height: auto;
    }
    #btnComprovante {
        font-size: 18px;
    }
    #resultadoTransacao #erroForm h1 {
        font-size: 20px;
    }
    #resultadoTransacao #erroForm p {
        font-size: 15px;
    }
    #sectionTransfer .transfer-dados .transfer-class {
        grid-template-columns: 100%;
    }
}