@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:100;
  src:local("Metropolis Thin"),
  url(fontes/Metropolis-Thin-e87b67ad.woff2) format("woff2"),
  url(fontes/Metropolis-Thin-d4c2bfc3.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:100;
  src:local("Metropolis Thin Italic"),
  url(fontes/Metropolis-ThinItalic-f0ba6899.woff2) format("woff2"),
  url(fontes/Metropolis-ThinItalic-31ba4bb1.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:200;
  src:local("Metropolis Extra Light"),
  url(fontes/Metropolis-ExtraLight-56376682.woff2) format("woff2"),
  url(fontes/Metropolis-ExtraLight-0da5acea.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:200;
  src:local("Metropolis Extra Light Italic"),
  url(fontes/Metropolis-ExtraLightItalic-cb089003.woff2) format("woff2"),
  url(fontes/Metropolis-ExtraLightItalic-1f9daf9d.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:300;
  src:local("Metropolis Light"),
  url(fontes/Metropolis-Light-3664cf60.woff2) format("woff2"),
  url(fontes/Metropolis-Light-79b15696.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:300;
  src:local("Metropolis Light Italic"),
  url(fontes/Metropolis-LightItalic-c7ea8d33.woff2) format("woff2"),
  url(fontes/Metropolis-LightItalic-114d5afe.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:400;
  src:local("Metropolis Regular"),
  url(fontes/Metropolis-Regular-e920e6b0.woff2) format("woff2"),
  url(fontes/Metropolis-Regular-b19e8951.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:400;
  src:local("Metropolis Regular Italic"),
  url(fontes/Metropolis-RegularItalic-ccc6ad34.woff2) format("woff2"),
  url(fontes/Metropolis-RegularItalic-77f052dc.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:500;
  src:local("Metropolis Medium"),
  url(fontes/Metropolis-Medium-f3a73873.woff2) format("woff2"),
  url(fontes/Metropolis-Medium-91cf497b.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:500;
  src:local("Metropolis Medium Italic"),
  url(fontes/Metropolis-MediumItalic-f604beac.woff2) format("woff2"),
  url(fontes/Metropolis-MediumItalic-7ed18e53.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:600;
  src:local("Metropolis Semi Bold"),
  url(fontes/Metropolis-SemiBold-695870d1.woff2) format("woff2"),
  url(fontes/Metropolis-SemiBold-bd9cc6de.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:600;
  src:local("Metropolis Semi Bold Italic"),
  url(fontes/Metropolis-SemiBoldItalic-f08b947a.woff2) format("woff2"),
  url(fontes/Metropolis-SemiBoldItalic-5e65c493.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:700;
  src:local("Metropolis Bold"),
  url(fontes/Metropolis-Bold-9a712a2c.woff2) format("woff2"),
  url(fontes/Metropolis-Bold-cd1f8382.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:700;
  src:local("Metropolis Bold Italic"),
  url(fontes/Metropolis-BoldItalic-6f0a19e8.woff2) format("woff2"),
  url(fontes/Metropolis-BoldItalic-3f088a11.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:800;
  src:local("Metropolis Extra Bold"),
  url(fontes/Metropolis-ExtraBold-0c9ff630.woff2) format("woff2"),
  url(fontes/Metropolis-ExtraBold-f79c09f3.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:800;
  src:local("Metropolis Extra Bold Italic"),
  url(fontes/Metropolis-ExtraBoldItalic-8ef75318.woff2) format("woff2"),
  url(fontes/Metropolis-ExtraBoldItalic-b4e62ca3.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:normal;
  font-weight:900;
  src:local("Metropolis Black"),
  url(fontes/Metropolis-Black-bcd0ced5.woff2) format("woff2"),
  url(fontes/Metropolis-Black-ece44382.woff) format("woff")
}
@font-face {
  font-family:Metropolis;
  font-style:italic;
  font-weight:900;
  src:local("Metropolis Black Italic"),
  url(fontes/Metropolis-BlackItalic-fadeacd3.woff2) format("woff2"),
  url(fontes/Metropolis-BlackItalic-fc2225d4.woff) format("woff")
}
html, body{
margin:0;
padding:0;
font-family: "Metropolis", sans-serif;
background:#FFF;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
font-family: "Metropolis", sans-serif;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
font-family: "Metropolis", sans-serif;
}
a, span, p, h1, h2, h3, h4, h5, h6, small{
font-family: "Metropolis", sans-serif;
}
a{
text-decoration:none;
font-family: "Metropolis", sans-serif;
}
#home.home2 .entrada{
background-color: #000;
color:#fff;
}
#home.home2 .entrada .content h2, #home.home2 .entrada .content p{
color:#fff;
}
#home.home2 .entrada .image img, #home.home1 .entrada .image img {
width: 200px;
}
#home.home2 .entrada .image, #home.home1 .entrada .image {
text-align: center;
margin-bottom: 0;
}
#home.home2 .entrada small, #home.home2 .entrada .copy{
color:#fff;
}
#home.home2 .resgatar {
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
border-radius: 10px;
padding: 20px;
margin: 0 0 5px;
}
#home.home2 .entrada a.btn-resgatar{
width: 100%;
height: 48px;
background-color: rgb(216, 25, 12);
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
border-radius: 10px;
padding-top: 3px;
margin: 0 auto 5px;
transition:all .3s linear;
}
#home.home2 .entrada a.btn-resgatar:hover{
background-color: rgb(190, 22, 10);
}
#home.home1 .resgatar {
color: #004085;
background-color: #cce5ff;
border: 1px solid #b8daff;
border-radius: 10px;
padding: 20px;
margin: 0 0 5px;
}
#home.home1 .entrada a.btn-resgatar{
width: 100%;
height: 48px;
background-color: #004085;
color: #fff;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
border-radius: 10px;
padding-top: 3px;
margin: 0 auto 5px;
transition:all .3s linear;
}
#home.home1 .entrada a.btn-resgatar:hover{
background-color: #023367;
}
.entrada{
background-color: #fff;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
max-width: 400px;
margin: 0 auto 30px;
padding: 25px 20px 20px;
}
.entrada .image{
text-align: center;
margin-bottom: 20px;
}
.entrada .image img{
width:96px;
}
.entrada .content h2{
font-size: 21px;
font-weight: 700;
text-align: center;
}
.entrada .content p{
text-align: center;
font-weight: 500;
color: #555;
line-height: 20px;
font-size: 15px;
max-width: 250px;
margin: 0 auto 15px;
}
.entrada .bonus{
color: #155724;
background-color: #d4edda;
border: 1px solid #c3e6cb;
position: relative;
padding: 15px;
border-radius: 10px;
text-align: center;
font-weight: 600;
line-height: 20px;
margin: 0 auto 15px;
font-size: 15px;
}
.entrada .bonus span{
display: block;
max-width: 240px;
margin: 0 auto;
}
.entrada a.btn-resgatar{
width: 100%;
height: 48px;
background-color: #fc0;
color: #000;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
border-radius: 10px;
padding-top: 3px;
margin: 0 auto 5px;
transition:all .3s linear;
}
.entrada a.btn-resgatar:hover{
background-color: rgb(213, 171, 4);
}
.entrada a.btn-resgatar i{
margin-bottom: 3px;
margin-right: 10px;
}
.entrada small{
display: block;
text-align: center;
font-size: 12px;
color: #555;
}
.entrada hr.separador{
margin: 10px 0 15px;
border-color: #55555573;
}
.entrada .copy{
text-align: center;
color: #555;
font-size: 13px;
line-height: 1;
margin: 0 0 10px;
}
.entrada .links{
display: flex;
align-items: center;
justify-content: center;
}
.entrada .links a{
position: relative;
font-size: 12px;
color: #0285b9;
margin: 0 10px;
transition: all .3s linear;
}
.entrada .links a:hover{
color: #036b94;
}
.entrada .links a:not(:last-child):after{
content:"";
width:1px;
height:12px;
background-color: #555;
position: absolute;
right:-10px;
top:50%;
transform:translatey(-50%);
}
#home{
background-color: #f5f5f5;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.resgatar{
color: #856404;
background-color: #fff3cd;
border: 1px solid #ffeeba;
border-radius: 10px;
padding: 20px;
margin: 0 0 5px;
}
.resgatar h3{
display: flex;
align-items: center;
font-size: 16px;
font-weight: 700;
}
.resgatar h3 img{
max-width: 20px;
margin-right: 10px;
}
.resgatar input{
width: 100%;
height: 48px;
border-radius: 10px;
border: 1px solid #ccc;
padding: 5px 15px;
font-size: 15px;
font-weight: 500;
margin: 0 auto 13px;
color: #000;
}
.modal-content {
background: #fff;
padding: 20px 20px 0;
max-width: 96%;
border-radius: 8px;
text-align: left;
color: #333;
width: 920px;
}
.modal-content h2{
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
}
.modal-content p{
font-size: 15px;
line-height: 20px;
}
.modal.active{
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(13, 13, 13, 0.5);
}
.loader {
border: 4px solid #e0e0e0;
border-top: 4px solid #fc0;
border-radius: 50%;
width: 35px;
height: 35px;
animation: spin 1s linear infinite;
margin: 25px auto;
display: none;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.alert{
padding: 10px !important;
text-align: center !important;
font-size: 14px !important;
line-height: 18px !important;
}
header.sticky{
position:sticky;
width:100%;
height:60px;
background-color:#fff;
top:0;
left:0;
z-index:10;
display: flex;
align-items: center;
border-bottom:1px solid rgb(238,238,238,.5);
}
header.sticky .text{
color: rgb(40,41,47);
font-weight: 500;
padding-top: 5px;
}
header.sticky .border-e{
margin-right: 12px;
margin-left: 12px;
width: 1px;
background-color: rgb(223,223,223);
height: 14px;
margin-bottom: -5px;
}
.banner{
background-color: rgb(21 21 21);
padding: 20px 0;
}
.banner .image-banner{
max-width: 690px;
border-radius: 10px;
overflow: hidden;
margin: 0 auto;
}
.headline{
background-image: url('../images/pattern-game-selection-59889447.png');
position: relative;
background-color: rgb(239 239 239);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
padding: 25px 0 15px;
}
.headline .overlay{
position: absolute;
top: 0;
left:0;
width:100%;
display: flex;
}
.headline .overlay .overlay-l{
height: 7px;
background-color: rgb(242 177 62);
flex: 1 1 0%;
}
.headline .overlay .overlay-r{
height: 27px;
background-color: rgba(253,211,115,.63);
flex: 1 1 0%;
}
.jogos .jogo{
position:relative;
text-align: center;
}
.jogos .jogo:not(:last-child){
margin-right: 30px;
}
.jogos .jogo img{
width: 84px;
border-radius: 25%;
border: 4px solid transparent;
margin-bottom: .5rem;
}
.jogos .jogo span{
display: block;
font-size: .875rem;
line-height: 22px;
text-align: center;
}
.jogos .jogo.active span{
font-weight: 700;
color:rgb(216 26 13);
}
.jogos .jogo.active img{
border-color:rgb(216 26 13);
}
.jogos .jogo .check{
position: absolute;
background-image: linear-gradient(-45deg,transparent 50%,#D81A0D 50%);
border-start-start-radius: 50%;
width: 42px;
height: 42px;
padding: 0;
}
.jogos .jogo .check img{
width: 12px;
height: 12px;
border: 0;
margin: 0;
position: relative;
left: 7px;
top: 1px;
}
.jogos .jogo.disabled{
pointer-events: none;
opacity: 0.5;
}
.container{
width:1024px;
padding:0 20px;
max-width: 100%;
}
.headline h3{
font-weight: 700;
font-size: 1.25rem;
line-height: 1;
margin-bottom: 1.25rem;
color:rgb(40,41,47);
}
.banner-ff{
background-image: url('../images/FF-f997537d.jpg');
width: 944px;
max-width: 100%;
height: 120px;
background-position: center;
background-size: cover;
padding: 1.5rem;
border-radius: .5rem;
overflow: hidden;
margin: 30px auto 25px;
}
.banner-ff .info-jogo{
display: flex;
align-items: center;
}
.banner-ff .info-jogo .image{
width: 72px;
height: 72px;
margin-right: 20px;
}
.banner-ff .info-jogo .text h2{
font-size: 1.5rem;
line-height: 1;
color: #fff;
font-weight: 700;
margin: 0 0 7px;
}
.banner-ff .info-jogo .text span{
font-size: 13px;
line-height: 1;
font-weight: 500;
color: #fff;
padding: 5px .375rem;
background-color: rgba(0,0,0,.65);
border: 1px solid rgb(255,255,255,5);
border-radius: .25rem;
}
.headline .container, .body .container{
width: 984px;
}
.item-gratis{
border-radius: .375rem;
background-image: url("../images/freefire-freeitem-bg-light-3457641a.png");
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
padding: 18px;
max-width: 464px;
}


.item-gratis .icone{
text-align: center;
}
.item-gratis .icone span{
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: .725rem;
line-height: 1;
display:block;
}
.item-gratis .icone img{
width: 60px;
height: 60px;
border-radius: .75rem;
margin-bottom: .5rem;
}
.item-gratis .item h3{
font-size: 1rem;
line-height: 1;
margin-bottom: .125rem;
font-weight: 700;
}
.item-gratis .item p{
font-size: .75rem;
line-height: 1rem;
margin-bottom: .75rem;
color: rgb(117,117,117);
}
.item-gratis .item a.btn-gratis{
width: 80px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(216,16,13);
color: #fff;
font-size: .85rem;
font-weight: 500;
border-radius: .375rem;
transition:all .3s linear;
}
.item-gratis .item a.btn-gratis:hover{
background-color: rgb(196, 12, 9);
}
.title-section{
position: relative;
display: flex;
align-items: center;
margin: 30px 0 10px;
max-width: 464px;
}
.title-section span{
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
line-height: 1;
background-image: url('../images/bg_number.svg');
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
font-size: 1rem;
color: #fff;
font-weight: 700;
margin-right: 10px;
}
.title-section h2{
font-size: 1.25rem;
line-height: 1;
font-weight: 700;
margin: 0;
}
.box-login{
background-color: rgb(244,244,244);
border: 1px solid rgb(238,238,238);
padding: 15px 18px;
border-radius: .375rem;
position: relative;
max-width: 464px;
}
.box-login .content h3{
font-size: 15px;
line-height: 1rem;
font-weight: 500;
margin-bottom: .5rem;
}
.box-login .content h3 i{
font-size: 13px;
}
.box-login .content form button.btn-login{
width: 77px;
height: 44px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
font-size: .875rem;
line-height: 1;
border-radius: .375rem;
border-start-start-radius: 0px;
border-end-start-radius: 0px;
transition:all .3s linear;
}
.box-login .content form button.btn-login:hover{
background-color: rgb(196, 12, 9);  
}
.box-login .content form input{
width: calc(100% - 77px);
height: 44px;
border-radius: .375rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #fff;
border: 1px solid rgb(211,211,211);
border-right: 0;
font-size: .875rem;
line-height: 1;
color: rgb(50,50,50);
padding: .875rem;
}
.box-login .content .social{
margin-top: 13px;
}
.box-login .content .social span{
font-size: .875rem;
line-height: 22px;
color: rgb(117,117,117);
}
.box-login .content .social .redes a{
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border:1px solid rgb(0 106 252);
background-color: rgb(0 106 252);
transition:all .2s linear;
}
.box-login .content .social .redes a img{
width:20px;
}
.box-login .content .social .redes a:not(:last-child){
margin-right: 15px;
}
.box-login .content .social .redes a:nth-child(2), .box-login .content .social .redes a:nth-child(3){
background-color: #fff;
border-color:rgb(238,238,238);
}
.box-login .content .social .redes a:last-child{
background-color: rgb(0 119 255);
border-color:rgb(0 119 255);
}
.box-login .content .social .redes a:hover{
opacity: 0.7;
}
.box-diamantes{
position: relative;
border: 2px solid rgb(216,16,13);
border-radius: .375rem;
display: flex;
align-items: center;
background-color: rgb(255,244,244);
padding: 0 18px 3px;
min-height: 90px;
max-width: 250px;
}
.box-diamantes .content span{
font-size: .875rem;
line-height: 22px;
font-weight: 500;
display: block;
}
.box-diamantes .content h3{
display: flex;
align-items: center;
padding: 2px 0 3px;
line-height: 1;
font-size: 1.025rem;
font-weight: 500;
margin: 0;
}
.box-diamantes .content h3 img{
margin-right: 5px;
}
.box-diamantes .content .bonus{
display: flex;
align-items: center;
color: rgb(255,122,0);
font-size: .875rem;
line-height: 1;
font-weight: 500;
}
.box-diamantes .content .bonus span{
margin-right:5px;
color: rgb(255,122,0);
font-size: .875rem;
line-height: 1;
font-weight: 500;
}
.oferta-especial{
border: 1px solid rgb(249 115 22);
border-radius: .375rem;
background-color: rgb(255 247 237);
padding: 15px 18px 18px;
margin: 15px 0;
max-width: 570px;
}
.oferta-especial .content-premium{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.oferta-especial .content-premium .text{
width: 370px;
text-align: center;
padding-right: 10px;
}
.oferta-especial .content-premium .text h2{
color: rgb(154 52 18);
line-height: 1;
font-size: 1.125rem;
font-weight: 700;
margin-bottom: .5rem;
}
.oferta-especial .content-premium .text h2 i{
color: rgb(234 88 12);
}
.oferta-especial .content-premium .text p{
color: rgb(194 65 12);
font-size: .875rem;
line-height: 1.25rem;
margin: 0;
}
.oferta-especial .content-premium .image img{
max-width: 140px;
margin-bottom: -12px;
margin-top: -12px;
}
.oferta-especial .content-premium .image strong{
display: block;
color: rgb(124 45 18);
font-weight: 700;
font-size: 15px;
}

.beneficios{
overflow: hidden;
position: relative;
padding: 25px 30px 25px;
margin-bottom: 20px;
}
.beneficios .arrow{
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fed7aa;
display: flex;
align-items: center;
justify-content: center;
color: rgb(154 52 18);
font-size: 14px;
cursor: pointer;
position: absolute;
top: 50%;
transform: translatey(-50%);
transition:all .2s linear;
z-index:5;
}
.beneficios .arrow:hover{
background-color: #e4bd91;   
}
.beneficios .arrow.arrow-prev{
left:0;
}
.beneficios .arrow.arrow-next{
right:0;
}
.swiper-slide{
color: rgb(154 52 18);
font-weight: 600;
font-size: 14px;
text-align: center;
}
.swiper-horizontal > .swiper-pagination-bullets.dots-premium{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.dots-premium .swiper-pagination-bullet{
width: 8px;
height: 8px;
background-color: rgb(253 186 116);
opacity: 1;
margin: 0 3px !important;
}
.dots-premium .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: rgb(234 88 12);
}
.price-premium{
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
flex-wrap: wrap;
text-align: center;
}
.price-premium strong{
color: rgb(154 52 18);
line-height: 1;
font-size: 1.125rem;
font-weight: 700;
display: block;
width: 100%;
margin-bottom: 12px;
}
button.oferta-premium{
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(249 115 22);
color: #fff;
font-weight: 700;
font-size: .875rem;
line-height: 1;
border-radius: .375rem;
height: 40px;
width: 250px;
text-transform: uppercase;
transition: all .2s linear;
}
button.oferta-premium:hover{
background-color: rgb(198, 89, 13);   
}
.pacotes .title-pacotes{
display: flex;
align-items: center;
justify-content: space-between;
margin:30px 0 20px;
}
.pacotes .title-pacotes strong:first-child{
font-size: 1rem;
line-height: 1;
font-weight: 700;
color: rgb(117,117,117);
}
.pacotes .title-pacotes strong:last-child{
font-weight: 700;
font-size: 0.9rem;
line-height: 1;
color: rgb(216,16,13);
}
.pacotes .title-pacotes .line{
flex: 1 1 0%;
margin: 0 15px;
height: 1px;
background-color: #eee;
}
.lista-pacotes{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.lista-pacotes .pacote{
border: 1px solid rgb(211,211,211);
border-radius: .375rem;
padding: 6px;
width: calc(25% - 15px);
text-align: center;
cursor: pointer;
background-color:#fff;
}
.lista-pacotes .pacote.active{
border:2px solid rgb(216,16,13);
background-color: rgb(255,244,244);
}
.lista-pacotes .pacote .content-pacote .image{
width:192px;
height:108px;
overflow: hidden;
margin:0 auto;
border-radius: 4px;
}
.lista-pacotes .pacote .content-pacote .image img{
width:100%;
height:100%;
object-fit: cover;
}
.lista-pacotes .pacote .content-pacote span{
display: flex;
align-items: center;
font-size: .875rem;
line-height: 18px;
font-weight: 500;
text-align: center;
justify-content: center;
margin: 10px 0 2px;
}
.lista-pacotes .pacote .content-pacote span i{
color: rgb(216,16,13);
font-size: 12px;
margin-left: 4px;
margin-top: -1px;
}
.lista-pacotes .pacote .content-pacote .price{
display: flex;
align-items: center;
justify-content: center;
}
.lista-pacotes .pacote .content-pacote .price span{
font-size: .75rem;
line-height: 1rem;
opacity: 0.65;
text-decoration-line: line-through;
margin:0;
margin-right: 5px;
}
.lista-pacotes .pacote .content-pacote .price strong{
font-size: 0.9rem;
line-height: 1;
font-weight: 700;
color: rgb(216,16,13);
}
.area-pagamento .aviso-pagamento small{
display: block;
font-size: .75rem;
line-height: 1.5;
color: rgb(117,117,117);
}
.box-metodo{
position: relative;
border: 2px solid rgb(216,16,13);
border-radius: .375rem;
display: flex;
align-items: center;
background-color: rgb(255,244,244);
padding: 10px;
max-width: 300px;
margin:20px 0;
}
.box-metodo .content-metodo{
position: relative;
display: flex;
align-items: center;
width:100%;
}
.box-metodo .content-metodo .icone{
width: 56px;
height: 56px;
margin-right: 15px;
}
.box-metodo .content-metodo .text{
padding-top:5px;
}
.box-metodo .content-metodo .text strong{
display: block;
font-size: 1rem;
line-height: 1;
font-weight: 500;
}
.box-metodo .content-metodo .text span{
color: rgb(255,122,0);
font-size: .875rem;
line-height: 1;
font-weight: 500;
}
.box-metodo .content-metodo .text span img{
margin-left: 2px;
margin-top: -2px;
}
.box-metodo .content-metodo .promo{
position: absolute;
right: -5px;
top: -5px;
display: flex;
align-items: center;
background-color: rgb(216,16,13);
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
width: 64px;
height: 18px;
justify-content: center;
border-radius: 5px;
padding-top: 2px;
}
.box-metodo .content-metodo .promo span{
width: 12px;
height: 12px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
margin-right: 3px;
margin-top: -2px;
}
.content-bottom .valores{
margin-right: 30px;
text-align: right;
}
.content-bottom .valores .items{
font-size: 1rem;
line-height: 1;
}
.content-bottom .valores .items img{
width: 20px !important;
margin-top: -2px;
}
.content-bottom .total-cart{
display: flex;
align-items: center;
font-size: 1rem;
line-height: 1.2;
font-weight: 500;
justify-content: flex-end;
}
.content-bottom .total-cart strong{
color: rgb(216,16,13);
font-weight: 700;
margin-left: 5px;
}
button.btn-comprar{
display: flex;
align-items: center;
justify-content: center;
height: 44px;
border-radius: 10px;
width: 200px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
line-height: 1;
font-size: 1rem;
transition: all .2s linear;
}
button.btn-comprar:hover{
background-color: rgb(196, 12, 9);  
}
button.btn-comprar i{
margin-top:-3px;
margin-right:7px;
}
.bottom-sticky{
background-color: #fff;
padding: 20px 0;
position: sticky;
bottom: 0;
left: 0;
z-index:10;
}
.footer{
background: #fff;
margin-top: 20px;
}
.footer .content-footer{
border-top: 1px solid #e5e7eb;
padding: 15px 10px;
font-size: .75rem;
line-height: 1rem;
color: rgb(117,117,117);
}
.footer .content-footer .links-footer a{
font-size: .75rem;
line-height: 1rem;
color: rgb(117,117,117);
position:relative;
}
.footer .content-footer .links-footer a:not(:last-child){
margin-right: 12px;
padding-right: 12px;
}
.footer .content-footer .links-footer a:not(:last-child):after{
content:"";
width:1px;
height: 14px;
background-color: #e5e7eb;
position:absolute;
right:0;
top:50%;
transform:translatey(-50%);
}
.modal.active{
display: flex;
align-items: center;
justify-content: center;
background-color: rgb(13,13,13,.7);
}
.modal-login .content-modal-login{
background-color: #fff;
overflow: hidden;
max-width: 96%;
border-radius: .5rem;
width:390px;
position:relative;
transform: scale(0.8);
opacity: 0;
visibility: hidden;
transition: all .2s linear;
}
.modal-login .content-modal-login.visible{
opacity: 1;
visibility: visible;
transform: scale(1);
}
.modal-login .content-modal-login .close-modal-login{
width:24px;
height: 24px;
background-color: rgba(0,0,0,.3);
display: flex;
align-items: center;
justify-content: center;
border-radius: .25rem;
position: absolute;
right:15px;
top:15px;
z-index: 3;
cursor: pointer;
color:#fff;
}
.modal-login .content-modal-login .header-modal{
padding: 0 20px 18px;
display: flex;
align-items: center;
}
.modal-login .content-modal-login .header-modal .icone{
overflow: hidden;
width: 68px;
height: 68px;
border: 4px solid #fff;
border-radius: .75rem;
margin-right: 16px;
margin-top: -15px;
}
.modal-login .content-modal-login .header-modal .text h2{
font-size: 1rem;
line-height: 1.25rem;
font-weight: 700;
margin-bottom: 0.1rem;
margin-top: 0.7rem;
}
.modal-login .content-modal-login .header-modal .text p{
font-size: .875rem;
line-height: 22px;
color: rgb(117,117,117);
margin: 0;
}
.modal-login .content-modal-login .login-area{
padding: 0 20px 20px;
}
.modal-login .content-modal-login .login-area h3{
font-size: 15px;
line-height: 1rem;
font-weight: 500;
margin-bottom: .5rem;
}
.modal-login .content-modal-login .login-area form{
flex-wrap:wrap;
}
.modal-login .content-modal-login .login-area form input{
width:100%;
height: 44px;
border-radius: .375rem;
background-color: #fff;
border: 1px solid rgb(211,211,211);
font-size: .875rem;
line-height: 1;
color: rgb(50,50,50);
padding: .875rem;
margin-bottom:12px;
}
.modal-login .content-modal-login .login-area form button.btn-login{
width: 100%;
height: 44px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
font-size: .875rem;
line-height: 1;
border-radius: .375rem;
transition: all .3s linear;
margin-bottom:25px;
}
.modal-login .content-modal-login .login-area form button.btn-login:hover{
background-color: rgb(196, 12, 9); 
}
.modal-login .content-modal-login .login-area .text-social{
position: relative;
text-align: center;
}
.modal-login .content-modal-login .login-area .text-social span{
font-size: .875rem;
line-height: 1;
background-color: #fff;
padding:0 15px;
color:rgb(117,117,117);
position: relative;
z-index: 2;
}
.modal-login .content-modal-login .login-area .text-social:before{
content:'';
width: 100%;
height: 1px;
position: absolute;
left: 0;
top:50%;
transform:translatey(-50%);
background-color: rgb(238,238,238);
}
.modal-login .content-modal-login .login-area .sociais a{
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border:1px solid rgb(0 106 252);
background-color: rgb(0 106 252);
transition:all .2s linear;
}
.modal-login .content-modal-login .login-area .sociais a img{
width:20px;
}
.modal-login .content-modal-login .login-area .sociais a:not(:last-child){
margin-right: 25px;
}
.modal-login .content-modal-login .login-area .sociais a:nth-child(2), .modal-login .content-modal-login .login-area .sociais a:nth-child(3){
background-color: #fff;
border-color:rgb(238,238,238);
}
.modal-login .content-modal-login .login-area .sociais a:last-child{
background-color: rgb(0 119 255);
border-color:rgb(0 119 255);
}
.modal-login .content-modal-login .login-area .sociais a:hover{
opacity: 0.7;
}
.modal-login .content-modal-login .login-area .sociais{
margin: 15px 0 25px;
}
a.btn-logout{
font-size: .875rem;
line-height: 1;
color: rgb(216,16,13);
font-weight: 500;
transition:all .2s linear;
}
a.btn-logout i{
font-size: 12px;
margin-right: 1px;
}
a.btn-logout:hover{
color: rgb(181, 12, 10);
}
.logado{
border-radius: .375rem;
background-color: rgb(244,244,244);
padding: 10px;
max-width: 464px;
}
.logado .icone{
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}
.logado .text strong{
display: block;
font-size: .875rem;
line-height: 1;
font-weight: 700;
}
.logado .text span{
font-size: .75rem;
line-height: 1;
margin-top: .5rem;
color:rgb(117,117,117);
}
.content-modal-logout{
width: 320px;
background-color: #fff;
border-radius: .5rem;
padding: 15px;
transform: scale(0.8);
opacity: 0;
visibility: hidden;
transition: all .2s linear;
}
.content-modal-logout.visible{
opacity: 1;
visibility: visible;
transform: scale(1);
}
.content-modal-logout h2{
font-weight: 700;
color:rgb(40,41,47);
font-size: 1rem;
line-height: 1;
margin:0 0 10px;
text-align: center;
}
.content-modal-logout p{
font-size: .875rem;
line-height: 17px;
color: rgb(117,117,117);
text-align: center;
}
a.close-modal-logout{
width: 128px;
height: 40px;
font-size: .875rem;
font-weight: 700;
border: 1px solid rgb(216,26,13);
border-radius: .375rem;
color: rgb(216,26,13);
transition: all .2s linear;
}
a.close-modal-logout:hover{
background-color: rgb(255,244,244);
}
a.confirmar-logout{
width: 128px;
height: 40px;
font-size: .875rem;
font-weight: 700;
border: 1px solid rgb(216,26,13);
border-radius: .375rem;
color: #fff;
transition: all .2s linear;
background-color: rgb(216,26,13);
}
a.confirmar-logout:hover{
background-color: rgb(196, 12, 9);
}
.content-modal-logout .d-flex{
justify-content: space-between;
padding: 0 10px;
}
.form-login{
display: flex;
}
.form-login + .loader{
border-top: 4px solid rgb(216,16,13);
}
span.messageSection{
color: rgb(216,16,13);
font-size: .875rem;
line-height: 1.2;
padding: 3px 3px 0;
}

.content-modal-gratis{
width: 380px;
max-width: 96%;
background-color: #fff;
border-radius: .5rem;
padding: 15px;
transform: scale(0.8);
opacity: 0;
visibility: hidden;
transition: all .2s linear;
}
.content-modal-gratis.visible{
opacity: 1;
visibility: visible;
transform: scale(1);
}
.content-modal-gratis h2{
font-weight: 700;
color:rgb(40,41,47);
font-size: 1rem;
line-height: 1;
margin:0 0 10px;
text-align: center;
}
.content-modal-gratis p{
font-size: .875rem;
line-height: 17px;
color: rgb(117,117,117);
text-align: center;
}
a.close-modal-gratis{
width: 128px;
height: 40px;
font-size: .875rem;
font-weight: 700;
border: 1px solid rgb(216,26,13);
border-radius: .375rem;
color: #fff;
transition: all .2s linear;
background-color: rgb(216,26,13);
margin:0 auto;
}
a.close-modal-gratis:hover{
background-color: rgb(196, 12, 9);
}
.content-modal-gratis .text-align-center{
text-align: center;
color:rgb(216,16,13);
font-size: 30px;
margin:0 0 5px;
}
.body-buy{
background-image: url('../images/FF-06d91604.png');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
min-height: calc(100vh - 107px);
background-color:rgb(249 249 249 );
padding:20px 0 30px;
}
.body-buy + .footer{
background-color:rgb(249 249 249 );
margin-top:0;
}
.oferta-especial{
position: relative;
}
.oferta-especial .check-compra{
position: absolute;
right: 10px;
top: 5px;
color: #f97316;
font-size: 20px;
opacity: 0;
visibility: hidden;
transition: all .2s linear;
}
.oferta-especial.selecionado .check-compra{
opacity: 1;
visibility: visible;
}
.oferta-especial.selecionado{
border-width: 2px;
}
.pacote{
position: relative;
}
.pacote .check-compra{
position: absolute;
right: 10px;
top: 5px;
color: rgb(216,16,13);
font-size: 18px;
opacity: 0;
visibility: hidden;
transition: all .2s linear;
}
.pacote.selecionado .check-compra{
opacity: 1;
visibility: visible;
}
.pacote.selecionado{
border-width: 2px;
border-color:rgb(216,16,13);
background-color:rgb(255,244,244);
}
span#items{
font-weight: 500;
font-size: 0.85rem;
color: rgb(117,117,117);
}
.body-buy .box-resumo{
background-color: #fff;
max-width: 600px;
margin: 0 auto;
padding: 5px;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
}
.body-buy .box-resumo .topo-resumo{
position: relative;
overflow: hidden;
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.body-buy .box-resumo .topo-resumo a.btn-voltar{
position: absolute;
top: 15px;
left: 15px;
font-size: 1rem;
line-height: 1;
border: 1px solid rgba(255,255,255,.7);
font-weight: 500;
color: #fff;
width: 86px;
height: 32px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,.4);
z-index: 5;
transition:all .2s linear;
}
.body-buy .box-resumo .topo-resumo a.btn-voltar:hover{
background-color: rgba(162, 160, 160, 0.4);
}
.body-buy .box-resumo .topo-resumo a.btn-voltar i{
margin-right:6px;
margin-top:-1px;
}
.body-buy .box-resumo .icone .image{
width: 88px;
height: 88px;
border: 4px solid #fff;
overflow: hidden;
border-radius: .5rem;
margin: -40px auto 10px;
position: relative;
}
.body-buy .box-resumo .icone h2{
text-align: center;
font-weight: 700;
font-size: 1.4rem;
line-height: 1;
color: rgb(40,41,47);
margin: 12px 0 15px;
}
.body-buy .box-resumo .diamantes-total{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1rem;
line-height: 1;
color: rgb(40,41,47);
max-width: 90%;
margin: 0 auto 10px;
}
.body-buy .box-resumo .diamantes-total strong{
font-weight: 500;
}
.body-buy .box-resumo .resumo-cart{
background-color: rgb(249,249,249);
max-width: 90%;
margin: 0 auto;
border-radius: 5px;
padding: 6px 10px;
border: 1px solid rgb(238,238,238);
}
.body-buy .box-resumo .resumo-cart .item{
display: flex;
align-items: center;
justify-content: space-between;
font-size: .875rem;
line-height: 1;
padding: 5px;
}
.body-buy .box-resumo .resumo-cart .item strong{
font-weight: 500;
}
.body-buy .box-resumo .resumo-cart + small{
display: block;
max-width: 90%;
color: rgb(117,117,117);
margin: 4px auto 15px;
font-size: .7rem;
line-height: 1.5;
text-align: center;
}
.body-buy .dados{
background-color: #fff;
max-width: 600px;
margin: 5px auto 0;
padding: 20px 5px 25px;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
}
.body-buy .dados form{
max-width: 90%;
margin:0 auto;
}
.body-buy .dados form .inputForm{
position: relative;
margin-bottom: 15px;
}
.body-buy .dados form .inputForm label{
display: block;
color:rgb(40,41,47);
font-size: 15px;
line-height: 1rem;
margin:0 0 5px;
font-weight: 500;
}
.body-buy .dados form .inputForm input{
width:100%;
height: 44px;
border-radius: .375rem;
background-color: #fff;
border: 1px solid rgb(211,211,211);
font-size: .875rem;
line-height: 1;
color: rgb(50,50,50);
padding: .875rem;
}
.body-buy .dados form .d-flex .inputForm{
width:49%;
}
.body-buy .dados form small{
display: block;
font-size: 13px;
line-height: 1.3;
color: rgb(117,117,117);
text-align: center;
margin: 0 0 15px;
}
.body-buy .dados form button.btn-submit{
width: 100%;
height: 44px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
font-size: 1rem;
line-height: 1;
border-radius: .375rem;
transition: all .3s linear;
margin-bottom:25px;
}
.body-buy .dados form button.btn-submit:hover{
background-color: rgb(196, 12, 9); 
}
.body-buy .dados form button.btn-submit:disabled{
opacity: 0.6;
}
.inputForm span.error{
font-size: 12px;
color: rgb(216,16,13);
padding: 5px 5px 0;
margin: 0;
line-height: 1;
display: block;
}
.inputForm span.check{
position: absolute;
right: 10px;
top: 30px;
color: #44a01a;
opacity: 0;
}
.inputForm input.complete + span.check{
opacity: 1;
}
.body-buy .dados form .inputForm input.error{
background-color: #feecef;
border-color: rgb(229 15 56);
}
.body-buy .dados form .inputForm input.complete{
background-color: #f3f4f6;
}
.areaPix h3{
text-align: center;
font-weight: 500;
font-size: 1.125rem;
line-height: 1;
}
.areaPix .qrCode{
width: 190px;
margin: .75rem auto 1rem;
background-color: #fff;
padding: 10px;
box-shadow: 0 0 5px rgba(13, 13, 13, 0.2);
border-radius: .5rem;
}
input#copia_cola{
width: 100%;
background-color: rgb(248,248,248);
border: 1px dashed #ccc;
border-radius: .5rem;
padding: 5px 15px;
height: 48px;
font-size: 14px;
color: rgb(40,41,47);
margin: 0 auto 12px;
max-width: 90%;
display: block;
}
button.btn-copiar{
width: 100%;
height: 44px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
font-size: 1rem;
line-height: 1;
border-radius: .5rem;
transition: all .3s linear;
max-width: 90%;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}
button.btn-copiar:hover{
background-color: rgb(196, 12, 9); 
}
.areaPix .infos p{
max-width: 90%;
margin: 0 auto 15px;
color: rgb(117,117,117);
font-size: 15px;
}
.posicao{
padding: 15px 0;
max-width: 90%;
margin: 0 auto;
}
.posicao p.fila{
font-weight: 500;
font-size: 15px;
display:flex;
align-items:center;
justify-content:center;
}
.posicao p.fila strong{
margin:0 5px;
}
.posicao p.text-btn{
color: #0f643c;
text-align: center;
font-weight: 500;
font-size: 16px;
margin: 0 0 10px;
}
.posicao a.btn-acelere{
background-color: #05ac5e;
height: 44px;
border-radius: .5rem;
color: #fff;
font-weight: 700;
font-size: 16px;
transition:all .2s linear;
}
.posicao a.btn-acelere:hover{
background-color: #048a4c;
}
.posicao p.pressa{
font-size: 15px;
text-align: center;
color: #06768c;
line-height: 20px;
}
.posicao a.btn-fast{
background-color: #06768c;
color: #fff;
font-size: 16px;
font-weight: 700;
height: 44px;
border-radius: .5rem;
transition: all .2s linear;
}
.posicao a.btn-fast:hover{
background-color:#045b6d;
}
.posicao .alert-danger h3{
font-size: 20px;
font-weight: 700;
}
.posicao a.btn-tax{
width: 100%;
height: 44px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
font-size: 1rem;
line-height: 1;
border-radius: .5rem;
transition: all .3s linear;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}
.posicao a.btn-tax:hover{
background-color: rgb(196, 12, 9); 
}
.detalhes-pedido{
max-width: 90%;
margin:0 auto;
}
.detalhes-pedido h3{
font-size: 18px;
font-weight: 700;
line-height: 1;
margin: 0 0 10px;
}
.detalhes-pedido ul li{
display: flex;
align-items: center;
font-weight: 500;
color: rgb(40,41,47);
font-size: 16px;
padding: 10px 0;
position:relative;
z-index: 2;
}
.detalhes-pedido ul li span{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #1a9900;
color: #fff;
font-size: 20px;
margin-right: 15px;
}
.detalhes-pedido ul li span.error{
padding-bottom: 2px;
background-color: rgb(216,16,13);
}
.detalhes-pedido ul{
position: relative;
margin:0 0 20px !important;
}
.detalhes-pedido ul li .text{
width: calc(100% - 55px);
line-height: 20px;
}
.detalhes-pedido ul:before{
content: "";
width: 2px;
border-right: 1px dashed #8c8c8c;
position: absolute;
left: 19px;
top: 10px;
height: 150px;
}
.detalhes-pedido p{
font-size: 15px;
font-weight: 500;
text-align: center;
line-height: 20px;
}
.detalhes-pedido a.btn-tax{
width: 100%;
height: 44px;
background-color: rgb(216,16,13);
color: #fff;
font-weight: 700;
font-size: 1rem;
line-height: 1;
border-radius: .5rem;
transition: all .3s linear;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
position:relative;
}
.detalhes-pedido a.btn-tax:hover{
background-color: rgb(196, 12, 9); 
}
.detalhes-pedido a.btn-tax i{
position:absolute;
top:50%;
transform: translatey(-50%);
right:12px;
font-size: 18px;
}

@media(max-width:992px){
.entrada .content h2 {
font-size: 20px;
font-weight: 700;
text-align: center;
}   
.resgatar{
padding:20px 10px;
}   
.resgatar h3{
font-size: 15px;
}  
.resgatar h3 img {
max-width: 18px;
margin-right: 6px;
}    
header.sticky .text{
max-width: 6rem;
font-size: .75rem;
line-height: 1rem;
}    
header.sticky{
height:56px;
}    
.banner {
background-color: rgb(21 21 21);
padding: 10px 0;
}    
.banner .container{
padding:0;
}    
.banner .image-banner{
border-radius: 0;
}   
.jogos .jogo img {
width: 64px;
}    
.jogos .jogo span{
font-size: .75rem;
line-height: 1rem;
}    
.jogos .jogo:not(:last-child) {
margin-right: 14px;
}    
.jogos .jogo .check img {
left: -7px;
top: 2px;
}    
.banner-ff .info-jogo .image {
width: 44px;
height: 44px;
margin-right: 15px;
}    
.banner-ff .info-jogo .text h2{
font-size: 1rem;
line-height: 1;
margin: 0 0 3px;
}    
.banner-ff .info-jogo .text span {
font-size: 12px;
}    
.banner-ff {
height: 76px;
padding: 1rem;
margin: 10px 0 15px -10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
max-width: calc(100% + 20px);
}    
.item-gratis{
padding:14px;
}    
.title-section h2 {
font-size: 1.15rem;
}
.title-section span {
width: 22px;
height: 22px;
font-size: 0.85rem;
}
.logado .text{
padding-top:5px;
}
.box-diamantes{
max-width: 100%;
}
.oferta-especial .content-premium .text{
padding:0 15px;
}
.oferta-especial .content-premium .image{
margin:0 auto;
}
.oferta-especial .content-premium .image img{
margin-top:0;
}
.beneficios{
padding: 25px 0 25px;
}
.swiper-slide {
text-align: center;
padding: 0 50px;
line-height: 1.2;
min-height: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.pacotes .title-pacotes strong:last-child{
font-size: 0.8rem;
}
.pacotes .title-pacotes strong:first-child {
font-size: 0.9rem;
}
.lista-pacotes{
gap:15px;
}
.lista-pacotes .pacote {
width: calc(50% - 8px);
}
.lista-pacotes .pacote .content-pacote .image {
width: 100%;
height: auto;
}
.lista-pacotes .pacote .content-pacote span{
font-size: .85rem;
line-height: 16px;
min-height: 32px;
}
.area-pagamento .aviso-pagamento small {
display: block;
font-size: .7rem;
line-height: 1.3;
color: rgb(117,117,117);
}
.box-metodo{
max-width: 100%;
}
.footer .content-footer {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.footer .content-footer .links-footer{
margin-bottom:5px;
}
button.btn-comprar{
width:165px;
}
.content-bottom .valores {
margin-right: 0;
text-align: left;
}
.content-bottom{
width: 100%;
justify-content: space-between;
}
.content-bottom .total-cart {
font-size: .9rem;
line-height: 1.5;
justify-content: flex-start;
}
.content-bottom .valores .items img {
width: 18px !important;
margin-top: -2px;
}
.content-bottom .valores .items {
font-size: .9rem;
line-height: 1;
}
.box-login .content .social span {
color: rgb(117,117,117);
font-size: .75rem;
line-height: 1.3;
max-width: 120px;
}
.box-login .content .social .redes a:not(:last-child) {
margin-right: 10px;
}
.body-buy {
background-image: none;
min-height: calc(100vh - 124px);
padding: 0 0 30px;
}
.body-buy .container{
padding: 0;
}
.body-buy .box-resumo {
margin: 0 auto;
padding: 0 0 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.body-buy .box-resumo .topo-resumo {
position: relative;
overflow: hidden;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.body-buy .box-resumo .topo-resumo a.btn-voltar{
font-size: .875rem;
line-height: 1;
width: 74px;
height: 28px;
top: 10px;
left: 10px;
}
.body-buy .box-resumo .icone .image {
width: 80px;
height: 80px;
}
.body-buy .box-resumo .icone h2{
font-size: 1.25rem;
line-height: 1;
}
.body-buy .box-resumo .diamantes-total {
color: rgb(40,41,47);
font-size: .875rem;
line-height: 1;
}
.body-buy .box-resumo .resumo-cart .item {
font-size: .75rem;
line-height: 1;
}
.body-buy .box-resumo .resumo-cart + small {
font-size: .7rem;
line-height: 1.3;
text-align: center;
}
.body-buy .dados form .inputForm label{
font-size: 14px;
}
.body-buy .dados form small{
font-size: 12px;
}
input#copia_cola {
padding: 5px 10px;
height: 44px;
font-size: 13px;
}
.areaPix .infos p{
font-size: 13px;
}
.posicao p.fila b{
font-weight: 500;
line-height: 1.2;
max-width: calc(100% - 104px);
font-size: 14px;
margin-left: 15px;
}
.posicao p.text-btn {
color: #0f643c;
text-align: center;
font-weight: 500;
font-size: 15px;
margin: 0 auto 10px;
line-height: 19px;
max-width: 240px;
}
.detalhes-pedido ul li span {
width: 32px;
height: 32px;
font-size: 18px;
margin-right: 10px;
}
.detalhes-pedido ul li .text {
width: calc(100% - 42px);
line-height: 18px;
font-size: 14px;
}
.detalhes-pedido ul::before {
left: 15px;
top: 15px;
height: 130px;
}
.detalhes-pedido p {
font-size: 14px;
}
.detalhes-pedido h3 {
font-size: 16px;
}




















    
    
    
    
    
    
    
    
    
    
    
}