.body-container .container-title { display: flex;  color: rgb(60 50 67 / 1); background-color: #dddddd;}
.body-container .container-title .title {width: 30%; text-align: right; }
.body-container .container-title .title h1 { font-size: 36px !important; height: 60px; padding-top: 2%}
.body-container .container-title .itens-purchase { font-size: 18px !important;  margin-top: 3rem; text-align: left; width: 70%; height: 60px; padding-left: 0.5%; font-weight: 100; padding-top: 1.1%;}
.body-container .container-title .itens-purchase span { font-size: x-large; }
.body-container .container-message .image-and-message,
.body-container .confirmation,
.body-container .container-file { border: 2px solid rgb(65 18 104 / 80%); width: 50%; margin-left: 25%; margin-top:5%; display: flex; padding: 2%; border-radius: 10px; }
.body-container .confirmation.-footer { margin-top: 1% !important;}
.body-container .container-message { height: 500px; }
.body-container .container-message .image-and-message .image { width: 30%; min-width: 200px; }
.body-container .container-message .image-and-message .message { color: rgb(60 50 67 / 1)}
.body-container .container-message .image-and-message .message span {font-size: 28px !important;}
.body-container .container-message .image-and-message .image img { width: 150px !important; height: 200px !important; }
.body-container .container-message .image-and-message .action { padding-top: 2%; text-align: center; }
.body-container .container-message .image-and-message .action a { padding: 20px; background-color: rgb(65 18 104 / 80%); border: 1px solid #251632; color: #fff; text-decoration: none !important; width: 100%; font-size: 26px; margin-top: 26px;}
.body-container .container-message .image-and-message .action a:hover { background-color: #fff; border: 1px solid #251632; color: #251632; }
.body-container .confirmation .action input[type=image] {width: 100%; }
.body-container .confirmation .action .-action {text-decoration: none !important; padding: 10px; }
.body-container .confirmation .action a:hover { background-color: #411268cc; }
.body-container .confirmation .subtotal .value { height: 100%; font-size: 22px; font-weight: 200; align-content: center; }
.body-container .confirmation .ecommerce { width: 100%; display: flex; }
.body-container .confirmation .ecommerce .subtotal { width: 100%; }
.body-container .confirmation .ecommerce .subtotal.-message { width: 100%; text-align: center; }
.body-container .confirmation .ecommerce .action {width: 100%; text-align: right;}
.body-container .confirmation .ecommerce .action .btn-primary{ background-color: rgb(65 18 104 / 80%); border: 1px solid #251632; color: #fff; height: 70px; font-size: 26px; }
.body-container .confirmation .ecommerce .action .btn-primary:hover { background-color: #fff; border: 1px solid #251632; color: #251632; height: 70px; font-size: 26px; }
.body-container .confirmation .plan { width: 100%; display: flex; }
.body-container .confirmation .plan .subtotal { width: 74%; }
.body-container .confirmation .plan .action {width: 26%; text-align: right;}
.body-container .confirmation .plan-download .action .-action {height: 66px; align-content: center; }
.body-container .confirmation .plan-download { width: 100%; display: flex; }
.body-container .confirmation .plan-download .subtotal { width: 130%; }
.body-container .confirmation .plan-download .subtotal .value {text-align: center;}
.body-container .confirmation .plan-download .subtotal .aditional-message { font-size: 16px; text-align: center; }
.body-container .confirmation .plan-download .action {width: 26%; text-align: right;}
.body-container .container-file { margin-top: 1%; }
.body-container .container-file .item { width: 100%; }
.body-container .container-file .item .information { display: flex; }
.body-container .container-file .item .information .image img { max-width: 100%;  border-radius: 10px; }
.body-container .container-file .item .information .image .vertical { border-radius: 0px !important; max-height: 300px; }
.body-container .container-file .item .information .details { padding: 10px; }
.body-container .container-file .item .information .details div { font-weight: 300; }
.body-container .container-file .item .information .details div strong { font-weight: 600; }
.body-container .container-file .item .action { width: 50%; padding: 10px; display: inline-block; padding-left: 0px; }
.body-container .container-file .item .action a { width: 40%; text-decoration: none !important;}
.body-container .container-file .item .action a:hover { background-color: rgb(65 18 104 / 80%); }
.body-container .container-file .item .action .-remove { width: 40%; background-color: #fff; border: 1px solid #251632; color: #251632;}
.body-container .container-file .item .action .-remove:hover { background-color: rgb(65 18 104 / 80%); border: 1px solid #251632; color: #fff; text-decoration: none !important;}
.body-container .container-file .item .subtotal-item {width: 49%; text-align: end; display: inline-block; font-weight: 600; font-size: 20px; vertical-align: middle;}
@media screen and (max-width: 1280px) {
    .body-container .container-title .title { margin-top: 1rem!important; }
    .body-container .container-title .itens-purchase { margin-top: 1.2rem; padding-left: 1.5%; }
    .body-container .container-message .image-and-message, .body-container .confirmation, .body-container .container-file { width: 80%; margin-left: 10%; }
}
@media screen and (max-width: 912px) {
    .body-container .container-title .title { width: 60%; }
    .body-container .container-title .itens-purchase { margin-top: 3.2rem; }
    .body-container .container-title .itens-purchase {  width: 100%; padding-top: 0%; height: 50px;  padding-left: 2%; margin-top: 1.9rem;}
    .body-container .container-message .image-and-message, 
    .body-container .confirmation, .body-container .container-file { width: 98%; margin-left: 1%; }
    .body-container .container-message .image-and-message .image { min-width: 100px; }
    .body-container .container-message .image-and-message .image img { width: 75px !important; height: 100px !important; }
    .body-container .container-message .image-and-message .message span { font-size: 22px; }
    .body-container .container-message .image-and-message .action { padding-top: 5%; }
    .body-container .confirmation .ecommerce .action .btn-primary { font-size: 20px; }
}
@media screen and (max-width: 800px) {
    .body-container .container-title .title { width: 65%; }
    .body-container .container-title .itens-purchase { padding-left: 2%; margin-top: 1.9rem; }
}
@media screen and (max-width: 600px) {
    .body-container .container-title .title { width: 70%; }
    .body-container .container-title .itens-purchase { margin-top: 1.8rem; padding-left: 2%; }
    .body-container .container-file .item .information .details { padding: 3px; width: 100%; }
    .body-container .container-file .item .information .image.-vertical { text-align: center; }
    .body-container .container-message .image-and-message .action { padding-top: 5%; margin-left: -33%;}
}
@media screen and (max-width: 480px) {
    .body-container .container-title { display: grid; }
    .body-container .container-title .title { width: 100%; text-align: left; padding-left: 5.0%; }
    .body-container .container-title .title h1 { height: 38px; padding-top: 1%; }
    .body-container .container-title .itens-purchase { margin-top: 0rem; padding-left: 5.5%; }
    /* parte dos itens */
    .body-container .container-file .item .information { display: inline-block; width: 100%; }
    .body-container .container-file .item .action { padding: 10px 0px 10px 0px; width: 100%; }
    .body-container .container-file .item .action a { width: 49.4% !important; }
    .body-container .container-file .item .subtotal-item { width: 100%; }

    .body-container .confirmation .ecommerce .action .btn-primary { height: 60px; font-size: 14px; }
}
@media screen and (max-width: 360px) {
    .body-container .container-file .item .action a { width: 49.3% !important; }
}
@media screen and (max-width: 320px) {
    .body-container .container-file .item .action a { width: 49.2% !important; }
    .body-container .confirmation .subtotal .value { font-size: 18px; padding-top: 0%; }
    .body-container .confirmation .ecommerce .action .btn-primary { font-size: 14px; width: 164px; }
}