*, ::after, ::before {
     box-sizing: border-box;
}

section {
     display: block;
}

body {
     margin: 0;
}

header {
     background: linear-gradient(to left, blue, hotpink);
     width: 100vw;
     position: absolute;
     box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

a.nav-link {
     font-family: 'Fredoka One', cursive;
     font-size: 18px;
     color: #ffffff !important;
}

a:hover.nav-link {
     color: #20CE7C !important;
}

.botao-participar {
    background-color: #23CFE4;
    border-radius: 5px;
}

.botao-participar:hover {
    background-color: #ffffff;
}

.background {
     background-position: center center;
     background-size: cover;
     height: 100vh;
}

.no-webp .bg_primario {
     background-image: url('../img/bg-primario.jpg');
     background-attachment: fixed;
 }

.webp .bg_primario {
     background-image: url('../img/bg-primario.webp');
     background-attachment: fixed;
}

.no-webp .bg_secundario {
     background-image: url('../img/bg-secundario.jpg');
 }

.webp .bg_secundario {
     background-image: url('../img/bg-secundario.webp');
}

.no-webp .bg_premios {
     background-image: url('../img/bg-premios.jpg');
 }

.webp .bg_premios {
     background-image: url('../img/bg-premios.webp');
}

.no-webp .bg_footer {
     background-image: url('../img/bg-grupo-grecoeguerreiro.jpg');
     background-attachment: fixed;
 }

.webp .bg_footer {
     background-image: url('../img/bg-grupo-grecoeguerreiro.webp');
     background-attachment: fixed;
}

.section {
    padding: 80px 0;
    height: auto;
}

.bg_pontos {
     background: linear-gradient(to left, blue, hotpink);
     border-radius: 5px;
     box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}

.card-atencao {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 30px;
    margin-top: 30px;
}

.box {
    background-color: rgba(255,255,255,.7);
    padding: 30px 60px;
    border-radius: 50px;
    margin-top: 50px;
}

.card-premios {
     background-color: #ffffff;
     border-radius: 5px;
     position: relative;
     text-align: center;
     box-shadow: rgb(33 35 38 / 35%) 0px 20px 10px -10px;
     display: flex;
     justify-content: center;
}
/*
.card-premios:hover {
     box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
     transform: scale(1.2);
     z-index: 2;
}

.card-premios .box-pontos {
    display: inline-grid;
    position: absolute;
    top: 50%;
    padding: 5px;
    transform: translateY(-50%);
}
*/
.pontos {
     font-size: 4em;
     color: #EA202D;
     font-weight: 900;
     line-height: .6em;
     text-transform: uppercase;
     text-align: center;
     position: relative;
     margin-top: -50px;
     margin-bottom: -25px;
     z-index: 1;
     text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #F1CD46, 0 0 30px #F1CD46, 0 0 40px #F1CD46, 0 0 55px #F1CD46, 0 0 75px #F1CD46;
}

.text-opcao {
    position: relative;
    text-align: center;
    z-index: 1;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 900;
    color: #f2f2f2;
    font-size: 1.1em;
    text-transform: uppercase;
}

.text-pontos {
     color: #F1CD46;
     font-style: italic;
     font-size: .6em;
}

.title-pontos {
     border-radius: 0 0 5px 5px;
     font-size: 1.1em;
     font-weight: 500;
     color: #fff;
     line-height: 1em;
     text-transform: uppercase;
     text-align: center;
     padding: 20px 5px 15px;
     background-color: #EA202D;
     margin-top: -5px;
}

.text-atencao {
     color: #EA202D;
     font-size: 32px;
     font-weight: 700;
     padding-top: 10px;
}

.text-content-atencao {
     color: #14326b;
     font-size: 22px;
     font-weight: 500;
}

.divider {
      display: flex;
}

.divider:before {
      content: "";
      flex: 1;
}

.gradient {
      align-items: stretch;
      height: 1em;
}

.gradient:before {
      background: linear-gradient(to left, blue, hotpink);
}

.gradient:after {
      background: linear-gradient(to right, blue, hotpink);
}

.shadow-divider {
    box-shadow: rgb(33 35 38 / 70%) 0px 0px 10px 5px;
    position: relative;
}

sup {
    color: #EA202D;
}

img.border-radius {
    border-radius: 10px 10px 0 0;
}

h2 {
    color: #14326b;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
}

.font-weight-700 {
     font-weight: 700;
}

.img-guerreiros {
    margin-top: -100px;
    width: 260px;
}

.img-logo {
    width: 150px;
}

.btn-seta {
    margin-top: -80px;
    object-fit: contain;
    height: 100px;
}

button {
     border: 0;
     background: transparent;
}

button img {
     transition: ease-in-out 400ms;
}

button:hover img {
     transform: scale(1.2);
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.navbar-light .navbar-toggler {
    border-color: none;
    background: #fff;
}

#home img.img-milhoes {
     height: 500px;
     width: auto;
     object-fit: contain;
}

.center-vertical {
    height: 100vh;
    align-content: center;
}

.regulamento-texto {
    height: 500px;
    padding: 20px;
    overflow: auto;
}

.regulamento-texto p {
    text-align: justify;
    margin-bottom: 0;
    text-indent: 30px;
}

.text-no-ident {
    text-indent: 0 !important;
}

ol li {
    list-style: lower-alpha;
}

.primeiro {
    background-color: #213a79;
    border-radius: 25px 0 0 25px;
    padding: 10px;
}

.segundo {
    background-color: #f7f7f7;
    padding: 10px;
}

.terceiro {
    background-color: #ffffff;
    border-radius: 0 25px 25px 0;
    padding: 10px;
}

@media (max-width: 1280px) {
     #home img {
          width: 50%;
     }
     #campanha h2 {
         font-size: 16px;
     }
     .box {
         padding: 15px 25px;
     }
     .img-guerreiros {
         margin-top: -70px;
     }
}

@media (max-width: 991px) {
     a.nav-link {
         padding: 0;
         margin-top: 20px;
         margin-right: 20px;
     }
     .navbar-toggler:focus {
         box-shadow: none;
     }
     header nav.animate__animated {
          animation: none;
     }
     .botao-participar {
          margin-top: 10px;
     }
     .botao-participar a.nav-link {
          margin-top: 10px;
          padding-bottom: 10px;
          padding-right: 20px;
          margin-right: 0;
     }
     .primeiro {
          border-radius: 25px 25px 0 0;
          text-align: center;
     }

     .segundo {
          text-align: center;
     }

     .terceiro {
          border-radius: 0 0 25px 25px;
          text-align: center;
     }
}

@media (min-width: 992px) {
     .navbar-brand {
          display: none;
     }
     .navbar-expand-lg .navbar-nav .nav-link {
         padding-right: 2.5rem;
         padding-left: 2.5rem;
     }
}

@media (max-width: 767px) {
     .btn-seta {
         margin-top: 0;
         width: 50%;
     }
     h2 {
          font-size: 18px;
     }
     .no-webp .bg_primario, .webp .bg_primario {
          background-position: right center;
          background-attachment: unset;
     }
     .no-webp .bg_secundario, .webp .bg_secundario {
          background-position: 65% center;
          background-attachment: unset;
     }
     .no-webp .bg_footer, .webp .bg_footer {
          background-position: right bottom;
          background-attachment: unset;
     }
     .regulamento-texto {
         padding: 10px;
     }
}