/*
	DIOGENES JUNIOR
	CONTATO@DIOGENESJUNIOR.COM.BR
	
*/

/*---------------------------------
	RESETS
-----------------------------------*/

html,body{
    height: 100%;
}
body{
	overflow-x: hidden;
    background:#fff;
}

@media(max-width: 540px){
  html,body{
    max-width: 100% !important;
    
  }
}

/*---------------------------------
	IMPORTS E CONSULTAS E MOBILE
	
XS = < 544px
SM = > 544px
MD = > 768px
LG = > 992px
XL = > 1200px

CSS GRID
-----------------------------------*/
#app, #nav{
  display: none;
}

.wow {
   visibility: hidden;
}
::selection { background: #757575; color: #fff; } ::-moz-selection { background: #757575; color: #fff; }


.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

img{
  max-width: 100%;
  height: auto;
}



/*---------------------------------
  HEADER
-----------------------------------*/





/*---------------------------------
	SUPER BANNER
-----------------------------------*/


.controle-banner-na-homepage2{
  position: absolute;
  top: 165px;
  left: 0px;
  padding-top: 0px;
  width: 100%;
  height: auto;
}

@media(max-width: 540px){
  .controle-banner-na-homepage2{
    top: 220px;
    display: none;
  }
}

.controle-banner-na-homepage2 .owl-theme img{
    width: 36px !important;
    height: auto !important;
    opacity: 1;
    border-radius: 5px;
    border: 1px solid #cccccc !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 {
  position: absolute;
  top: 36.5%;
  left: 0;
  right: 0;
  background: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2{
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev,
.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none !important;
  border: none !important;
  z-index: 1;
  outline: none !important;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev {
  left: 3px;
}

.controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
  right: 3px;
}

@media(max-width: 540px){

    .controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-prev {
      left: 3px;
    }
    
    .controle-banner-na-homepage2 .owl-theme .custom-nav-banner2 .owl-next {
      right: 3px;
    }

}
.novo-carrossel-v3-container{
  padding-top: 0 !important;
  margin-top: -5px !important;
}
.novo-carrossel-v3-title {
    font-weight: bold !important;
}

header.piloterias-fixo{
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 555;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}


#carousel-custom-dots{
  padding-left: 0px;
  margin-left: 0px;
  text-align: center;
  z-index: 505;
}
#carousel-custom-dots li{
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 0px;
  margin-left: 2.5px;
  margin-right: 2.5px;
  background: #f2f2f2;
  border-radius:100%;
}

#carousel-custom-dots li.owl-dot.active{
  background: #747474;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11); */
}


.mega-loto-header-101 {
  grid-template-columns:50px 200px 736px 274px 52px;
  padding:0px 14px;
  height:80px;
  display:grid;
  width: 100%;
  max-width:1340px;
  margin: 0px auto;
  -webkit-box-align:center;
  align-items:center;
  justify-content:space-around;
  box-sizing:border-box;
}

.mega-loto-header-102 {
  position:relative;
  height:68px;
  width: 100%;
  z-index:2;
  box-sizing:border-box;
}

.mega-loto-header-103 {
  transition:0.1s linear;
  position:relative;
  appearance:none;
  padding:0px;
  border:0px none rgb(0, 0, 0);
  background-image:none;
  outline:rgb(0, 0, 0) none 0px;
  display:block;
  width: 50px;
  height:50px;
  border-radius:5px;
  margin: 8px auto;
  background-color:rgb(255, 255, 255);
  cursor:pointer;
  text-decoration:none;
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:16.1px;
}

.mega-loto-header-104 {
  display:block;
  width: 26px;
  height:26px;
  background:rgba(0, 0, 0, 0) url('../images/d66126782a5d9375b78b.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  overflow:hidden;
  text-indent:-999px;
  margin: 0px auto;
  box-sizing:border-box;
}

.mega-loto-header-105 {
  height:auto;
  max-height:624.6px;
  width: 460px;
  box-shadow:rgba(158, 175, 201, 0.25) 0px 0px 30px 0px;
  padding:0px;
  border-radius:10px;
  z-index:1;
  top:89px;
  border:0.8px solid rgba(223, 225, 229, 0.7);
  color:rgb(56, 59, 65);
  position:absolute;
  left:0px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  overflow: auto;
  padding-bottom:0px;
  display:none;
  box-sizing:border-box;
}

.mega-loto-header-106 {
  box-sizing:border-box;
}

.mega-loto-header-107 {
  box-sizing:border-box;
}

.mega-loto-header-108 {
  display:none;
  background:rgb(78, 216, 135) none repeat scroll 0% 0% / auto padding-box border-box;
  color:rgb(255, 255, 255);
  padding:15px 20px;
  font-size:14px;
  box-sizing:border-box;
}

.mega-loto-header-109 {
  margin:0px;
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mega-loto-header-110 {
  color:rgb(255, 255, 255);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-111 {
  box-sizing:border-box;
  font-weight:700;
}

.mega-loto-header-112 {
  grid-template-columns:1fr 1fr;
  display:grid;
  padding:5px 0px 10px;
  box-sizing:border-box;
}

.mega-loto-header-113 {
  box-sizing:border-box;
}

.mega-loto-header-114 {
  border-bottom:0px solid rgb(236, 236, 236);
  box-sizing:border-box;
}

.mega-loto-header-115 {
  cursor:default;
  padding:15px 20px 5px;
  color:rgb(202, 202, 202);
  font-weight:600;
  display:grid;
  grid-template-columns:20px 1fr 20px;
  -webkit-box-align:center;
  align-items:center;
  font-size:13px;
  gap:8px;
  user-select:none;
  box-sizing:border-box;
}

.mega-loto-header-116 {
  mask-image:url('https://www.megaloterias.com.br/4eef26aea5349032de7e.svg');
  width: 20px;
  height:16px;
  background:rgb(202, 202, 202) none repeat scroll 0% 0% / auto padding-box border-box;
  mask-position:50% 50%;
  mask-size:contain;
  mask-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-header-117 {
  box-sizing:border-box;
}

.mega-loto-header-118 {
  display:none;
  transform:none;
  color:rgb(56, 59, 65);
  font-size:10px;
  background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
  width: 20px;
  height:20px;
  border-radius:50%;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  line-height:10px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-119 {
  display:block;
  box-sizing:border-box;
}

.mega-loto-header-120 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  font-size:13px;
  box-sizing:border-box;
}

.mega-loto-header-121 {
  box-sizing:border-box;
}

.mega-loto-header-122 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-123 {
  box-sizing:border-box;
}

.mega-loto-header-124 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-125 {
  box-sizing:border-box;
}

.mega-loto-header-126 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-127 {
  box-sizing:border-box;
}

.mega-loto-header-128 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-129 {
  box-sizing:border-box;
}

.mega-loto-header-130 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-131 {
  box-sizing:border-box;
}

.mega-loto-header-132 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-133 {
  box-sizing:border-box;
}

.mega-loto-header-134 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-135 {
  box-sizing:border-box;
}

.mega-loto-header-136 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-137 {
  box-sizing:border-box;
}

.mega-loto-header-138 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-139 {
  box-sizing:border-box;
}

.mega-loto-header-140 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-141 {
  box-sizing:border-box;
}

.mega-loto-header-142 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-143 {
  box-sizing:border-box;
}

.mega-loto-header-144 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-145 {
  box-sizing:border-box;
}

.mega-loto-header-146 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-147 {
  box-sizing:border-box;
}

.mega-loto-header-148 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-149 {
  box-sizing:border-box;
}

.mega-loto-header-150 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-151 {
  box-sizing:border-box;
}

.mega-loto-header-152 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-153 {
  box-sizing:border-box;
}

.mega-loto-header-154 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-155 {
  box-sizing:border-box;
}

.mega-loto-header-156 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-157 {
  box-sizing:border-box;
}

.mega-loto-header-158 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-159 {
  box-sizing:border-box;
}

.mega-loto-header-160 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-161 {
  box-sizing:border-box;
}

.mega-loto-header-162 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-163 {
  box-sizing:border-box;
}

.mega-loto-header-164 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-165 {
  box-sizing:border-box;
}

.mega-loto-header-166 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-167 {
  box-sizing:border-box;
}

.mega-loto-header-168 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-169 {
  box-sizing:border-box;
}

.mega-loto-header-170 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-171 {
  box-sizing:border-box;
}

.mega-loto-header-172 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-173 {
  box-sizing:border-box;
}

.mega-loto-header-174 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-175 {
  box-sizing:border-box;
}

.mega-loto-header-176 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-177 {
  box-sizing:border-box;
}

.mega-loto-header-178 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-179 {
  box-sizing:border-box;
}

.mega-loto-header-180 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-181 {
  box-sizing:border-box;
}

.mega-loto-header-182 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-183 {
  box-sizing:border-box;
}

.mega-loto-header-184 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-185 {
  box-sizing:border-box;
}

.mega-loto-header-186 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-187 {
  box-sizing:border-box;
}

.mega-loto-header-188 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-189 {
  box-sizing:border-box;
}

.mega-loto-header-190 {
  border-bottom:0px solid rgb(236, 236, 236);
  box-sizing:border-box;
}

.mega-loto-header-191 {
  cursor:default;
  padding:15px 20px 5px;
  color:rgb(202, 202, 202);
  font-weight:600;
  display:grid;
  grid-template-columns:20px 1fr 20px;
  -webkit-box-align:center;
  align-items:center;
  font-size:13px;
  gap:8px;
  user-select:none;
  box-sizing:border-box;
}

.mega-loto-header-192 {
  mask-image:url('https://www.megaloterias.com.br/1d4b1e2b59af5513549f.svg');
  width: 20px;
  height:16px;
  background:rgb(202, 202, 202) none repeat scroll 0% 0% / auto padding-box border-box;
  mask-position:50% 50%;
  mask-size:contain;
  mask-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-header-193 {
  box-sizing:border-box;
}

.mega-loto-header-194 {
  display:none;
  color:rgb(56, 59, 65);
  font-size:10px;
  background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
  width: 20px;
  height:20px;
  border-radius:50%;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  line-height:10px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-195 {
  display:block;
  box-sizing:border-box;
}

.mega-loto-header-196 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  font-size:13px;
  box-sizing:border-box;
}

.mega-loto-header-197 {
  box-sizing:border-box;
}

.mega-loto-header-198 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-199 {
  box-sizing:border-box;
}

.mega-loto-header-200 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-201 {
  box-sizing:border-box;
}

.mega-loto-header-202 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-203 {
  box-sizing:border-box;
}

.mega-loto-header-204 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-205 {
  box-sizing:border-box;
}

.mega-loto-header-206 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-207 {
  border-bottom:0px solid rgb(236, 236, 236);
  box-sizing:border-box;
}

.mega-loto-header-208 {
  cursor:default;
  padding:15px 20px 5px;
  color:rgb(202, 202, 202);
  font-weight:600;
  display:grid;
  grid-template-columns:20px 1fr 20px;
  -webkit-box-align:center;
  align-items:center;
  font-size:13px;
  gap:8px;
  user-select:none;
  box-sizing:border-box;
}

.mega-loto-header-209 {
  mask-image:url('https://www.megaloterias.com.br/c17833cd99549aa4fcf1.svg');
  width: 20px;
  height:16px;
  background:rgb(202, 202, 202) none repeat scroll 0% 0% / auto padding-box border-box;
  mask-position:50% 50%;
  mask-size:contain;
  mask-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-header-210 {
  box-sizing:border-box;
}

.mega-loto-header-211 {
  display:none;
  color:rgb(56, 59, 65);
  font-size:10px;
  background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
  width: 20px;
  height:20px;
  border-radius:50%;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  line-height:10px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-212 {
  display:block;
  box-sizing:border-box;
}

.mega-loto-header-213 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  font-size:13px;
  box-sizing:border-box;
}

.mega-loto-header-214 {
  box-sizing:border-box;
}

.mega-loto-header-215 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-216 {
  box-sizing:border-box;
}

.mega-loto-header-217 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-218 {
  box-sizing:border-box;
}

.mega-loto-header-219 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-220 {
  box-sizing:border-box;
}

.mega-loto-header-221 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-222 {
  box-sizing:border-box;
}

.mega-loto-header-223 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-224 {
  box-sizing:border-box;
}

.mega-loto-header-225 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-226 {
  box-sizing:border-box;
}

.mega-loto-header-227 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-228 {
  box-sizing:border-box;
}

.mega-loto-header-229 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-230 {
  box-sizing:border-box;
}

.mega-loto-header-231 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-232 {
  box-sizing:border-box;
}

.mega-loto-header-233 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-234 {
  border-bottom:0px solid rgb(236, 236, 236);
  box-sizing:border-box;
}

.mega-loto-header-235 {
  cursor:default;
  padding:15px 20px 5px;
  color:rgb(202, 202, 202);
  font-weight:600;
  display:grid;
  grid-template-columns:20px 1fr 20px;
  -webkit-box-align:center;
  align-items:center;
  font-size:13px;
  gap:8px;
  user-select:none;
  box-sizing:border-box;
}

.mega-loto-header-236 {
  mask-image:url('https://www.megaloterias.com.br/a9a00e184556c1209741.svg');
  width: 20px;
  height:16px;
  background:rgb(202, 202, 202) none repeat scroll 0% 0% / auto padding-box border-box;
  mask-position:50% 50%;
  mask-size:contain;
  mask-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-header-237 {
  box-sizing:border-box;
}

.mega-loto-header-238 {
  display:none;
  color:rgb(56, 59, 65);
  font-size:10px;
  background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
  width: 20px;
  height:20px;
  border-radius:50%;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  line-height:10px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-239 {
  display:block;
  box-sizing:border-box;
}

.mega-loto-header-240 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  font-size:13px;
  box-sizing:border-box;
}

.mega-loto-header-241 {
  box-sizing:border-box;
}

.mega-loto-header-242 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-243 {
  box-sizing:border-box;
}

.mega-loto-header-244 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-245 {
  box-sizing:border-box;
}

.mega-loto-header-246 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-247 {
  box-sizing:border-box;
}

.mega-loto-header-248 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-249 {
  border-bottom:0px solid rgb(236, 236, 236);
  box-sizing:border-box;
}

.mega-loto-header-250 {
  cursor:default;
  padding:15px 20px 5px;
  color:rgb(202, 202, 202);
  font-weight:600;
  display:grid;
  grid-template-columns:20px 1fr 20px;
  -webkit-box-align:center;
  align-items:center;
  font-size:13px;
  gap:8px;
  user-select:none;
  box-sizing:border-box;
}

.mega-loto-header-251 {
  mask-image:url('https://www.megaloterias.com.br/a9a00e184556c1209741.svg');
  width: 20px;
  height:16px;
  background:rgb(202, 202, 202) none repeat scroll 0% 0% / auto padding-box border-box;
  mask-position:50% 50%;
  mask-size:contain;
  mask-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-header-252 {
  box-sizing:border-box;
}

.mega-loto-header-253 {
  display:none;
  color:rgb(56, 59, 65);
  font-size:10px;
  background:rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
  width: 20px;
  height:20px;
  border-radius:50%;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  line-height:10px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-254 {
  display:block;
  box-sizing:border-box;
}

.mega-loto-header-255 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  font-size:13px;
  box-sizing:border-box;
}

.mega-loto-header-256 {
  box-sizing:border-box;
}

.mega-loto-header-257 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-258 {
  box-sizing:border-box;
}

.mega-loto-header-259 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-260 {
  box-sizing:border-box;
}

.mega-loto-header-261 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-262 {
  box-sizing:border-box;
}

.mega-loto-header-263 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-264 {
  box-sizing:border-box;
}

.mega-loto-header-265 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-266 {
  box-sizing:border-box;
}

.mega-loto-header-267 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-268 {
  box-sizing:border-box;
}

.mega-loto-header-269 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-270 {
  box-sizing:border-box;
}

.mega-loto-header-271 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-272 {
  box-sizing:border-box;
}

.mega-loto-header-273 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-274 {
  box-sizing:border-box;
}

.mega-loto-header-275 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-276 {
  box-sizing:border-box;
}

.mega-loto-header-277 {
  padding:7px 7px 7px 15px;
  font-weight:600;
  margin:0px 15px;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  text-decoration:none;
  color:rgb(56, 59, 65);
  border-radius:5px;
  transition:0.1s linear;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-278 {
  box-sizing:border-box;
}

.mega-loto-header-279 {
  background:rgba(0, 0, 0, 0) url('https://www.megaloterias.com.br/1b2315efee1156574d00.svg') no-repeat scroll 50% 50% / auto padding-box border-box;
  opacity:0;
  display:block;
  width: 15px;
  height:15px;
  transition:0.1s linear;
  box-sizing:border-box;
}

.mega-loto-header-280 {
  margin: 0px;
    padding: 0px 5px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    margin-top: 9px;
}

.mega-loto-header-281 {
  display:block;
  width: 100%;
  color:rgb(78, 216, 135);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-282 {
  margin-top:-5.7px;
  transition:0.05s linear;
  opacity:1;
  display:block;
  overflow:hidden;
  font-size:14px;
  font-weight:400;
  text-indent:-999px;
  width: 100%;
  height: auto;
  box-sizing:border-box;
}

.mega-loto-header-282 img{
  position: relative;
  display: block;
  width: 115px;
  margin-top: -6px;
}

.mega-loto-header-283 {
  display:block;
  padding:0px 5px;
  box-sizing:border-box;
}

.mega-loto-header-284 {
  box-sizing:border-box;
}

.mega-loto-header-285 {
  display:flex;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  justify-content:space-around;
  margin:0px;
  gap:5px;
  flex-wrap:wrap;
  box-sizing:border-box;
}

.mega-loto-header-285 a,
.mega-loto-header-285 a:hover{
  text-decoration: none !important;
  color: rgb(56, 59, 65) !important;
}

.mega-loto-header-286 {
  box-sizing:border-box;
}

.mega-loto-header-287 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-288 {
  box-sizing:border-box;
}

.mega-loto-header-289 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-290 {
  box-sizing:border-box;
}

.mega-loto-header-291 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-292 {
  box-sizing:border-box;
}

.mega-loto-header-293 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-294 {
  box-sizing:border-box;
}

.mega-loto-header-295 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-296 {
  box-sizing:border-box;
}

.mega-loto-header-297 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-298 {
  box-sizing:border-box;
}

.mega-loto-header-299 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-300 {
  box-sizing:border-box;
}

.mega-loto-header-301 {
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  color:rgb(56, 59, 65);
  position:relative;
  padding:5px 0px;
  display:block;
  font-size:12px;
  white-space:nowrap;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-header-302 {
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  font-size-adjust:none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-weight:400;
  font-stretch:100%;
  line-height:12px;
  font-family:FontAwesome;
  font-size:12px;
  text-rendering: auto;
  -webkit-font-smoothing:antialiased;
  color:rgb(78, 216, 135);
  box-sizing:border-box;
}

.mega-loto-header-303 {
  display:flex;
  opacity:1;
  pointer-events:auto;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  flex-direction:row;
  -webkit-box-pack:end;
  justify-content:flex-end;
  -webkit-box-align:center;
  align-items:center;
  width: 100%;
  margin: 0px auto;
  max-width:274px;
  height:80px;
  box-sizing:border-box;
}

.mega-loto-header-304,
.mega-loto-header-304:hover {
    display: block;
    margin: 5px;
    width: 50%;
    height: 30px;
    border-radius: 15px;
    background: rgb(13 53 207) none repeat scroll 0% 0% / auto padding-box border-box;
    overflow: hidden;
    line-height: 26px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-align: center;
    border: 0.8px solid rgb(13 53 207);
    font-size: 12px;
    font-weight: 700;
    transition: 0.1s linear;
    box-sizing: border-box;
    background-color: rgb(13 53 207);
}

.mega-loto-header-305,
.mega-loto-header-305:hover {
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  color:rgb(13 53 207);
  display:block;
  margin:5px;
  width: 50%;
  height:30px;
  border-radius:15px;
  overflow:hidden;
  line-height:26px;
  text-decoration:none;
  text-align:center;
  border:0.8px solid rgb(13 53 207);
  font-size:12px;
  font-weight:700;
  transition:0.1s linear;
  box-sizing:border-box;
  background-color:rgb(255, 255, 255);
}

.mega-loto-header-306 {
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  font-size-adjust:none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-weight:400;
  font-stretch:100%;
  line-height:12px;
  font-family:FontAwesome;
  font-size:12px;
  text-rendering: auto;
  -webkit-font-smoothing:antialiased;
  margin-right:3.6px;
  box-sizing:border-box;
}

.mega-loto-header-307 {
  position:relative;
  cursor:pointer;
  border:0px none rgb(0, 0, 0);
  font-size:20px;
  border-radius:50%;
  height:30px;
  width: 30px;
  transition:0.2s;
  background-color:rgba(0, 0, 0, 0);
  flex-shrink:0;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
  appearance:button;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:23px;
  margin:0px;
}

.mega-loto-header-308 {
  width: 24px;
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-header-309 {
  position:absolute;
  top:-5px;
  left:-3px;
  background:rgb(255, 78, 78) none repeat scroll 0% 0% / auto padding-box border-box;
  min-width:18px;
  padding:0px 3px;
  height:18px;
  line-height:18px;
  border-radius:50%;
  color:rgb(255, 255, 255);
  font-size:12px;
  text-align:center;
  box-sizing:border-box;
}

.mega-loto-header-310 {
  display:none;
  position:relative;
  cursor:pointer;
  border:0px none rgb(0, 0, 0);
  font-size:20px;
  border-radius:50%;
  height:30px;
  width: 30px;
  transition:0.2s;
  background-color:rgba(0, 0, 0, 0);
  flex-shrink:0;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
  appearance:button;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:23px;
  margin:0px;
}

.mega-loto-header-311 {
  width: 24px;
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-header-312 {
  position:absolute;
  top:-5px;
  left:-3px;
  background:rgb(255, 78, 78) none repeat scroll 0% 0% / auto padding-box border-box;
  min-width:18px;
  padding:0px 3px;
  height:18px;
  line-height:18px;
  border-radius:50%;
  color:rgb(255, 255, 255);
  font-size:12px;
  text-align:center;
  box-sizing:border-box;
}

.mega-loto-header-313 {
  display:block;
  position:relative;
  box-sizing:border-box;
}

.mega-loto-header-314 {
  appearance:none;
  padding:0px;
  outline:rgb(0, 0, 0) none 0px;
  display:block;
  border:0.8px solid rgb(235, 235, 235);
  width: 38px;
  height:38px;
  background:rgb(255, 255, 255) url('../images/11a912d1e53a42180c12.svg') no-repeat scroll 50% 50% / 20px padding-box border-box;
  position:relative;
  box-sizing:border-box;
  border-radius:4px;
  margin: 0px auto 5px;
  cursor:pointer;
  user-select:none;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:16.1px;
}

.mega-loto-header-315 {
  display:block;
  position:absolute;
  top:63px;
  right:0px;
  opacity:0;
  transform:matrix(0.2, 0, 0, 0.2, 0, 0);
  will-change:transform;
  transform-origin:380px 0px;
  transition-duration:0.18s;
  pointer-events:none;
  --minicart-header-height: 46px;
  width: 100vw;
  max-height:624.6px;
  overflow: auto;
  max-width:380px;
  background:rgb(251, 251, 251) none repeat scroll 0% 0% / auto padding-box border-box;
  box-shadow:rgba(158, 175, 201, 0.5) 0px 0px 30px 0px;
  padding:0px;
  border-radius:11px;
  z-index:10;
  min-height:310px;
  --minicart-footer-height: 100px;
  box-sizing:border-box;
}

.mega-loto-header-316 {
  padding:16px 20px 11px;
  height:46px;
  border-bottom:0.8px solid rgba(223, 225, 229, 0.7);
  box-sizing:border-box;
}

.mega-loto-header-317 {
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  align-items:center;
  margin:0px;
  box-sizing:border-box;
}

.mega-loto-header-318 {
  box-sizing:border-box;
  font-weight:700;
}

.mega-loto-header-319 {
  box-sizing:border-box;
}

.mega-loto-header-320 {
  color:rgb(78, 216, 135);
  box-sizing:border-box;
}

.mega-loto-header-321 {
  margin:0px;
  appearance:none;
  border-radius:0px;
  border:0px none rgb(151, 151, 151);
  padding:0px;
  background-image:none;
  outline:rgb(151, 151, 151) none 0px;
  background-color:rgba(0, 0, 0, 0);
  transition:opacity 0.2s;
  cursor:pointer;
  color:rgb(151, 151, 151);
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:16.1px;
}

.mega-loto-header-322 {
  display:flex;
  height:380px;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  gap:10px;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  min-height:380px;
  box-sizing:border-box;
}

.mega-loto-header-323 {
  width: 108px;
  height:108px;
  background-color:rgba(237, 237, 237, 0.6);
  border-radius:50%;
  display:flex;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
  box-sizing:border-box;
}

.mega-loto-header-324 {
  mask-image:url('https://www.megaloterias.com.br/11a912d1e53a42180c12.svg');
  mask-size:100%;
  background-color:rgb(225, 224, 225);
  width: 68px;
  height:52px;
  box-sizing:border-box;
}

.mega-loto-header-325 {
  font-size:14px;
  font-weight:700;
  box-sizing:border-box;
}

.main-content.active{
  padding-top: 89px !important;
}


/* Container principal com o prefixo */
        .super-banner-pil-carousel-container {
            width: 100%;
            max-width: 95%;
            margin: auto;
            position: relative; /* Necessário para posicionar as setas */
        }

        /* Estilo de cada item (imagem) DENTRO do nosso container */
        .super-banner-pil-carousel-container .item img {
            display: block;
            width: 100%;
            height: auto;
        }

        /* --- Estilização das Setas (DENTRO do nosso container) --- */

        /* Esconde os 'dots' DENTRO do nosso container */
        .super-banner-pil-carousel-container .owl-dots {
            display: none !important;
        }

        /* Estilização dos botões DENTRO do nosso container */
        .super-banner-pil-carousel-container .owl-nav button.owl-prev,
        .super-banner-pil-carousel-container .owl-nav button.owl-next {
            position: absolute !important;
            top: 50% !important;
            transform: translateY(-50%) !important;
            
            background: rgba(255, 255, 255, 0.8) !important;
            color: #333 !important;
            
            width: 45px !important;
            height: 45px !important;
            border-radius: 50% !important;
            
            font-size: 28px !important;
            line-height: 1;
            
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            transition: background 0.3s ease, box-shadow 0.3s ease;

            outline: none !important;
        }

        /* Posição da seta "Anterior" DENTRO do nosso container */
        .super-banner-pil-carousel-container .owl-nav button.owl-prev {
            left: -20px !important;
        }

        /* Posição da seta "Próximo" DENTRO do nosso container */
        .super-banner-pil-carousel-container .owl-nav button.owl-next {
            right: -20px !important;
        }

        /* Efeito ao passar o mouse DENTRO do nosso container */
        .super-banner-pil-carousel-container .owl-nav button.owl-prev:hover,
        .super-banner-pil-carousel-container .owl-nav button.owl-next:hover {
            background: #ffffff !important;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .super-banner-pil-carousel-container .owl-nav button.owl-prev span,
        .super-banner-pil-carousel-container .owl-nav button.owl-next span{
          display: block;
          margin-top: -5px;
        }



        /* * --- Container Principal ---
         * Este é o container que terá sua cor de fundo alterada.
         * Usamos variáveis CSS (--active-bg-color e --active-tab-color) 
         * que serão atualizadas via JavaScript.
        */
        .lottery-tabs-container {
            /* Cores iniciais (Mega-Sena) */
            --active-bg-color: #2dc66c;
            --active-tab-color: #00A859;

            width: 100%;
            min-height: 450px; /* Ocupa 100% da altura da tela */
            background-color: var(--active-bg-color);
            transition: background-color 0.3s ease-in-out;
        }

        /* --- Navegação das Abas --- */
        .lottery-tabs-nav {
            display: flex;
            justify-content: space-around;
            background-color: #ffffff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .lottery-tab {
            flex-grow: 1;
            padding: 18px 10px;
            cursor: pointer;
            border: none;
            background: none;
            font-size: 1rem;
            font-weight: 600;
            color: #555;
            text-align: center;
            border-bottom: 4px solid transparent;
            transition: color 0.3s, border-bottom-color 0.3s;
            white-space: nowrap;
            outline: none !important;
        }

        /* Estilo da aba ativa, usando a cor da variável */
        .lottery-tab.active {
            color: var(--active-tab-color);
            border-bottom-color: var(--active-tab-color);
            outline: none !important;
        }

        /* --- Controle de Texto (Mobile/Desktop) --- */
        .tab-mobile { display: block; }
        .tab-desktop { display: none; }


        /* --- Conteúdo das Abas --- */
        .lottery-tabs-content {
            padding: 24px 16px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .lottery-tab-panel {
            display: none; /* Todas as abas começam escondidas */
        }

        .lottery-tab-panel.active {
            display: block; /* A aba ativa é exibida */
            animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* * --- Grid de Cards ---
         * Layout mobile-first: 1 coluna por padrão
        */
        .card-grid {
            display: grid;
            grid-template-columns: 1fr; /* 1 coluna no mobile */
            gap: 20px;
        }

        .lottery-card {
           
        }

      

        /* * --- Media Query para Desktop ---
         * Altera para 3 colunas e mostra o texto completo das abas
        */
        @media (min-width: 768px) {
            .tab-mobile { display: none; }
            .tab-desktop { display: block; }

            .lottery-tabs-content {
                padding: 40px;
            }

            .card-grid {
                grid-template-columns: repeat(3, 1fr); /* 3 colunas no desktop */
            }
            
            .lottery-tab {
                font-size: 1.1rem;
            }
        }


        .mega-loto-card-jogo-326 {
  position:relative;
  font-size:14px;
  overflow:hidden;
  --lot-color: #4fd787;
  --lot-color-light: rgb(203.6666666667, 243.3333333333, 220);
  box-sizing:border-box;
}

.mega-loto-card-jogo-327 {
  position:absolute;
  top:0px;
  left:50%;
  transform:matrix(1, 0, 0, 1, -20, 0);
  z-index:2;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  color:rgb(56, 59, 65);
  border-color:rgb(255, 255, 255);
  box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 0px;
  font-weight:400;
  font-size:16px;
  width: 40px;
  height:40px;
  border-radius:20px;
  padding:0px;
  margin:0px;
  appearance:none;
  background-image:none;
  outline:rgb(56, 59, 65) none 0px;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  border:0.8px solid rgb(255, 255, 255);
  background-color:rgb(255, 255, 255);
  cursor:pointer;
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:18.4px;
}

.mega-loto-card-jogo-328 {
  display:block;
  font-style:normal;
  font-variant:normal;
  font-size-adjust:none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-weight:400;
  font-stretch:100%;
  line-height:16px;
  font-family:FontAwesome;
  font-size:16px;
  text-rendering: auto;
  -webkit-font-smoothing:antialiased;
  margin-right:0px;
  box-sizing:border-box;
}

.mega-loto-card-jogo-329 {
  width: 280px;
  height:280px;
  border:8px solid rgb(255, 255, 255);
  position:relative;
  color:rgb(255, 255, 255);
  border-radius:50%;
  margin: 6px auto;
  z-index:0;
  padding-top:36px;
  background-color:transparent;
  box-sizing:border-box;
}

.mega-loto-card-jogo-330 {
  font-size:27px;
  line-height:27px;
  font-weight:800;
  text-align:center;
  position:relative;
  z-index:2;
  box-sizing:border-box;
}

.mega-loto-card-jogo-331 {
  box-sizing:border-box;
}

.mega-loto-card-jogo-332 {
  box-sizing:border-box;
}

.mega-loto-card-jogo-333 {
  box-sizing:border-box;
}

.mega-loto-card-jogo-334 {
  color:rgba(255, 255, 255, 0.7);
  box-sizing:border-box;
}

.mega-loto-card-jogo-335 {
  font-size:16px;
  box-sizing:border-box;
}

.mega-loto-card-jogo-336 {
  color:rgba(255, 255, 255, 0.7);
  box-sizing:border-box;
}

.mega-loto-card-jogo-337 {
  background-image:url('../images/f018bf1f44035c86dace.png');
  width: 149px;
  height:120px;
  filter: grayscale(1);
  z-index:1;
  position:absolute;
  bottom:0px;
  left:132px;
  transform:matrix(1, 0, 0, 1, -74.5, 0);
  background-position:50% 50%;
  background-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-card-jogo-338 {
  font-size:14px;
  padding:5px;
  width: 228px;
  height:40px;
  border-radius:20px;
  position:absolute;
  z-index:2;
  bottom:18px;
  left:50%;
  font-weight:700;
  transform:matrix(1, 0, 0, 1, -114, 0);
  background:rgba(0, 0, 0, 0) linear-gradient(271.04deg, rgb(255, 153, 0) 38.83%, rgb(249, 218, 81) 120.22%) repeat scroll 0% 0% / auto padding-box border-box;
  box-shadow:rgba(255, 189, 75, 0.45) 0px 0px 24px 0px;
  margin:0px;
  appearance:none;
  border:0px none rgb(255, 255, 255);
  background-image:linear-gradient(271.04deg, rgb(255, 153, 0) 38.83%, rgb(249, 218, 81) 120.22%);
  outline:rgb(255, 255, 255) none 0px;
  color:rgb(255, 255, 255);
  display:flex;
  text-align:left;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  background-color:rgba(0, 0, 0, 0);
  cursor:pointer;
  border-color:rgb(255, 255, 255);
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:16.1px;
}

.mega-loto-card-jogo-339 {
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  display:block;
  width: 1.5em;
  height:21px;
  margin-right:7px;
  
  box-sizing:border-box;
  display: none;
}

.mega-loto-card-jogo-340 {
  max-width:calc(100% - 28px);
  display:block;
  padding-right:7px;
  box-sizing:border-box;
}


.mega-loto-card-jogo-329::before {
    content: "";
    display: block;
    width: 335px;
    height: 72px;
    background: url('../images/39d49bd98ffe860e9f7b.webp');
    z-index: 1;
    position: absolute;
    bottom: 44px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    pointer-events: none;
}




.mega-loto-como-funciona-341 {
  border-radius:10px;
  transform: matrix(1, 0, 0, 1, 0, -48.4);
    max-width: 80%;
  padding:30px;
  box-shadow:rgba(158, 175, 201, 0.27) 0px 0px 40px 0px;
  margin: 0px auto;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-sizing:border-box;
}

@media(max-width:540px){
  .mega-loto-como-funciona-341 {
    border-radius:10px;
    transform: matrix(1, 0, 0, 1, 0, -48.4);
    max-width: 95%;
  }
}

.mega-loto-como-funciona-342 {
  display:grid;
  grid-template-columns:416.663px 416.663px 416.663px;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  color:rgb(126, 126, 126);
  box-sizing:border-box;
}

.mega-loto-como-funciona-343 {
  border-right:0.8px solid rgba(0, 0, 0, 0.15);
  display:flex;
  height: auto;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-como-funciona-344 {
  max-width:220px;
  margin: 0px auto;
  display:grid;
  grid-template-columns:40px 89.4125px 40px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-345 {
  color:rgb(78, 216, 135);
  font-weight:700;
  font-size:40px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-346 {
  background-image:url('../images/2a031de2a94e7c5b605d.svg');
  width: 50px;
  height:50px;
  margin: 0px auto;
  background-position:50% 50%;
  background-size:contain;
  background-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-como-funciona-347 {
  font-size:17px;
  line-height:20.4px;
  text-align:center;
  grid-area: 2 / 1 / auto / span 3;
  margin-top:10px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-348 {
  box-sizing:border-box;
}

.mega-loto-como-funciona-349 {
  border-right:0.8px solid rgba(0, 0, 0, 0.15);
  display:flex;
  height: auto;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-como-funciona-350 {
  max-width:220px;
  margin: 0px auto;
  display:grid;
  grid-template-columns:40px 102.95px 40px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-351 {
  color:rgb(78, 216, 135);
  font-weight:700;
  font-size:40px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-352 {
  background-image:url('../images/d3f02cf86987c4bdaddf.svg');
  width: 50px;
  height:50px;
  margin: 0px auto;
  background-position:50% 50%;
  background-size:contain;
  background-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-como-funciona-353 {
  font-size:17px;
  line-height:20.4px;
  text-align:center;
  grid-area: 2 / 1 / auto / span 3;
  margin-top:10px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-354 {
  box-sizing:border-box;
}

.mega-loto-como-funciona-355 {
  display:flex;
  height: auto;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-como-funciona-356 {
  max-width:220px;
  margin: 0px auto;
  display:grid;
  grid-template-columns:40px 77.1px 40px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-357 {
  color:rgb(78, 216, 135);
  font-weight:700;
  font-size:40px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-358 {
  background-image:url('../images/1ae73e7e73560eb2a27b.svg');
  width: 50px;
  height:50px;
  margin: 0px auto;
  background-position:50% 50%;
  background-size:contain;
  background-repeat:no-repeat;
  box-sizing:border-box;
}

.mega-loto-como-funciona-359 {
  font-size:17px;
  line-height:20.4px;
  text-align:center;
  grid-area: 2 / 1 / auto / span 3;
  margin-top:10px;
  box-sizing:border-box;
}

.mega-loto-como-funciona-360 {
  box-sizing:border-box;
}

.mega-loto-como-funciona-361 {
  display:none;
  background:rgb(57, 79, 239) none repeat scroll 0% 0% / auto padding-box border-box;
  width: calc(100% + 20px);
  margin:0px -10px -10px;
  border-radius:0px 0px 30px 30px;
  overflow:hidden;
  padding:13px;
  justify-content:space-evenly;
  box-sizing:border-box;
}

.mega-loto-como-funciona-362 {
  color:rgb(255, 255, 255);
  background:rgb(124, 140, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  margin:0px;
  appearance:none;
  border:0px none rgb(255, 255, 255);
  padding:0px;
  outline:rgb(255, 255, 255) none 0px;
  background-image:none;
  background-color:rgb(124, 140, 255);
  border-radius:50%;
  height:36px;
  width: 36px;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  font-size:23px;
  font-weight:700;
  transition:0.1s linear;
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:26.45px;
}

.mega-loto-como-funciona-363 {
  margin:0px;
  appearance:none;
  border:0px none rgb(57, 79, 239);
  padding:0px;
  outline:rgb(57, 79, 239) none 0px;
  background-image:none;
  background-color:rgb(0, 26, 212);
  border-radius:50%;
  height:36px;
  width: 36px;
  color:rgb(57, 79, 239);
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  font-size:23px;
  font-weight:700;
  transition:0.1s linear;
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:26.45px;
}

.mega-loto-como-funciona-364 {
  margin:0px;
  appearance:none;
  border:0px none rgb(57, 79, 239);
  padding:0px;
  outline:rgb(57, 79, 239) none 0px;
  background-image:none;
  background-color:rgb(0, 26, 212);
  border-radius:50%;
  height:36px;
  width: 36px;
  color:rgb(57, 79, 239);
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  align-items:center;
  font-size:23px;
  font-weight:700;
  transition:0.1s linear;
  box-sizing:border-box;
  text-transform:none;
  overflow:visible;
  font-family:Nunito, Arial, Helvetica, sans-serif;
  line-height:26.45px;
}




.mega-loto-rodape-footer-365 {
  font-size:14px;
  background:rgb(245, 245, 245) none repeat scroll 0% 0% / auto padding-box border-box;
  padding:28px 0px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-366 {
  padding-bottom:0px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-367 {
  max-width:1340px;
  box-sizing:border-box;
  width: 100%;
  padding-right:15px;
  padding-left:15px;
  margin-right: auto;
  margin-left: auto;
}

.mega-loto-rodape-footer-368 {
  display:flex;
  flex-wrap:wrap;
  margin-right:0px;
  margin-left:0px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-369 {
  -webkit-box-flex:0;
  flex:0 0 25%;
  max-width:25%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-370 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-371 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-372 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-373 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-374 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-375 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-376 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-377 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-378 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-379 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-380 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-381 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-382 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-383 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-384 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-385 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-386 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-387 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-388 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-389 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-390 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-391 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-392 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-393 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-394 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-395 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-396 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-397 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-398 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-399 {
  -webkit-box-flex:0;
  flex:0 0 25%;
  max-width:25%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-400 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-401 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-402 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-403 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-404 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-405 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-406 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-407 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-408 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-409 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-410 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-411 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-412 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-413 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-414 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-415 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-416 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-417 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-418 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-419 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-420 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-421 {
  -webkit-box-flex:0;
  flex:0 0 25%;
  max-width:25%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-422 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-423 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-424 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-425 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-426 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-427 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-428 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-429 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-430 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-431 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-432 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-433 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-434 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-435 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-436 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-437 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-438 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-439 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-440 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-441 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-442 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-443 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-444 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-445 {
  -webkit-box-flex:0;
  flex:0 0 25%;
  max-width:25%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-446 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-447 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-448 {
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-449 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-450 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-451 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-452 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-453 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-454 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-455 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-456 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-457 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-458 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-459 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-460 {
  line-height:21px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-461 {
  -webkit-box-flex:0;
  flex:0 0 100%;
  max-width:100%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-462 {
  position:relative;
  text-align:center;
  grid-column:1 / 3;
  margin:0px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-463 {
  font-weight:700;
  font-size:16.8px;
  margin-bottom:8.4px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-464 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-465 {
  display:grid;
  grid-template-columns:40px 31.7125px 40px 34px 40px 31.7125px 31.7125px 31.7125px 31.7125px 50px 50px 31.7125px 31.7125px;
  text-align:center;
  gap:7px;
  margin: 0px auto;
  max-width:560px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-466 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-467 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-468 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-469 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-470 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-471 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-472 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-473 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-474 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-475 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-476 {
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-477 {
  width: 100%;
  display:flex;
  flex-wrap:wrap;
  max-width:650px;
  margin: 0px auto;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-478 {
  -webkit-box-flex:0;
  flex:0 0 33.3333%;
  max-width:33.3333%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-479 {
  height:42px;
  margin-top:-6.4875px;
  transition:0.05s linear;
  opacity:1;
  display:block;
  overflow:hidden;
  font-size:14px;
  font-weight:400;
  text-indent:-999px;
  width: 100%;
  background-image:url('https://www.megaloterias.com.br/118b435e73dc11e1c6c3.svg');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:50% 50%;
  margin:-6.4875px 0px 0px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-480 {
  -webkit-box-flex:0;
  flex:0 0 33.3333%;
  max-width:33.3333%;
  padding:14px 0px;
  font-size:14px;
  box-sizing:border-box;
  position:relative;
  width: 100%;
  padding-right:0px;
  padding-left:0px;
}

.mega-loto-rodape-footer-481 {
  max-width:200px;
  margin: 0px auto;
  display:flex;
  -webkit-box-pack:center;
  justify-content:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-482 {
  -webkit-box-pack:start;
  justify-content:normal;
  border-left:0.8px solid rgb(151, 151, 151);
  border-right:0.8px solid rgb(151, 151, 151);
  display:flex;
  text-align:center;
  margin:0px;
  list-style:outside none none;
  padding:0px;
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-483 {
  display:block;
  font-size:28px;
  line-height:28px;
  margin:0px 14px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-484 {
  line-height:42px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-485 {
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  font-size-adjust:none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-weight:400;
  font-stretch:100%;
  line-height:28px;
  font-family:FontAwesome;
  font-size:28px;
  text-rendering: auto;
  -webkit-font-smoothing:antialiased;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-486 {
  display:block;
  font-size:28px;
  line-height:28px;
  margin:0px 14px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-487 {
  line-height:42px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-488 {
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  font-size-adjust:none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-weight:400;
  font-stretch:100%;
  line-height:28px;
  font-family:FontAwesome;
  font-size:28px;
  text-rendering: auto;
  -webkit-font-smoothing:antialiased;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-489 {
  display:block;
  font-size:28px;
  line-height:28px;
  margin:0px 14px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-490 {
  line-height:42px;
  text-decoration:none;
  color:rgb(56, 59, 65);
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-491 {
  width: 60px;
  display:block;
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-492 {
  -webkit-box-flex:0;
  flex:0 0 25%;
  max-width:25%;
  box-sizing:border-box;
  -webkit-box-align:center;
  align-items:center;
  -webkit-box-pack:center;
  justify-content:center;
  display:flex;
  position:relative;
  width: 100%;
  padding-right:15px;
  padding-left:15px;
}

.mega-loto-rodape-footer-493 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-494 {
  width:136px;
  height:48px;
  overflow:hidden;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-495 {
  color:rgb(56, 59, 65);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-496 {
  visibility: hidden;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-497 {
  width:36px;
  height:36px;
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-498 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-499 {
  box-sizing:border-box;
}

.mega-loto-rodape-footer-500 {
  width:74px;
  height:14px;
  box-sizing:border-box;
  border-style:none;
}

.mega-loto-rodape-footer-501 {
  font-size:11px;
  line-height:16.5px;
  box-sizing:border-box;
}

.mega-loto-rodape-footer-502 {
  max-width:1340px;
  box-sizing:border-box;
  width: 100%;
  padding-right:15px;
  padding-left:15px;
  margin-right: auto;
  margin-left: auto;
}

.mega-loto-rodape-footer-503 {
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px;
}

.mega-loto-rodape-footer-504 {
  -webkit-box-align:center;
  align-items:center;
  box-sizing:border-box;
  -webkit-box-pack:center;
  justify-content:center;
  display:flex;
  -webkit-box-flex:0;
  flex:0 0 100%;
  max-width:100%;
  position:relative;
  width: 100%;
  padding-right:15px;
  padding-left:15px;
}

.mega-loto-rodape-footer-505 {
  box-sizing:border-box;
  margin-right:7px;
  border-style:none;
  width: 25px;
}

.mega-loto-rodape-footer-506 {
  box-sizing:border-box;
  margin:0px;
}

.mega-loto-rodape-footer-507 {
  box-sizing:border-box;
  -webkit-box-flex:0;
  flex:0 0 100%;
  max-width:100%;
  position:relative;
  width: 100%;
  padding-right:15px;
  padding-left:15px;
}

.mega-loto-rodape-footer-508 {
  box-sizing:border-box;
  text-align:center;
}

.mega-loto-rodape-footer-509 {
  color:rgb(78, 216, 135);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-510 {
  color:rgb(78, 216, 135);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-rodape-footer-511 {
  box-sizing:border-box;
}



.mega-loto-breadcrumb-512 {
  margin:0px;
  list-style:outside none none;
  display:flex;
  flex-wrap:wrap;
  padding:7px 0px;
  color:rgba(0, 0, 0, 0.7);
  box-sizing:border-box;
  padding-top:30px;
}

.mega-loto-breadcrumb-512 * a,
.mega-loto-breadcrumb-512 * a:hover{
  text-decoration: none !important;
  font-size: 13px;
    opacity: 0.7;
}

.mega-loto-breadcrumb-513 {
  display:flex;
  box-sizing:border-box;
}

.mega-loto-breadcrumb-514 {
  color:rgb(0, 0, 0);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-breadcrumb-515 {
  box-sizing:border-box;
}

.mega-loto-breadcrumb-516 {
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  font-size-adjust:none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-weight:400;
  font-stretch:100%;
  line-height:14px;
  font-family:FontAwesome;
  font-size:14px;
  text-rendering: auto;
  -webkit-font-smoothing:antialiased;
  box-sizing:border-box;
}

.mega-loto-breadcrumb-517 {
  box-sizing:border-box;
  display:inline;
}

.mega-loto-breadcrumb-518 {
  box-sizing:border-box;
}

.mega-loto-breadcrumb-519 {
  padding-left:4.2px;
  display:flex;
  box-sizing:border-box;
}

.mega-loto-breadcrumb-520 {
  color:rgb(0, 0, 0);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-breadcrumb-521 {
  box-sizing:border-box;
}

.mega-loto-breadcrumb-522 {
  box-sizing:border-box;
}

.mega-loto-breadcrumb-523 {
  padding-left:4.2px;
  display:flex;
  box-sizing:border-box;
}

.mega-loto-breadcrumb-524 {
  color:rgba(0, 0, 0, 0.7);
  text-decoration:none;
  box-sizing:border-box;
  background-color:rgba(0, 0, 0, 0);
}

.mega-loto-breadcrumb-525 {
  box-sizing:border-box;
}

.mega-loto-breadcrumb-526 {
  box-sizing:border-box;
}

.mega-loto-titulo-conteudo-527 {
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-shadow:rgba(158, 175, 201, 0.27) 0px 0px 30px 0px;
  border-radius:10px;
  display:block;
  width: 100%;
  padding:35px 0px;
  font-size:40px;
  margin:0px;
  margin-top: 20px;
  line-height:58.8px;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
}


.mega-loto-texto-conteudo-528 {
  margin-top:0px;
  background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  box-shadow:rgba(158, 175, 201, 0.27) 0px 0px 30px 0px;
  border-radius:10px;
  padding:14px;
  font-size:16px;
  color:rgb(56, 59, 65);
  line-height:24px;
  box-sizing:border-box;

  padding: 34px;
  margin-top: 50px;
}

.mega-loto-texto-conteudo-529 *{
  box-sizing:border-box;
}

.mega-loto-texto-conteudo-529 img{
  max-width: 100%;
  height: auto;
}

.conteudo-nao-homepage{
   /* background: url(../images/866b7cd369983ddb0d49.svg) no-repeat left 0 top 170px, url(../images/287fc0cfcf5e4accdd9b.svg) no-repeat right 0 top 12%;
    background-size: auto; */
    background:#f7f6f6;
    position: relative;
    display: block;
}

.mega-loto-barra-fixa-app-mobile-530{
  display: none;
}

@media(max-width:540px){
  .mega-loto-header-285{
    display: none;
  }
  .mega-loto-como-funciona-341{
    padding: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .mega-loto-como-funciona-342{
    display: block;
  }
  .mega-loto-rodape-footer-368 {
    display: flex;
  }
  .mega-loto-rodape-footer-369,
  .mega-loto-rodape-footer-399,
  .mega-loto-rodape-footer-421,
  .mega-loto-rodape-footer-445{
    -webkit-box-flex: 0;
    flex: 0 0 49%;
    max-width: 49%;
  }
  .mega-loto-rodape-footer-504{
    display: block;
    text-align: center;
  }
  .mega-loto-rodape-footer-505 {
      box-sizing: border-box;
      margin-right: 7px;
      border-style: none;
      width: 42px;
      display: block;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto;
  }
  .mega-loto-rodape-footer-503 {
    box-sizing: border-box;
    display: block;
    text-align: center;
  }


    /* BARRA FIXA MOBILE */
    .mega-loto-barra-fixa-app-mobile-530 {
      height: 68px;
      background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
      width: 100%;
      z-index: 10;
      position: fixed;
      bottom: 0;
      left: 0;
      display: flex;
      margin: 0px auto;
      box-shadow: rgba(158, 175, 201, 0.2) 10px 4px 20px 0px;
      border-radius: 9px 9px 0px 0px;
      box-sizing: border-box;
      padding: 0px;
    }

    .mega-loto-barra-fixa-app-mobile-530 *,
    .mega-loto-barra-fixa-app-mobile-530 *:hover{
      outline: none !important;
    }

    .mega-loto-barra-fixa-app-mobile-531 {
      display:grid;
      grid-template-columns:119.6px 119.6px 119.6px;
      grid-template-rows:68px;
      margin: 0px auto;
      overflow:hidden;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-532 {
      display:none;
      width: 100%;
      height:100%;
      -webkit-box-pack:center;
      justify-content:space-around;
      -webkit-box-align:center;
      align-items:center;
      -webkit-box-orient:horizontal;
      -webkit-box-direction:normal;
      flex-direction:row;
      text-decoration:none;
      padding:5px;
      transition:box-shadow 0.2s;
      box-shadow:rgba(158, 175, 201, 0.2) 0px 0px 20px 0px;
      background-color:rgba(0, 0, 0, 0);
      border:0px none rgb(56, 59, 65);
      border-radius:0px 9px 9px 0px;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-533 {
      display:flex;
      width: 100%;
      height:68px;
      -webkit-box-pack:center;
      justify-content:center;
      -webkit-box-align:center;
      align-items:center;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column;
      text-decoration:none;
      padding:5px;
      transition:box-shadow 0.2s;
      box-shadow:rgba(158, 175, 201, 0) 0px 0px 40px 0px;
      background-color:rgba(0, 0, 0, 0);
      border:0px none rgb(78, 216, 135);
      color:rgb(78, 216, 135);
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-534 {
      width: 20px;
      height:20px;
      position:relative;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-535 {
      mask-image:url('../images/07b11620b261563000cf.svg');
      display:block;
      width: 20px;
      height:20px;
      background:rgb(140, 140, 140) none repeat scroll 0% 0% / auto padding-box border-box;
      mask-repeat:no-repeat;
      mask-position:50% 50%;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-536 {
      color:rgb(56, 59, 65);
      font-size:13.2px;
      font-weight:600;
      text-align:center;
      line-height:14.52px;
      margin-top:6px;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-537 {
      display:flex;
      width: 100%;
      height:68px;
      -webkit-box-pack:center;
      justify-content:center;
      -webkit-box-align:center;
      align-items:center;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column;
      text-decoration:none;
      padding:5px;
      transition:box-shadow 0.2s;
      box-shadow:rgba(158, 175, 201, 0) 0px 0px 40px 0px;
      background-color:rgba(0, 0, 0, 0);
      border:0px none rgb(78, 216, 135);
      color:rgb(78, 216, 135);
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-538 {
      width: 20px;
      height:20px;
      position:relative;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-539 {
      background-color: #3647c7;
      mask-image:url('../images/163158ca017db4ab21a3.svg');
      display:block;
      width: 20px;
      height:20px;
      mask-repeat:no-repeat;
      mask-position:50% 50%;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-540 {
      color:rgb(56, 59, 65);
      font-size:13.2px;
      font-weight:600;
      text-align:center;
      line-height:14.52px;
      margin-top:6px;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-541 {
      display:flex;
      width: 100%;
      height:68px;
      -webkit-box-pack:center;
      justify-content:center;
      -webkit-box-align:center;
      align-items:center;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      flex-direction:column;
      text-decoration:none;
      padding:5px;
      transition:box-shadow 0.2s;
      box-shadow:rgba(158, 175, 201, 0) 0px 0px 40px 0px;
      background-color:rgba(0, 0, 0, 0);
      border:0px none rgb(0, 0, 0);
      box-sizing:border-box;
      appearance:button;
      text-transform:none;
      overflow:visible;
      font-family:Nunito, Arial, Helvetica, sans-serif;
      font-size:12px;
      line-height:13.8px;
      margin:0px;
    }

    .mega-loto-barra-fixa-app-mobile-542 {
      width: 20px;
      height:20px;
      position:relative;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-543 {
      mask-image:url('../images/11a912d1e53a42180c12.svg');
      display:block;
      width: 20px;
      height:20px;
      background:rgb(140, 140, 140) none repeat scroll 0% 0% / auto padding-box border-box;
      mask-repeat:no-repeat;
      mask-position:50% 50%;
      box-sizing:border-box;
    }

    .mega-loto-barra-fixa-app-mobile-544 {
      color:rgb(56, 59, 65);
      font-size:13.2px;
      font-weight:600;
      text-align:center;
      line-height:14.52px;
      margin-top:6px;
      box-sizing:border-box;
    }

    .mega-loto-header-304,
    .mega-loto-header-305,
    .mega-loto-header-313{
      display: none !important;
    }

    .mega-loto-header-310{
        display: block;
        position: absolute;
        cursor: pointer;
        border: 0px none rgb(0, 0, 0);
        font-size: 20px;
        border-radius: 50%;
        height: 34px;
        width: 34px;
        transition: 0.2s;
        background-color: #f9f9f9;
        flex-shrink: 0;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        box-sizing: border-box;
        appearance: button;
        text-transform: none;
        overflow: visible;
        font-family: Nunito, Arial, Helvetica, sans-serif;
        line-height: 23px;
        margin: 0px;
        float: none;
        right: 5px;
        top: auto;
  }

}

.banner-desktop{
  display: block;
}
.banner-mobile{
  display: none !important;
}

@media(max-width:540px){
  .banner-desktop{
    display: none !important;
  }
  .banner-mobile{
    display: block !important;
  }
}




/*---------------------------------
  INTERNA PRODUTO BOLÃO
-----------------------------------*/
section.interna-bolao-produto{
   position: relative;
   display: block;
   margin-top: 0px;
}

section.interna-bolao-produto .coluna-imagem{

}

section.interna-bolao-produto .coluna-imagem img{
	width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 50px;
}

section.interna-bolao-produto .caixa-metas{
	display: block;
	position: relative;
  width: 100%;
  padding: 30px 40px 40px;
  height: auto;
  min-height: 421px;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 50px;
}

section.interna-bolao-produto .caixa-metas .proximo-sorteio{

}

section.interna-bolao-produto .caixa-metas .proximo-sorteio p{
font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

section.interna-bolao-produto .caixa-metas .proximo-sorteio p b{
color: #4857c0;
    font-size: 1.12em;
}


section.interna-bolao-produto .caixa-metas h1{
font-size: 36px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.49px;
    color: rgb(37, 50, 89);
    margin-top: unset;
    margin-right: unset;
    margin-left: unset;
    margin-bottom: 15px;
}

section.interna-bolao-produto .caixa-metas p{
font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: normal;
}

section.interna-bolao-produto .caixa-metas .atalho-produto{
	padding-top: 43px;
}

section.interna-bolao-produto .caixa-metas .form-control{
border: 1px solid #4857c0;
    font-weight: bold;
    height: 53px;
    width: 100%;
    border-radius: 8px;
}

.owl-theme .owl-dots .owl-dot span{
  background: none !important;
}

section.interna-bolao-produto .conteudo-texto-produto{
    width: 100%;
    height: auto;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 40px;
}

section.interna-bolao-produto .conteudo-texto-produto h2{
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    color: rgb(37, 50, 89);
    margin-bottom: 20px;
}

section.interna-bolao-produto .conteudo-texto-produto p{
   font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: rgb(136, 136, 136);
}












/* ============================================================
   BOLÕES - GRID INTERATIVO (prefixo: jogos3-)
   ============================================================ */
.jogos3-root, .jogos3-root *, .jogos3-root *::before, .jogos3-root *::after{
  box-sizing:border-box; margin:0; padding:0;
}
.jogos3-root{
  --jogos3-azul:#1d4ed8;
  --jogos3-azul-esc:#1e40af;
  --jogos3-verde:#16a34a;
  --jogos3-verde-claro:#e8f9f0;
  --jogos3-roxo:#930089;
  --jogos3-vermelho:#e11d48;
  --jogos3-ouro:#f7b500;
  --jogos3-texto:#1e293b;
  --jogos3-cinza:#64748b;
  --jogos3-borda:#e2e8f0;
  --jogos3-fundo:#f6f8fb;
  font-family:'Poppins',system-ui,-apple-system,sans-serif;
  background:var(--jogos3-fundo);
  color:var(--jogos3-texto);
  min-height:100vh;
  padding:24px 16px 90px;
  -webkit-font-smoothing:antialiased;

   --lot:#930089;
  --lot-soft:rgba(147,0,137,.09);
}
.jogos3-wrap{ max-width:1280px; margin:0 auto; }

/* ---------- cores por loteria ---------- */
.jogos3-lot-todos   { --lot:#1d4ed8; --lot-soft:rgba(29,78,216,.09); --lot-txt:#fff; }
.jogos3-lot-lfi     { --lot:#930089; --lot-soft:rgba(147,0,137,.09); --lot-txt:#fff; }
.jogos3-lot-lotofacil{ --lot:#930089; --lot-soft:rgba(147,0,137,.09); --lot-txt:#fff; }
.jogos3-lot-mega    { --lot:#1f9d4d; --lot-soft:rgba(31,157,77,.10); --lot-txt:#fff; }
.jogos3-lot-quina   { --lot:#260085; --lot-soft:rgba(38,0,133,.09); --lot-txt:#fff; }
.jogos3-lot-milionaria{ --lot:#2e3192; --lot-soft:rgba(46,49,146,.09); --lot-txt:#fff; }
.jogos3-lot-dupla   { --lot:#a61324; --lot-soft:rgba(166,19,36,.09); --lot-txt:#fff; }
.jogos3-lot-timemania{ --lot:#c9a800; --lot-soft:rgba(255,246,0,.25); --lot-txt:#3f3f00; }
.jogos3-lot-diadesorte{ --lot:#cb852b; --lot-soft:rgba(203,133,43,.11); --lot-txt:#fff; }
.jogos3-lot-supersete{ --lot:#a8c61a; --lot-soft:rgba(168,198,26,.13); --lot-txt:#3d4a00; }

/* ---------- banner de aviso ---------- */
.jogos3-banner{
  display:flex; align-items:center; justify-content:center; gap:18px;
  background:linear-gradient(90deg,#ff7a18 0%,#f9531f 45%,#e63946 100%);
  color:#fff; text-align:center;
  font-weight:700; font-size:clamp(15px,2.4vw,21px); line-height:1.35;
  padding:18px 24px; border-radius:14px; margin-bottom:22px;
  box-shadow:0 8px 22px rgba(230,57,70,.28);
}
.jogos3-banner-icone{
  flex:0 0 auto; width:46px; height:46px; border-radius:12px;
  background:rgba(255,255,255,.22); display:flex; align-items:center; justify-content:center;
}
.jogos3-banner-icone svg{ width:26px; height:26px; fill:#fff; }

/* ---------- toolbar ---------- */
.jogos3-toolbar{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  background:#fff; border:1px solid var(--jogos3-borda); border-radius:14px;
  padding:12px 16px; margin-bottom:14px;
}
.jogos3-exibindo{ font-size:15px; color:var(--jogos3-cinza); white-space:nowrap; }
.jogos3-exibindo strong{ color:var(--jogos3-texto); font-weight:700; }
.jogos3-views{
  display:flex; background:#f1f5f9; border-radius:999px; padding:4px; gap:2px;
}
.jogos3-view-btn{
  display:flex; align-items:center; gap:7px; border:0; cursor:pointer;
  background:transparent; color:#475569; font-family:inherit;
  font-size:14px; font-weight:600; padding:8px 16px; border-radius:999px;
  transition:all .2s ease; white-space:nowrap;
}
.jogos3-view-btn svg{ width:15px; height:15px; fill:currentColor; }
.jogos3-view-btn.jogos3-ativo{ background:var(--jogos3-azul); color:#fff; box-shadow:0 3px 8px rgba(29,78,216,.35); }
.jogos3-toolbar-acoes{ display:flex; gap:10px; margin-left:auto; flex-wrap:wrap; }
.jogos3-btn-tool{
  position:relative; display:flex; align-items:center; gap:8px;
  background:#fff; border:1.5px solid var(--jogos3-borda); color:var(--jogos3-texto);
  font-family:inherit; font-size:14px; font-weight:600; padding:9px 18px;
  border-radius:999px; cursor:pointer; transition:all .2s ease; white-space:nowrap;
}
.jogos3-btn-tool:hover{ border-color:#cbd5e1; background:#f8fafc; }
.jogos3-btn-tool svg{ width:15px; height:15px; fill:#475569; }
.jogos3-btn-tool.jogos3-aberto{ border-color:var(--jogos3-azul); color:var(--jogos3-azul); }
.jogos3-btn-tool.jogos3-aberto svg{ fill:var(--jogos3-azul); }

/* dropdown (ordenar / filtros) */
.jogos3-dropdown-wrap{ position:relative; }
.jogos3-dropdown{
  position:absolute; top:calc(100% + 8px); left:0; z-index:60; min-width:230px;
  background:#fff; border:1px solid var(--jogos3-borda); border-radius:14px;
  box-shadow:0 14px 34px rgba(15,23,42,.14); padding:8px; display:none;
}
.jogos3-dropdown.jogos3-visivel{ display:block; animation:jogos3Pop .18s ease; }
@keyframes jogos3Pop{ from{ opacity:0; transform:translateY(-6px);} to{ opacity:1; transform:translateY(0);} }
.jogos3-dropdown-titulo{ font-size:12px; font-weight:700; color:var(--jogos3-cinza); text-transform:uppercase; letter-spacing:.06em; padding:8px 12px 4px; }
.jogos3-dropdown-item{
  display:flex; align-items:center; gap:10px; width:100%; border:0; cursor:pointer;
  background:transparent; font-family:inherit; font-size:14px; font-weight:500;
  color:var(--jogos3-texto); text-align:left; padding:10px 12px; border-radius:10px;
  transition:background .15s ease;
}
.jogos3-dropdown-item:hover{ background:#f1f5f9; }
.jogos3-dropdown-item.jogos3-ativo{ background:rgba(29,78,216,.08); color:var(--jogos3-azul); font-weight:700; }
.jogos3-check{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:10px; cursor:pointer; font-size:14px; font-weight:500; }
.jogos3-check:hover{ background:#f1f5f9; }
.jogos3-check input{ accent-color:var(--jogos3-azul); width:16px; height:16px; cursor:pointer; }

/* ---------- chips de loterias ---------- */
.jogos3-chips{
  display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px;
}
.jogos3-chip{
  border:1.5px solid var(--lot); color:var(--lot); background:#fff;
  font-family:inherit; font-size:14px; font-weight:600; padding:8px 20px;
  border-radius:999px; cursor:pointer; transition:all .2s ease; white-space:nowrap;
  display:flex; align-items:center; gap:7px;
}
.jogos3-chip svg{ width:13px; height:13px; fill:currentColor; opacity:0; margin-left:-4px; transition:all .2s;display: none; }
.jogos3-chip:hover{ background:var(--lot-soft); }
.jogos3-chip.jogos3-ativo{ background:var(--lot); color:var(--lot-txt); box-shadow:0 4px 12px rgba(15,23,42,.18); }
.jogos3-chip.jogos3-ativo svg{ opacity:1; margin-left:0;display:flex; }

/* ---------- grids ---------- */
.jogos3-grid{ display:grid; gap:22px; }
.jogos3-grid.jogos3-modo-classico,
.jogos3-grid.jogos3-modo-cards{ grid-template-columns:repeat(auto-fill,minmax(295px,1fr)); }
.jogos3-grid.jogos3-modo-compacto{ grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:16px; }

/* animação de entrada dos cards */
@keyframes jogos3CardIn{ from{ opacity:0; transform:translateY(14px);} to{ opacity:1; transform:translateY(0);} }
.jogos3-card{ animation:jogos3CardIn .35s ease both; }

/* ============================================================
   MODO CLÁSSICO
   ============================================================ */
.jogos3-card{
  background:#fff; border:2px solid var(--jogos3-borda); border-radius:18px;
  overflow:hidden; display:flex; flex-direction:column; position:relative;
  transition:transform .2s ease, box-shadow .2s ease;
}
.jogos3-card:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(15,23,42,.10); }
.jogos3-card.jogos3-destaque{ border-color:var(--jogos3-ouro); }

/* cabeçalho colorido clássico */
.jogos3-cls-head{
  position:relative; padding:16px 20px 14px; color:var(--lot-txt);
  background:linear-gradient(120deg,var(--lot) 0%,var(--lot) 70%,rgba(0,0,0,.18) 130%);
  display:flex; align-items:center; gap:10px;
}
.jogos3-cls-head svg{ width:22px; height:22px; fill:var(--lot-txt); opacity:.95;display:none; }
.jogos3-cls-head span{ font-weight:800; font-size:14.5px; text-transform:lowercase; letter-spacing:.01em; white-space:nowrap; }
.jogos3-cls-moeda{
  position:absolute; right:18px; bottom:-20px; width:48px; height:48px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ffe9a8 0%,#f7c948 45%,#d99a00 100%);
  border:3px solid #fff; box-shadow:0 4px 10px rgba(0,0,0,.20);
  display:flex; align-items:center; justify-content:center;
}
.jogos3-cls-moeda::after{
  content:''; width:16px; height:16px; border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#fff3c4,#eab308);
  box-shadow:inset 0 0 4px rgba(0,0,0,.18);
  display: none;
}
.jogos3-cls-body{ padding:26px 20px 20px; text-align:center; display:flex; flex-direction:column; gap:9px; flex:1; }
.jogos3-cls-premio{ font-size:24px; font-weight:800; color:var(--lot); }
.jogos3-cls-sub{ font-size:12.5px; color:var(--jogos3-cinza); }
.jogos3-cls-id{ font-size:14px; font-weight:600; color:#475569; letter-spacing:.02em; }
.jogos3-cls-comp{ font-size:13px; color:var(--jogos3-cinza); }

/* pílula de chances */
.jogos3-chances-pill{
  background:var(--lot-soft); border-radius:12px; padding:10px 14px 12px; margin-top:4px;
}
.jogos3-chances-linha{ display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; font-weight:700; color:var(--lot); }
.jogos3-chances-linha svg{ width:14px; height:14px; fill:var(--lot); }
.jogos3-chances-linha small{ font-weight:500; color:var(--jogos3-cinza); }
.jogos3-prob-bar{ display:flex; gap:5px; margin-top:9px; }
.jogos3-prob-seg{ height:6px; flex:1; border-radius:99px; background:#e2e8f0; }
.jogos3-prob-seg.jogos3-s1{ background:#22c55e; }
.jogos3-prob-seg.jogos3-s2{ background:#eab308; }
.jogos3-prob-seg.jogos3-s3{ background:#f97316; }
.jogos3-prob-seg.jogos3-s4{ background:#ef4444; }

.jogos3-cls-cotas-txt{ font-size:13.5px; color:var(--jogos3-cinza); }
.jogos3-cls-cotas-txt strong{ color:var(--jogos3-texto); }
.jogos3-cls-preco{ font-size:26px; font-weight:800; color:var(--lot); }
.jogos3-cls-qtde-label{ font-size:12.5px; color:var(--jogos3-cinza); }

/* stepper */
.jogos3-stepper{ display:inline-flex; align-items:center; gap:4px; background:#f1f5f9; border-radius:999px; padding:4px; }
.jogos3-stepper button{
  width:32px; height:32px; border-radius:50%; border:0; cursor:pointer;
  background:var(--lot,#94a3b8); color:var(--lot-txt,#fff); font-size:17px; font-weight:700;
  display:flex; align-items:center; justify-content:center; font-family:inherit;
  transition:transform .15s ease, opacity .15s;
}
.jogos3-stepper button:hover{ transform:scale(1.08); }
.jogos3-stepper button:disabled{ opacity:.35; cursor:not-allowed; transform:none; }
.jogos3-stepper output{ min-width:30px; text-align:center; font-weight:700; font-size:15px; background:#fff; border-radius:999px; padding:3px 8px; }
.jogos3-stepper.jogos3-stepper-neutro button{ background:#cbd5e1; color:#475569; }

.jogos3-cls-sorteio{ font-size:12px; color:var(--jogos3-cinza); }
.jogos3-btn-add{
  display:flex; align-items:center; justify-content:center; gap:10px;
  border:0; cursor:pointer; font-family:inherit; width:100%;
  background:var(--lot); color:#fff;
  font-size:16px; font-weight:700; padding:14px; border-radius:12px;
  transition:filter .2s ease, transform .15s ease; margin-top:6px;
}
.jogos3-btn-add:hover{ filter:brightness(1.12); transform:translateY(-1px); }
.jogos3-btn-add svg{ width:18px; height:18px; fill:currentColor; }

/* ============================================================
   MODO CARDS
   ============================================================ */
.jogos3-crd-badge{
  position:absolute; top:9px; left:16px; z-index:3;
  background:var(--jogos3-vermelho); color:#fff; font-size:10.5px; font-weight:700;
  letter-spacing:.05em; text-transform:uppercase; padding:5px 12px; border-radius:999px;
  display:flex; align-items:center; gap:6px; box-shadow:0 4px 10px rgba(225,29,72,.35);
}
.jogos3-crd-badge svg{ width:11px; height:11px; fill:#fff; }
.jogos3-crd-badge ~ .jogos3-crd-head{ padding-top:38px; }
.jogos3-cpt .jogos3-crd-badge ~ .jogos3-cpt-head{ padding-top:34px; }
.jogos3-crd-head{
  padding:18px 18px 14px; color:var(--lot-txt);
  background:linear-gradient(120deg,var(--lot) 0%,var(--lot) 65%,rgba(0,0,0,.20) 130%);
}
.jogos3-crd-head-l1{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.jogos3-crd-titulo{ font-size:16.5px; font-weight:700; }
.jogos3-crd-concurso{ font-size:11.5px; opacity:.92; white-space:nowrap; }
.jogos3-crd-head-l2{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:5px; font-size:13px; }
.jogos3-crd-head-l2 svg{ width:13px; height:13px; fill:currentColor; vertical-align:-2px; margin-right:5px; }
.jogos3-crd-body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:13px; flex:1; }

.jogos3-crd-chances{
  border:1.5px solid var(--jogos3-borda); border-radius:13px; padding:12px 14px;
}
.jogos3-crd-chances-l1{ display:flex; justify-content:space-between; align-items:center; }
.jogos3-crd-chances-val{ font-size:20px; font-weight:800; color:var(--lot); white-space:nowrap; }
.jogos3-crd-chances-val small{ font-size:11px; font-weight:600; color:var(--jogos3-cinza); letter-spacing:.04em; }
.jogos3-crd-como{ display:flex; align-items:center; gap:5px; font-size:11px; color:var(--jogos3-cinza); text-decoration:none; cursor:pointer; white-space:nowrap; flex:0 0 auto; }
.jogos3-crd-como svg{ width:12px; height:12px; fill:var(--jogos3-cinza); }
.jogos3-crd-como:hover{ color:var(--jogos3-azul); }
.jogos3-crd-prob-txt{ font-size:11.5px; color:var(--jogos3-cinza); margin-top:6px; }

.jogos3-crd-stats{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:9px; }
.jogos3-crd-stat{
  border:1.5px solid var(--jogos3-borda); border-radius:13px; padding:10px 6px;
  text-align:center; display:flex; flex-direction:column; align-items:center; gap:3px;
}
.jogos3-crd-stat-icone{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.jogos3-crd-stat-icone svg{ width:17px; height:17px; }
.jogos3-crd-stat-icone.jogos3-ic-azul{ background:#e3edff; } .jogos3-crd-stat-icone.jogos3-ic-azul svg{ fill:#3b82f6; }
.jogos3-crd-stat-icone.jogos3-ic-roxo{ background:#f3e8ff; } .jogos3-crd-stat-icone.jogos3-ic-roxo svg{ fill:#9333ea; }
.jogos3-crd-stat-icone.jogos3-ic-laranja{ background:#ffedd5; } .jogos3-crd-stat-icone.jogos3-ic-laranja svg{ fill:#f97316; }
.jogos3-crd-stat small{ font-size:9.5px; font-weight:700; letter-spacing:.08em; color:var(--jogos3-cinza); text-transform:uppercase; }
.jogos3-crd-stat b{ font-size:19px; font-weight:800; }

.jogos3-crd-disponivel{
  display:flex; align-items:center; gap:12px;
  background:var(--jogos3-verde-claro); border-radius:13px; padding:11px 14px;
}
.jogos3-crd-disponivel-icone{
  width:38px; height:38px; border-radius:10px; background:#b7f0cf;
  display:flex; align-items:center; justify-content:center; flex:0 0 auto;
}
.jogos3-crd-disponivel-icone svg{ width:18px; height:18px; fill:#15803d; }
.jogos3-crd-disponivel small{ display:block; font-size:9.5px; font-weight:700; letter-spacing:.1em; color:#15803d; text-transform:uppercase; }
.jogos3-crd-disponivel b{ font-size:21px; font-weight:800; color:var(--jogos3-verde); }
.jogos3-crd-disponivel b small{ display:inline; font-size:11px; letter-spacing:.05em; margin-left:3px; }

.jogos3-crd-preco{ font-size:25px; font-weight:800; color:var(--jogos3-texto); }
.jogos3-crd-acoes{ display:flex; gap:9px; align-items:stretch; }
.jogos3-ico-btn{
  width:46px; min-height:46px; border-radius:12px; border:1.5px solid var(--jogos3-borda);
  background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:all .2s ease; flex:0 0 auto;
}
.jogos3-ico-btn svg{ width:18px; height:18px; fill:#64748b; }
.jogos3-ico-btn:hover{ background:#f1f5f9; border-color:#cbd5e1; }
.jogos3-crd-add{
  flex:1; border:0; cursor:pointer; border-radius:12px; font-family:inherit;
  background:#22c55e; color:#fff; font-size:15px; font-weight:700;
  display:flex; align-items:center; justify-content:center; gap:8px; padding:12px;
  transition:filter .2s ease;
}
.jogos3-crd-add:hover{ filter:brightness(1.08); }
.jogos3-crd-add svg{ width:16px; height:16px; fill:#fff; }
.jogos3-crd-cart{
  width:46px; border:0; border-radius:12px; background:var(--lot); cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:filter .2s ease; flex:0 0 auto;
  display: none;
}
.jogos3-crd-cart:hover{ filter:brightness(1.15); }
.jogos3-crd-cart svg{ width:18px; height:18px; fill:#fff !important; }

/* ============================================================
   MODO COMPACTO
   ============================================================ */
.jogos3-cpt{ padding-top:0; }
.jogos3-cpt .jogos3-crd-badge{ left:10px; top:8px; }
.jogos3-cpt-head{
  padding:14px 14px 10px; color:var(--lot-txt);
  background:linear-gradient(120deg,var(--lot) 0%,var(--lot) 70%,rgba(0,0,0,.18) 130%);
}
.jogos3-cpt-head b{ display:block; font-size:14.5px; font-weight:700; line-height:1.25; }
.jogos3-cpt-head small{ font-size:10.5px; opacity:.92; }
.jogos3-cpt-body{ padding:11px 13px 13px; display:flex; flex-direction:column; gap:9px; }
.jogos3-cpt-nums{ display:flex; justify-content:space-between; font-size:12.5px; font-weight:600; color:#475569; }
.jogos3-cpt-nums span{ display:flex; align-items:center; gap:5px; }
.jogos3-cpt-nums svg{ width:13px; height:13px; }
.jogos3-cpt-nums .jogos3-n1 svg{ fill:#3b82f6; } .jogos3-cpt-nums .jogos3-n2 svg{ fill:#f97316; } .jogos3-cpt-nums .jogos3-n3 svg{ fill:#15803d; }
.jogos3-cpt-progresso{ display:flex; justify-content:space-between; font-size:11.5px; color:var(--jogos3-cinza); }
.jogos3-cpt-progresso b{ color:var(--lot); font-weight:700; }
.jogos3-cpt-progresso .jogos3-dot::before{
  content:''; display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--lot); margin-right:5px;
}
.jogos3-cpt-rodape{ display:flex; align-items:center; justify-content:space-between; margin-top:2px; }
.jogos3-cpt-preco{ font-size:17px; font-weight:800; }
.jogos3-cpt-acoes{ display:flex; gap:7px; }
.jogos3-cpt-acoes .jogos3-ico-btn{ width:32px; min-height:32px; height:32px; border-radius:50%; }
.jogos3-cpt-acoes .jogos3-ico-btn svg{ width:14px; height:14px; }
.jogos3-cpt-cart{
  width:32px; height:32px; border-radius:50%; border:0; cursor:pointer;
  background:var(--lot); display:flex; align-items:center; justify-content:center; transition:filter .2s;
}
.jogos3-cpt-cart:hover{ filter:brightness(1.15); }
.jogos3-cpt-cart svg{ width:15px; height:15px; fill:#f2f2f2; }

/* ---------- ver mais ---------- */
.jogos3-ver-mais{ text-align:center; margin-top:36px; }
.jogos3-btn-ver-mais{
  display:inline-flex; align-items:center; gap:10px; border:0; cursor:pointer;
  background:var(--jogos3-azul); color:#fff; font-family:inherit;
  font-size:16px; font-weight:700; padding:15px 34px; border-radius:999px;
  box-shadow:0 8px 20px rgba(29,78,216,.32); transition:all .2s ease;
}
.jogos3-btn-ver-mais:hover{ background:var(--jogos3-azul-esc); transform:translateY(-2px); }
.jogos3-btn-ver-mais svg{ width:17px; height:17px; fill:#fff; }

/* ---------- carrinho flutuante ---------- */
.jogos3-cart-float{
  position:fixed; right:22px; bottom:22px; z-index:80;
  width:58px; height:58px; border-radius:50%; border:0; cursor:pointer;
  background:linear-gradient(135deg,#fb923c,#f97316);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(249,115,22,.45); transition:transform .2s ease;
  display: none;opacity: 0;
}
.jogos3-cart-float:hover{ transform:scale(1.07); }
.jogos3-cart-float svg{ width:26px; height:26px; fill:#fff; }
.jogos3-cart-float .jogos3-cart-badge{
  position:absolute; top:-4px; right:-4px; min-width:22px; height:22px; padding:0 6px;
  background:#16a34a; color:#fff; font-size:12px; font-weight:700; border-radius:999px;
  display:flex; align-items:center; justify-content:center; border:2px solid #fff;
}
.jogos3-cart-float.jogos3-pulso{ animation:jogos3Pulso .4s ease; }
@keyframes jogos3Pulso{ 0%{transform:scale(1);} 40%{transform:scale(1.18);} 100%{transform:scale(1);} }

/* ---------- toast ---------- */
.jogos3-toast{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(80px);
  z-index:200; background:#0f172a; color:#fff; font-size:14px; font-weight:600;
  padding:13px 24px; border-radius:999px; box-shadow:0 12px 28px rgba(15,23,42,.35);
  opacity:0; transition:all .3s ease; pointer-events:none; max-width:90vw; text-align:center;
}
.jogos3-toast.jogos3-visivel{ opacity:1; transform:translateX(-50%) translateY(0); }

/* ============================================================
   MODAL DE DETALHES DO BOLÃO
   ============================================================ */
.jogos3-modal-overlay{
  position:fixed; inset:0; z-index:100; background:rgba(15,23,42,.55);
  backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  display:none; align-items:center; justify-content:center; padding:20px;
}
.jogos3-modal-overlay.jogos3-visivel{ display:flex; animation:jogos3Fade .25s ease; }
@keyframes jogos3Fade{ from{opacity:0;} to{opacity:1;} }
.jogos3-modal{
  background:#fff; border-radius:20px; width:min(690px,100%); max-height:92vh;
  display:flex; flex-direction:column; overflow:hidden; position:relative;
  animation:jogos3ModalIn .3s cubic-bezier(.2,.9,.3,1.1);
}
@keyframes jogos3ModalIn{ from{ opacity:0; transform:scale(.94) translateY(16px);} to{ opacity:1; transform:scale(1) translateY(0);} }

.jogos3-modal-topo{ position:relative; padding:22px 24px 0; }
.jogos3-modal-topo-acoes{ display:flex; justify-content:space-between; align-items:center; }
.jogos3-modal-topo-esq{ display:flex; gap:10px; align-items:center; }
.jogos3-modal-share{
  width:40px; height:40px; border-radius:50%; border:1.5px solid var(--jogos3-borda);
  background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s;
}
.jogos3-modal-share:hover{ background:#f1f5f9; }
.jogos3-modal-share svg{ width:16px; height:16px; fill:#475569; }
.jogos3-modal-ver-pagina{
  display:flex; align-items:center; gap:8px; border:1.5px solid var(--jogos3-borda);
  background:#fff; border-radius:999px; padding:9px 16px; font-family:inherit;
  font-size:13px; font-weight:600; color:#475569; cursor:pointer; transition:background .2s;
  color:#333 !important;
}
.jogos3-modal-ver-pagina:hover{ background:#f1f5f9; }
.jogos3-modal-ver-pagina svg{ width:14px; height:14px; fill:#475569; }
.jogos3-modal-fechar{
  width:40px; height:40px; border-radius:50%; border:1.5px solid var(--jogos3-borda);
  background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:all .2s; box-shadow:0 2px 8px rgba(15,23,42,.08);
}
.jogos3-modal-fechar:hover{ background:#fee2e2; border-color:#fecaca; }
.jogos3-modal-fechar svg{ width:15px; height:15px; fill:#64748b; }
.jogos3-modal-fechar:hover svg{ fill:#dc2626; }

.jogos3-modal-titulo{ text-align:center; font-size:clamp(18px,3vw,24px); font-weight:800; margin-top:14px; }
.jogos3-modal-tipo{ text-align:center; font-size:14px; color:var(--jogos3-cinza); margin-top:6px; color:#f2f2f2; }
.jogos3-modal-tipo b{ color:var(--jogos3-texto);color:#f2f2f2; }
.jogos3-modal-id{ text-align:center; font-size:12.5px; color:#94a3b8; margin-top:10px; }

/* abas */
.jogos3-modal-abas{ display:flex; border-bottom:1.5px solid var(--jogos3-borda); margin-top:16px; }
.jogos3-modal-aba{
  flex:1; border:0; background:transparent; cursor:pointer; font-family:inherit;
  font-size:14.5px; font-weight:600; color:#64748b; padding:13px 6px; position:relative;
  transition:color .2s;
}
.jogos3-modal-aba::after{
  content:''; position:absolute; left:0; right:0; bottom:-1.5px; height:3px;
  background:var(--lot,#930089); border-radius:99px 99px 0 0; transform:scaleX(0); transition:transform .25s ease;
}
.jogos3-modal-aba.jogos3-ativa{ color:var(--lot,#930089); }
.jogos3-modal-aba.jogos3-ativa::after{ transform:scaleX(1); }

/* corpo rolável */
.jogos3-modal-corpo{ overflow-y:auto; padding:20px 24px; flex:1; min-height:180px; }
.jogos3-modal-corpo::-webkit-scrollbar{ width:8px; }
.jogos3-modal-corpo::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:99px; }

/* aba detalhes */
.jogos3-det-pilulas{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.jogos3-det-pilula{ background:var(--lot-soft); border-radius:12px; padding:12px 8px; text-align:center; }
.jogos3-det-pilula small{ display:block; font-size:9.5px; font-weight:700; letter-spacing:.08em; color:var(--jogos3-cinza); text-transform:uppercase; }
.jogos3-det-pilula b{ font-size:14px; font-weight:700; color:var(--lot); }
.jogos3-det-secao{ background:#f8fafc; border-radius:14px; padding:16px 18px; margin-top:14px; }
.jogos3-det-secao-titulo{ font-size:13px; font-weight:700; letter-spacing:.08em; color:var(--lot); text-transform:uppercase; margin-bottom:10px; }
.jogos3-det-comp{ display:flex; align-items:center; gap:12px; font-size:14.5px; color:#475569; }
.jogos3-det-comp svg{ width:26px; height:26px; fill:var(--lot); opacity:.55; flex:0 0 auto; }
.jogos3-det-comp b{ color:var(--jogos3-texto); }
.jogos3-det-chances{ font-size:24px; font-weight:800; color:var(--lot); }
.jogos3-det-chances small{ font-size:11px; font-weight:700; letter-spacing:.06em; color:#475569; }
.jogos3-det-prob{ font-size:12.5px; color:var(--jogos3-cinza); margin-top:6px; }

/* aba jogos */
.jogos3-jogos-total{ text-align:center; font-size:15px; font-weight:600; color:#334155; margin-bottom:16px; }
.jogos3-jogo-linha{
  display:flex; align-items:center; gap:14px; border:1px solid var(--jogos3-borda);
  border-radius:14px; padding:12px 14px; margin-bottom:10px; background:#fff;
  transition:box-shadow .2s;
}
.jogos3-jogo-linha:hover{ box-shadow:0 6px 16px rgba(15,23,42,.07); }
.jogos3-jogo-label{ font-size:11px; font-weight:600; color:#94a3b8; width:44px; flex:0 0 auto; }
.jogos3-jogo-bolas{ display:flex; flex-wrap:wrap; gap:5px; }
.jogos3-bola{
  width:30px; height:30px; border-radius:50%; background:var(--lot); color:var(--lot-txt);
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex:0 0 auto;
}
.jogos3-bola.jogos3-bola-clara{ color:#3d4a00; }

/* aba comprovantes */
.jogos3-comprovantes-vazio{
  border:2px dashed #e2e8f0; border-radius:16px; padding:56px 24px;
  text-align:center; color:#94a3b8; font-size:14.5px; background:#fbfdff;
}

/* rodapé do modal */
.jogos3-modal-rodape{
  border-top:1.5px solid var(--jogos3-borda); padding:16px 24px 20px;
  display:flex; flex-direction:column; gap:14px; background:#fff;
}
.jogos3-modal-rodape-info{ display:flex; justify-content:space-between; align-items:center; }
.jogos3-modal-cotas-txt{ font-size:14px; color:var(--jogos3-cinza); }
.jogos3-modal-preco{ font-size:24px; font-weight:800; color:var(--jogos3-verde); }
.jogos3-modal-rodape-acoes{ display:flex; gap:12px; }
.jogos3-modal-add{
  flex:1; display:flex; align-items:center; justify-content:center; gap:9px;
  border:1.5px solid #2563eb; background:#fff; color:#2563eb; border-radius:999px;
  font-family:inherit; font-size:15.5px; font-weight:600; padding:13px; cursor:pointer;
  transition:all .2s ease;
}
.jogos3-modal-add:hover{ background:#eff6ff; }
.jogos3-modal-add svg{ width:16px; height:16px; fill:#2563eb;display:none; }

/* ============================================================
   RESPONSIVO (mobile)
   ============================================================ */
@media (max-width:900px){
  .jogos3-toolbar-acoes{ margin-left:0; width:100%; }
  .jogos3-toolbar-acoes .jogos3-dropdown-wrap,
  .jogos3-toolbar-acoes > .jogos3-btn-tool{ flex:1 1 calc(50% - 6px); }
  .jogos3-toolbar-acoes .jogos3-btn-tool{ justify-content:center; }
}
@media (max-width:640px){
  .jogos3-root{ padding:14px 10px 80px; }
  .jogos3-banner{ gap:10px; padding:14px 14px; border-radius:12px; }
  .jogos3-banner-icone{ width:34px; height:34px; border-radius:9px; }
  .jogos3-banner-icone svg{ width:19px; height:19px; }

  .jogos3-toolbar{ gap:10px; padding:10px; }
  .jogos3-exibindo{ width:100%; }
  .jogos3-views{ width:100%; overflow-x:auto; scrollbar-width:none; }
  .jogos3-views::-webkit-scrollbar{ display:none; }
  .jogos3-view-btn{ flex:1; justify-content:center; padding:8px 12px; }

  /* chips viram carrossel horizontal */
  .jogos3-chips{
    flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px;
    scroll-snap-type:x proximity; scrollbar-width:none; margin-left:-10px; margin-right:-10px; padding-left:10px;
  }
  .jogos3-chips::-webkit-scrollbar{ display:none; }
  .jogos3-chip{ scroll-snap-align:start; }

  .jogos3-grid.jogos3-modo-classico,
  .jogos3-grid.jogos3-modo-cards{ grid-template-columns:1fr; }
  .jogos3-grid.jogos3-modo-compacto{ grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
  .jogos3-cpt-head b{ font-size:12.5px; }
  .jogos3-cpt-nums{ font-size:11px; }
  .jogos3-cpt-preco{ font-size:15px; }

  /* modal vira folha de tela cheia */
  .jogos3-modal-overlay{ padding:0; align-items:flex-end; }
  .jogos3-modal{
    width:100%; max-height:96vh; border-radius:20px 20px 0 0;
    animation:jogos3SheetIn .32s cubic-bezier(.2,.9,.3,1);
  }
  @keyframes jogos3SheetIn{ from{ transform:translateY(60px); opacity:0;} to{ transform:translateY(0); opacity:1;} }
  .jogos3-det-pilulas{ grid-template-columns:1fr 1fr; }
  .jogos3-modal-corpo{ padding:16px 14px; }
  .jogos3-modal-topo{ padding:16px 14px 0; }
  .jogos3-modal-rodape{ padding:14px; }
  .jogos3-modal-rodape-acoes{ flex-wrap:wrap; }
  .jogos3-modal-aba{ font-size:13px; }
  .jogos3-jogo-label{ width:36px; }
  .jogos3-bola{ width:29px; height:29px; font-size:11.5px; }

  .jogos3-cart-float{ width:52px; height:52px; right:16px; bottom:16px; }
}


/* SINGLE */

/* ---------- hero ---------- */
.jogos3-hero{
  background:linear-gradient(115deg,#6d006b 0%,#8f0a90 45%,#a313a0 100%);
  color:#fff; padding:26px 0 64px; position:relative; overflow:hidden;
}
.jogos3-hero::after{
  content:''; position:absolute; right:-120px; top:-120px; width:420px; height:420px;
  border-radius:50%; background:rgba(255,255,255,.05); pointer-events:none;
}
.jogos3-breadcrumb{ display:flex; align-items:center; gap:10px; font-size:13.5px; margin-bottom:44px; position:relative; z-index:1; }
.jogos3-breadcrumb a{ color:rgba(255,255,255,.85); text-decoration:none; display:flex; align-items:center; gap:6px; font-weight:500; }
.jogos3-breadcrumb a:hover{ color:#fff; }
.jogos3-breadcrumb svg{ width:13px; height:13px; fill:currentColor; }
.jogos3-breadcrumb span{ color:rgba(255,255,255,.55); }

.jogos3-hero-centro{ text-align:left; position:relative; z-index:1; }
/*
.jogos3-hero-logo{
  width:130px; height:130px; margin:0 0 22px; background:#fff; border-radius:26px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
  */
  .jogos3-hero-logo {
    width: 90px;
    height: 90px;
    margin: 0 0 22px;
    background: transparent;
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}


.jogos3-hero-logo svg{ width:100px; height:100px; }
.jogos3-hero-pill{
  display:inline-block; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28);
  font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  padding:7px 22px; border-radius:999px; margin-bottom:18px;
}
.jogos3-hero-titulo{ font-size:clamp(26px,5vw,46px); font-weight:800; line-height:1.25; }
.jogos3-hero-label{ font-size:13px; font-weight:700; letter-spacing:.14em; opacity:.75; text-transform:uppercase; margin-top:16px; }
.jogos3-hero-premio{ font-size:clamp(32px,6vw,54px); font-weight:800; margin-top:2px; }

/* ---------- pílulas de informação ---------- */
.jogos3-pilulas{
  display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
  margin-top:-32px; position:relative; z-index:2;
}
.jogos3-pilula{
  background:#fff; border:1px solid var(--jogos3-borda); border-radius:14px;
  padding:16px 10px; text-align:center; box-shadow:0 8px 20px rgba(15,23,42,.07);
}
.jogos3-pilula small{ display:block; font-size:10px; font-weight:700; letter-spacing:.09em; color:var(--jogos3-cinza); text-transform:uppercase; }
.jogos3-pilula b{ font-size:16px; font-weight:700; color:var(--lot); }

/* ---------- layout 2 colunas ---------- */
.jogos3-layout{
  display:grid; grid-template-columns:1fr 360px; gap:26px; margin-top:26px;
  align-items:start;
}

/* ---------- abas ---------- */
.jogos3-abas{
  display:flex; border-bottom:1.5px solid var(--jogos3-borda);
  background:#fff; border-radius:14px 14px 0 0; padding:0 10px;
  border:1px solid var(--jogos3-borda); border-bottom:0;
}
.jogos3-aba{
  flex:1; border:0; background:transparent; cursor:pointer; font-family:inherit;
  font-size:14.5px; font-weight:600; color:#64748b; padding:16px 6px; position:relative;
  transition:color .2s;
}
.jogos3-aba::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:var(--lot); border-radius:99px 99px 0 0; transform:scaleX(0); transition:transform .25s ease;
}
.jogos3-aba.jogos3-ativa{ color:var(--lot); }
.jogos3-aba.jogos3-ativa::after{ transform:scaleX(1); }
.jogos3-aba-corpo{
  background:#fff; border:1px solid var(--jogos3-borda); border-top:0;
  border-radius:0 0 14px 14px; padding:24px;
}

/* ---------- cards de composição / vantagens ---------- */
.jogos3-det-card{
  border:1px solid var(--jogos3-borda); border-radius:14px; padding:20px 22px; margin-bottom:16px;
}
.jogos3-det-titulo{ font-size:13px; font-weight:700; letter-spacing:.08em; color:var(--lot); text-transform:uppercase; margin-bottom:12px; }
.jogos3-det-comp{ display:flex; align-items:center; gap:12px; font-size:14.5px; color:#475569; }
.jogos3-det-comp svg{ width:26px; height:26px; fill:var(--lot); opacity:.55; flex:0 0 auto; }
.jogos3-det-comp b{ color:var(--jogos3-texto); }
.jogos3-det-chances{ font-size:26px; font-weight:800; color:var(--lot); }
.jogos3-det-chances small{ font-size:11px; font-weight:700; letter-spacing:.06em; color:#475569; }
.jogos3-det-prob{ font-size:12.5px; color:var(--jogos3-cinza); margin-top:6px; }
.jogos3-prob-bar{ display:flex; gap:6px; margin-top:10px; }
.jogos3-prob-seg{ height:7px; flex:1; border-radius:99px; background:#e2e8f0; }
.jogos3-prob-seg.jogos3-s1{ background:#22c55e; }
.jogos3-prob-seg.jogos3-s2{ background:#eab308; }
.jogos3-prob-seg.jogos3-s3{ background:#f97316; }
.jogos3-prob-seg.jogos3-s4{ background:#ef4444; }

/* ---------- aba jogos ---------- */
.jogos3-jogos-total{ text-align:center; font-size:16px; font-weight:700; color:#334155; margin-bottom:8px; }
.jogos3-jogo{ text-align:center; padding:18px 0; border-bottom:1px dashed #eef2f7; }
.jogos3-jogo:last-child{ border-bottom:0; }
.jogos3-jogo-label{ font-size:11px; font-weight:700; letter-spacing:.1em; color:#94a3b8; text-transform:uppercase; margin-bottom:12px; }
.jogos3-jogo-bolas{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:560px; margin:0 auto; }
.jogos3-bola-outline{
  width:36px; height:36px; border-radius:50%; background:#fff;
  border:1.5px solid #cbd5e1; color:#334155;
  display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600;
  transition:all .2s ease;
}
.jogos3-bola-outline:hover{ border-color:var(--lot); color:var(--lot); transform:scale(1.08); }

/* ---------- aba comprovantes ---------- */
.jogos3-comprovante-label{ text-align:center; font-size:13px; color:var(--jogos3-cinza); margin-bottom:16px; }
.jogos3-comprovante-card{
  border:1px solid var(--jogos3-borda); border-radius:16px; background:#fff;
  min-height:340px; display:flex; align-items:center; justify-content:center; padding:30px;
}
.jogos3-comprovante-card svg{ width:min(300px,70%); height:auto; }

/* ---------- card de compra (sidebar) ---------- */
.jogos3-compra{
  background:#fff; border:1px solid var(--jogos3-borda); border-radius:18px;
  padding:22px; position:sticky; top:20px;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.jogos3-compra-cotas-linha{ display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#334155; font-weight:500; }
.jogos3-compra-cotas-linha b{ font-weight:700; }
.jogos3-cotas-barra{ height:7px; background:#eef2f7; border-radius:99px; margin:12px 0 20px; overflow:hidden; }
.jogos3-cotas-barra-fill{ height:100%; background:linear-gradient(90deg,var(--lot),#c026d3); border-radius:99px; transition:width .4s ease; }

.jogos3-compra-label{ font-size:10.5px; font-weight:700; letter-spacing:.1em; color:var(--jogos3-cinza); text-transform:uppercase; }
.jogos3-compra-cota-preco{ font-size:28px; font-weight:800; color:var(--jogos3-texto); margin:2px 0 14px; }
.jogos3-compra-total-box{
  background:var(--jogos3-verde-claro); border-radius:13px; padding:13px 16px; margin-bottom:18px;
}
.jogos3-compra-total-box small{ font-size:10.5px; font-weight:700; letter-spacing:.1em; color:#15803d; text-transform:uppercase; }
.jogos3-compra-total-box b{ display:block; font-size:26px; font-weight:800; color:var(--jogos3-verde); }

.jogos3-compra-qtde{ display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.jogos3-compra-qtde > span{ font-size:14px; color:#334155; font-weight:500; }
.jogos3-stepper{ display:inline-flex; align-items:center; gap:4px; background:#f1f5f9; border-radius:999px; padding:4px; }
.jogos3-stepper button{
  width:34px; height:34px; border-radius:50%; border:0; cursor:pointer;
  background:var(--lot); color:#fff; font-size:18px; font-weight:700;
  display:flex; align-items:center; justify-content:center; font-family:inherit;
  transition:transform .15s ease, opacity .15s;
}
.jogos3-stepper button:hover{ transform:scale(1.08); }
.jogos3-stepper button:disabled{ opacity:.35; cursor:not-allowed; transform:none; }
.jogos3-stepper output{ min-width:32px; text-align:center; font-weight:700; font-size:15px; background:#fff; border-radius:999px; padding:4px 8px; }

.jogos3-btn-add-cart{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; border:0; cursor:pointer; font-family:inherit;
  background:var(--lot); color:#fff;
  font-size:16px; font-weight:700; padding:15px; border-radius:13px;
  transition:filter .2s ease, transform .15s ease;
  box-shadow:0 8px 18px rgba(147,0,137,.30);
}
.jogos3-btn-add-cart:hover{ filter:brightness(1.1); transform:translateY(-1px); }
.jogos3-btn-add-cart svg{ width:18px; height:18px; fill:#fff; }
.jogos3-btn-share{
  display:flex; align-items:center; justify-content:center; gap:9px;
  width:100%; margin-top:11px; cursor:pointer; font-family:inherit;
  background:#fff; border:1.5px solid var(--jogos3-borda); color:#475569;
  font-size:14px; font-weight:600; padding:13px; border-radius:13px; transition:all .2s ease;
}
.jogos3-btn-share:hover{ background:#f8fafc; border-color:#cbd5e1; }
.jogos3-btn-share svg{ width:15px; height:15px; fill:#64748b; }
.jogos3-compra-rodape{
  display:flex; justify-content:space-between; margin-top:16px; padding-top:14px;
  border-top:1px dashed var(--jogos3-borda); font-size:12px; color:var(--jogos3-cinza);
}
.jogos3-compra-rodape span{ display:flex; align-items:center; gap:6px; }
.jogos3-compra-rodape svg{ width:13px; height:13px; fill:#94a3b8; }

/* ---------- cards de benefícios ---------- */
.jogos3-beneficios{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:52px; }
.jogos3-benef{
  background:#eef2f7; border-radius:16px; padding:44px 24px 26px; text-align:center; position:relative;
}
.jogos3-benef-icone{
  position:absolute; top:-26px; left:50%; transform:translateX(-50%);
  width:52px; height:52px; border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 18px rgba(15,23,42,.12);
}
.jogos3-benef-icone svg{ width:24px; height:24px; }
.jogos3-benef-icone.jogos3-bi-azul svg{ fill:#3b82f6; }
.jogos3-benef-icone.jogos3-bi-roxo svg{ fill:#8b5cf6; }
.jogos3-benef-icone.jogos3-bi-laranja svg{ fill:#f59e0b; }
.jogos3-benef h3{ font-size:17px; font-weight:700; margin-bottom:10px; }
.jogos3-benef p{ font-size:13.5px; color:var(--jogos3-cinza); line-height:1.6; }

/* ---------- banner CTA ---------- */
.jogos3-cta{
  margin-top:44px; background:linear-gradient(110deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);
  border-radius:20px; padding:44px 48px; color:#fff;
  display:flex; align-items:center; gap:44px; position:relative; overflow:hidden;
}
.jogos3-cta::before{
  content:''; position:absolute; left:62%; top:-14px; bottom:-14px; width:0;
  border-left:2px dashed rgba(255,255,255,.45);
}
.jogos3-cta-notch{ position:absolute; left:62%; width:28px; height:28px; background:var(--jogos3-fundo); border-radius:50%; transform:translateX(-50%); z-index:2; }
.jogos3-cta-notch.jogos3-topo{ top:-14px; }
.jogos3-cta-notch.jogos3-baixo{ bottom:-14px; }
.jogos3-cta-texto{ flex:1 1 62%; padding-right:30px; }
.jogos3-cta-texto h2{ font-size:clamp(21px,3.4vw,30px); font-weight:800; margin-bottom:10px; }
.jogos3-cta-texto p{ font-size:14.5px; opacity:.92; line-height:1.6; max-width:520px; }
.jogos3-cta-acao{ flex:0 0 auto; margin-left:auto; position:relative; z-index:1; }
.jogos3-cta-btn{
  display:inline-flex; align-items:center; gap:10px; border:0; cursor:pointer;
  background:#fff; color:#1d4ed8; font-family:inherit; font-size:16px; font-weight:700;
  padding:16px 34px; border-radius:999px; box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .2s ease;
}
.jogos3-cta-btn:hover{ transform:scale(1.05); }
.jogos3-cta-btn svg{ width:17px; height:17px; fill:#1d4ed8; }

/* ---------- carrinho flutuante / toast ---------- */
.jogos3-cart-float{
  position:fixed; right:22px; bottom:22px; z-index:80;
  width:58px; height:58px; border-radius:50%; border:0; cursor:pointer;
  background:linear-gradient(135deg,#fb923c,#f97316);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(249,115,22,.45); transition:transform .2s ease;
}
.jogos3-cart-float:hover{ transform:scale(1.07); }
.jogos3-cart-float svg{ width:26px; height:26px; fill:#fff; }
.jogos3-cart-badge{
  position:absolute; top:-4px; right:-4px; min-width:22px; height:22px; padding:0 6px;
  background:#16a34a; color:#fff; font-size:12px; font-weight:700; border-radius:999px;
  display:flex; align-items:center; justify-content:center; border:2px solid #fff;
}
.jogos3-cart-float.jogos3-pulso{ animation:jogos3Pulso .4s ease; }
@keyframes jogos3Pulso{ 0%{transform:scale(1);} 40%{transform:scale(1.18);} 100%{transform:scale(1);} }
.jogos3-toast{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(80px);
  z-index:200; background:#0f172a; color:#fff; font-size:14px; font-weight:600;
  padding:13px 24px; border-radius:999px; box-shadow:0 12px 28px rgba(15,23,42,.35);
  opacity:0; transition:all .3s ease; pointer-events:none; max-width:90vw; text-align:center;
}
.jogos3-toast.jogos3-visivel{ opacity:1; transform:translateX(-50%) translateY(0); }

/* ---------- barra flutuante de compra (mobile) ---------- */
.jogos3-buy-float{
  position:fixed; left:0; right:0; bottom:0; z-index:90;
  display:none; align-items:center; gap:14px;
  background:#fff; border-top:1px solid var(--jogos3-borda);
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  box-shadow:0 -10px 26px rgba(15,23,42,.14);
  transform:translateY(110%); transition:transform .32s ease;
}
.jogos3-buy-float.jogos3-visivel{ transform:translateY(0); }
.jogos3-buy-float-info{ flex:0 0 auto; }
.jogos3-buy-float-info small{ display:block; font-size:9.5px; font-weight:700; letter-spacing:.09em; color:var(--jogos3-cinza); text-transform:uppercase; }
.jogos3-buy-float-info b{ font-size:19px; font-weight:800; color:var(--jogos3-verde); }
.jogos3-buy-float .jogos3-btn-add-cart{ flex:1; padding:14px 10px; font-size:15px; box-shadow:none; }
@media (max-width:980px){
  .jogos3-buy-float{ display:flex; }
  .jogos3-root.jogos3-buybar-on .jogos3-cart-float{ bottom:86px; }
}

/* ============================================================
   RESPONSIVO (mobile)
   ============================================================ */
@media (max-width:980px){
  .jogos3-layout{ grid-template-columns:1fr; }
  .jogos3-compra{ position:static; }
  .jogos3-beneficios{ grid-template-columns:1fr; gap:36px; }
  .jogos3-cta{ flex-direction:column; padding:36px 26px; gap:30px; text-align:center; }
  .jogos3-cta::before{ display:none; }
  .jogos3-cta-notch{ display:none; }
  .jogos3-cta-texto{ padding-right:0; }
  .jogos3-cta-texto p{ margin:0 auto; }
  .jogos3-cta-acao{ margin-left:0; }
}
@media (max-width:640px){
  .jogos3-hero{ padding:20px 0 56px; }
  .jogos3-breadcrumb{ margin-bottom:30px; }
  .jogos3-hero-logo{ width:96px; height:96px; border-radius:20px; }
  .jogos3-hero-logo svg{ width:74px; height:74px; }
  .jogos3-pilulas{ grid-template-columns:1fr 1fr; gap:10px; margin-top:-28px; }
  .jogos3-pilula{ padding:13px 6px; }
  .jogos3-pilula b{ font-size:13.5px; }
  .jogos3-aba{ font-size:12.5px; padding:14px 4px; }
  .jogos3-aba-corpo{ padding:16px 12px; }
  .jogos3-det-card{ padding:16px; }
  .jogos3-bola-outline{ width:32px; height:32px; font-size:12px; }
  .jogos3-jogo-bolas{ gap:6px; }
  .jogos3-compra{ padding:18px; }
  .jogos3-compra-cota-preco{ font-size:24px; }
  .jogos3-cart-float{ width:52px; height:52px; right:16px; bottom:16px; }
}


@media(max-width:540px){
  .jogos3-hero-centro{
    text-align: center;
  }
      .jogos3-hero-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .jogos3-hero-pill{
      width: 90%;
    }
}






.grid-raspadinhas-pre-wrap {
  width: min(100% - 24px, 1180px);
  margin-inline: auto;
  padding: 28px 0 44px;
}

/* ---------- Grid / carrossel ---------- */

.grid-raspadinhas-pre-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

/* Mobile: carrossel com ~1,2 cartela visível */
@media (max-width: 719px) {
  .grid-raspadinhas-pre-wrap {
    width: 100%;
    padding: 18px 0 30px;
  }

  .grid-raspadinhas-pre-grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 12px;
    padding: 4px 12px 14px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .grid-raspadinhas-pre-grid::-webkit-scrollbar {
    display: none;
  }

  .grid-raspadinhas-pre-grid > .grid-raspadinhas-pre-card {
    flex: 0 0 82%;
    scroll-snap-align: start;
  }
}

@media (min-width: 720px) and (max-width: 1023px) {
  .grid-raspadinhas-pre-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* ---------- Card ---------- */

.grid-raspadinhas-pre-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e4ecf4;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(31, 42, 77, 0.07);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

@media (hover: hover) {
  .grid-raspadinhas-pre-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(31, 42, 77, 0.13);
  }
}

/* Foto quadrada do produto */
.grid-raspadinhas-pre-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #0d63ad;
  overflow: hidden;
}

.grid-raspadinhas-pre-photo-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* Selo do tipo */
.grid-raspadinhas-pre-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #0e7fc4;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(31, 42, 77, 0.16);
}

/* ---------- Corpo ---------- */

.grid-raspadinhas-pre-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  padding: 16px 16px 18px;
}

.grid-raspadinhas-pre-title {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  color: #1f2a4d;
}

.grid-raspadinhas-pre-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.grid-raspadinhas-pre-price {
  font-size: 21px;
  font-weight: 800;
  color: #0e7fc4;
  white-space: nowrap;
}

.grid-raspadinhas-pre-prizes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  color: #5a6b87;
}

.grid-raspadinhas-pre-prizes-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #27c46b;
  flex: none;
}

/* ---------- Botão ---------- */

.grid-raspadinhas-pre-buy {
      margin-top: auto;
    display: block;
    text-align: center;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 0;
    padding-top: 12px;
    padding-bottom: 16px;
    border: 0;
    border-radius: 999px;
    background: #27c46b;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-decoration: none;
    cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 6px 14px rgba(39, 196, 107, 0.32);
}

.grid-raspadinhas-pre-buy:hover {
  background: #1fae5c;
  transform: translateY(-1px);
  box-shadow: 0 9px 18px rgba(39, 196, 107, 0.4);
}

.grid-raspadinhas-pre-buy:active {
  transform: translateY(1px);
  box-shadow: 0 3px 8px rgba(39, 196, 107, 0.3);
}

.grid-raspadinhas-pre-buy:focus-visible {
  outline: 3px solid rgba(14, 127, 196, 0.5);
  outline-offset: 2px;
}