/*====  RESET ============================ */
                                
                                * {
                                    margin: 0;
                                    padding: 0;
                                    box-sizing: border-box;
                                }

                                .noselect {
                                    -webkit-touch-callout: none; /* iOS Safari */
                                      -webkit-user-select: none; /* Safari */
                                       -khtml-user-select: none; /* Konqueror HTML */
                                         -moz-user-select: none; /* Old versions of Firefox */
                                          -ms-user-select: none; /* Internet Explorer/Edge */
                                              user-select: none; /* Non-prefixed version, currently
                                                                    supported by Chrome, Opera and Firefox */
                                  }
                                
                                ul {
                                    list-style: none;
                                }
                                
                                a {
                                    text-decoration: none;
                                }

                                p {
                                    text-decoration: none;
                                }
                                
                                img {
                                    width: 100%;
                                    height: auto;
                                }
                                /*====  VARIABLES ============================ */
                                
                                @font-face {
                                    font-family: big_noodle_titling;
                                    src: url(./assets/fonts/fonts/big_noodle_titling.ttf);
                                }
                                
                                @font-face {
                                    font-family: Roboto-Black;
                                    src: url(./assets/fonts/fonts/Roboto-Black.ttf);
                                }
                                
                                @font-face {
                                    font-family: Roboto-Bold;
                                    src: url(./assets/fonts/fonts/Roboto-Bold.ttf);
                                }
                                
                                @font-face {
                                    font-family: Roboto-Regular;
                                    src: url(./assets/fonts/fonts/Roboto-Regular.ttf);
                                }
                                
                                @font-face {
                                    font-family: Roboto-Light;
                                    src: url(./assets/fonts/fonts/Roboto-Light.ttf);
                                }
                                
                                 :root {
                                    --header-height: 0.2rem;
                                    /* colors */
                                    --hue: 159;
                                    /* HSL color mode */
                                    --base-color: hsl(red);
                                    --base-color-second: hsl(var(--hue) 65% 88%);
                                    --base-color-alt: hsl(var(--hue) 57% 53%);
                                    --title-color: red;
                                    --text-color: white;
                                    --text-color-light: hsl(0 0% 98%);
                                    --body-color: black;
                                    /* fonts */
                                    --title-font-size: 1.875rem;
                                    --subtitle-font-size: 1rem;
                                    --title-font: 'Poppins', sans-serif;
                                    --body-font: 'big_noodle_titling', sans-serif;
                                }
                                /*===  BASE ============================ */
                                
                                html {
                                    scroll-behavior: smooth;
                                }
                                
                                body {
                                    font: 400 1rem var(--body-font);
                                    color: var(--text-color);
                                    background: var(--body-color);
                                    -webkit-font-smoothing: antialiased;
                                }

                            .zoomLogo{
                                transition: transform .2s;
                            }

                            .zoomLogo:hover{
                                transform: scale(1.1);
                            }
                                
                                .title {
                                    font: 700 var(--title-font-size) var(--title-font);
                                    color: var(--title-color);
                                    -webkit-font-smoothing: auto;
                                }
                                
                                .divider-1 {
                                    height: 1px;
                                    background: linear-gradient( 270deg, hsla(var(--hue), 36%, 57%, 1), hsla(var(--hue), 65%, 88%, 0.34));
                                }
                                
                                .divider-2 {
                                    height: 1px;
                                    background: linear-gradient( 270deg, hsla(var(--hue), 65%, 88%, 0.34), hsla(var(--hue), 36%, 57%, 1));
                                }
                                /*====  LAYOUT ============================ */
                                
                                .container {
                                    margin-left: 1.5rem;
                                    margin-right: 1.5rem;
                                }
                                
                                .grid {
                                    display: grid;
                                    gap: 2rem;
                                }

                                .promocionais{
                                    color:lightgrey !important;
                                    font-size: .8rem !important;
                                }
                                
                                .logo_run {
                                    position: absolute;
                                    margin-top: -8rem;
                                    width: 12rem;
                                }
                                
                                .section {
                                    padding: calc(5rem + var(--header-height)) 0;
                                }
                                
                                .section .title {
                                    margin-bottom: 1rem;
                                }
                                
                                .section .subtitle {
                                    font-size: var(--subtitle-font-size);
                                }
                                
                                .section header {
                                    margin-bottom: 4rem;
                                }
                                
                                .section header strong {
                                    color: var(--base-color);
                                }
                                
                                #header {
                                    background-color: red;
                                    height: 0.5rem;
                                }
                                
                                #header.scroll {
                                    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
                                }
                                /*====  HOME ============================ */
                                
                                .example-image {
                                    width: 25rem !important;
                                }
                                
                                #home {
                                    overflow: hidden;
                                    min-height: 110vh;
                                    background-size: 100%;
                                    background-repeat: no-repeat;
                                    background-image: url('./assets/fotos/fundo_site.jpg');
                                }
                                
                                #home .container {
                                    margin: 0;
                                    min-height: 60vh;
                                }
                                
                                #home .image {
                                    position: relative;
                                }
                                
                                #home .image img {
                                    position: relative;
                                    right: 2.93rem;
                                }
                                
                                #home .image img,
                                #home .image::before {
                                    border-radius: 0.25rem;
                                }
                                
                                #home .text {
                                    margin-left: 1rem;
                                    margin-right: 1rem;
                                    text-align: center;
                                    margin-top: 3rem;
                                }
                                
                                #home .text h1 {
                                    margin-bottom: 1rem;
                                }
                                
                                #home .text p {
                                    margin-top: 8rem;
                                    margin-bottom: 2rem;
                                    width: 130rem;
                                    font: 500 2rem 'Roboto-Regular';
                                    color: red;
                                }

                                .text_elite {
                                    color: white !important;
                                }

                                #home .promocionais{
                                    color:lightgrey !important;
                                    font-size: .8rem !important;
                                }
                                
                                #home .text p span {
                                    margin-top: 6rem;
                                    margin-bottom: 2rem;
                                    width: 100rem;
                                    font: 500 2rem 'Roboto-Bold';
                                    color: red;
                                }
                                
                                #home .text a {
                                    padding-left: 1.5rem;
                                    margin-left: 1.5rem;
                                    height: 2.8rem;
                                    background-color: white;
                                    color: red;
                                    width: 11rem;
                                    display: inline-flex;
                                    align-items: center;
                                    padding: 0 1rem;
                                    border-radius: 1.5rem;
                                    font: 500 1.7rem var(--body-font);
                                    transition: background 0.3s;
                                }
                                
                                .date {
                                    background-color: red;
                                    color: white;
                                    height: 2.8rem;
                                    display: inline-flex;
                                    align-items: center;
                                    padding: 0 1rem;
                                    font: 500 1.7rem var(--body-font);
                                    transition: background 0.3s;
                                }
                                /* SERVICES */
                                
                                #services {
                                    background: black;
                                    margin-top: -15rem;
                                }
                                
                                #services .container {
                                    width: 60%;
                                    margin: 0px 160px;
                                    box-sizing: border-box;
                                    display: block;
                                    justify-content: center;
                                    align-items: center;
                                    flex-wrap: wrap;
                                    padding-top: 1rem;
                                    min-height: 10vh;
                                }
                                
                                #services .image {
                                    position: relative;
                                }
                                
                                #services .image::before {
                                    content: '';
                                    height: 100%;
                                    width: 100%;
                                    /* background: white; */
                                    position: absolute;
                                    top: -8.3%;
                                    left: -33%;
                                    z-index: 0;
                                }
                                
                                #services .image img {
                                    position: relative;
                                    width: 80%;
                                }
                                
                                #services .image img,
                                #services .image::before {
                                    border-radius: 0.25rem;
                                }
                                
                                #services .text {
                                    margin-left: 1.5rem;
                                    margin-right: 1.5rem;
                                }
                                
                                #services .text p {
                                    font-family: 'Roboto-Black';
                                    font-size: 3rem;
                                }
                                
                                #services .text p span {
                                    color: red;
                                    font-weight: bold;
                                    font-size: 1rem;
                                }
                                /*====  ABOUT ============================ */

                                #home .text_groups{
                                    font-size: 15px !important;
                                } 

                                #home .loteAtivo{
                                    font-size: 1rem !important;
                                }
                                
                                #about {
                                    background: black;
                                    margin-top: -5rem;
                                    animation: rain 0.3s linear infinite;
                                }
                                
                                #about img{
                                        z-index: 1;
                                        width: 100%;
                                        height: auto;
                                        transform: translateY(0px);
                                        animation: float 4s ease-in-out infinite;
                                }

                                #about .image_kit2{
                                    z-index: 1;
                                    transform: translateY(0px);
                                    animation: float2 3s ease-in-out infinite;
                                }

                                #about .image_kit3{
                                    z-index: 1;
                                    transform: translateY(0px);
                                    animation: float3 3s ease-in-out infinite;
                                }

                                #about .kit_camisa{
                                    margin-top: -0rem;
                                    z-index: 1;
                                    /* float: right; */
                                    /* margin-left: 2rem; */
                                    width: 100%;
                                    height: auto;
                                }

                            .zoom1{
                                transition: transform .2s;
                            }

                            .zoom1:hover{
                                transform: scale(1.3);
                            }

                                #about .kit_sacola{
                                    margin-top: -11rem;
                                    /* float: right; */
                                    margin-left: 2rem;
                                    width: 35%;
                                    height: auto;
                                }

                                
                                #about .kit_bandana{
                                    margin-top: -11rem;
                                    float: right;
                                    margin-left: 2rem;
                                    width: 30%;
                                    height: auto;
                                }

                                
                                #about .image_kit{
                                    z-index: 1;
                                }

                                #about .text_inscricao{
                                    z-index: 1;
                                }


                                
                                @keyframes float{
                                    0% {
                                        transform: translateY(0px);
                                    }
                                    50% {
                                        transform: translateY(-20px);
                                    }
                                    100% {
                                        transform: translateY(0px);
                                    }
                                }



                                @keyframes float2{
                                    0% {
                                        transform: translateY(0px);
                                    }
                                    50% {
                                        transform: translateY(-15px);
                                    }
                                    100% {
                                        transform: translateY(0px);
                                    }
                                }

                                @keyframes float3{
                                    0% {
                                        transform: translateY(0px);
                                    }
                                    50% {
                                        transform: translateY(10px);
                                    }
                                    100% {
                                        transform: translateY(0px);
                                    }
                                }
                             
                                
                                #about .container {
                                    margin: 0;
                                    margin-left: 3rem;
                                }
                                
                                #about .text {
                                    margin-left: 1.5rem;
                                    margin-right: 1.5rem;
                                }
                                
                                #about .text p {
                                    font-family: 'Roboto-Black';
                                    font-size: 1rem;
                                    color: white;
                                }
                                
                                #about .text p span {
                                    color: red;
                                    font-weight: bold;
                                    font-size: 1rem;
                                }

                                .text_inscricao p{
                                    transition: transform .2s;

                                }

                                .text_inscricao p:hover{
                                    transform: scale(1.1);
                                }
                                
                                #about .text_inscricao {
                                    font-family: 'Roboto-Black';
                                    margin-left: 3rem;
                                    /* width: 50%; */
                                }
                                
                                .text_inscricao p {
                                    font-size: 1rem;
                                }
                                
                                .text_inscricao span {
                                    font-size: 1rem;
                                    color: red;
                                    font-weight: bold;
                                    font-size: 1rem;
                                    margin-right: 2px;
                                }
                                
                                #about .image_kit {
                                    margin-left: 3rem;
                                    width: 30rem;
                                }
                                
                                .msg_camisa {
                                    font-size: 1.5rem;
                                    margin-left: 10px;
                                    /* Primeiro passo: definir um degradê como fundo */
                                    background-image: linear-gradient(to bottom, #1a1a1a, white, white);
                                    /* Segundo passo: apagar do fundo tudo que não estiver imediatamente atrás de texto */
                                    background-clip: text;
                                    -webkit-background-clip: text;
                                    /* Alguns navegadores precisam do prefixo */
                                    /* Terceiro passo: apagar o texto, deixando apenas o fundo atrás dele */
                                    -webkit-text-fill-color: transparent;
                                    /* Cor que contraste com o degradê, caso o navegador não suporte `background-clip: text` */
                                    color: black;
                                }
                                
                                .local {
                                    text-align: center;
                                    width: 100%;
                                    position: absolute;
                                    margin-top: 3rem;
                                }
                                
                                .local h1 {
                                    font-size: 5rem;
                                    background: -webkit-linear-gradient(#EF0000, #720000);
                                    -webkit-background-clip: text;
                                    -webkit-text-fill-color: transparent;
                                }
                                
                                .local h2 {
                                    margin-top: 2rem;
                                    font-family: 'Roboto-Light';
                                    color: #fff;
                                    font-weight: bold;
                                    font-size: 2rem;
                                }
                                
                                .local p {
                                    margin-top: 1rem;
                                    color: red;
                                    font-family: 'Roboto-Light';
                                }
                                /*************** swiper ********************/
                                
                                .swiper-slide {
                                    height: auto;
                                    padding: 4rem 1rem;
                                }
                                
                                .swiper-pagination-bullet {
                                    width: 0.75rem;
                                    height: 0.75rem;
                                }
                                
                                .swiper-pagination-bullet-active {
                                    background: var(--base-color);
                                }
                                /* FILTER GRAY  */
                                
                                .teste img {
                                    filter: grayscale();
                                    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);
                                    margin-bottom: 1rem;
                                    transition: filter 0.4s ease-in-out;
                                }
                                
                                .teste:hover img {
                                    filter: none;
                                }
                                /* ZOOM FOTO  */
                                
                                .zoom {
                                    overflow: hidden;
                                }
                                
                                .zoom img {
                                    max-width: 100%;
                                    -moz-transition: all 0.3s;
                                    -webkit-transition: all 0.3s;
                                    transition: all 0.3s;
                                }
                                
                                .zoom:hover img {
                                    -moz-transform: scale(1.1);
                                    -webkit-transform: scale(1.1);
                                    transform: scale(1.1);
                                }
                                /*====  FOOTER ============================ */
                                
                                footer {
                                    background: rgb(255, 0, 0);
                                    background: linear-gradient(0deg, rgba(255, 0, 0, 1) 0%, rgba(121, 9, 9, 1) 41%, rgba(0, 0, 0, 1) 100%);
                                }
                                
                                footer.section {
                                    padding: 3rem 0;
                                }
                                
                                footer .logo {
                                    /* display: inline-block; */
                                    margin-bottom: 1.5rem;
                                    align-items: center;
                                }
                                
                                footer .brand {
                                    display: flex;
                                    flex-direction: row;
                                    justify-content: center;
                                    align-items: center;
                                    width: 100%;
                                }
                                
                                footer .brand a {
                                    padding: 0 1rem;
                                }

                                
                                footer .brand img {
                                    width: 100%;
                                }  

                                .fullraio{
                                    z-index: 0;
                                }


                                /* Back to top */
                                
                                .back-to-top {
                                    background: var(--base-color);
                                    color: var(--text-color-light);
                                    position: fixed;
                                    right: 1rem;
                                    bottom: 1rem;
                                    padding: 0.5rem;
                                    clip-path: circle();
                                    font-size: 1.5rem;
                                    line-height: 0;
                                    visibility: hidden;
                                    opacity: 0;
                                    transition: 0.3s;
                                    transform: translateY(100%);
                                }
                                
                                .back-to-top.show {
                                    visibility: visible;
                                    opacity: 1;
                                    transform: translateY(0);
                                }
                                /*========= MEDIA QUERIES =========*/
                                
                                @media (min-width: 1366px) {
                                    #home {
                                        overflow: hidden;
                                        min-height: 105vh;
                                        background-size: 100%;
                                        background-repeat: no-repeat;
                                        background-image: url('./assets/fotos/fundo_site.jpg');
                                    }
                                    #about {
                                        -webkit-box-shadow: 0px -7px 21px 9px #000000;
                                        box-shadow: 0px -7px 21px 9px #000000;
                                    }
                                }
                                
                                @media (min-width: 1400px) {
                                    #home .text p {
                                        order: 0;
                                        max-width: 35rem;
                                        text-align: left;
                                        margin-top: 10rem !important;
                                    }
                                    #home .text .text_elite {
                                        order: 0;
                                        max-width: 40rem;
                                        text-align: left;
                                        margin-top: 2rem !important;
                                    }
                                    .promocionais{
                                        color:lightgrey !important;
                                        font-size: .8rem !important;
                                    }
                                    #home .container {
                                        min-height: 60vh;
                                    }
                                    #services .container {
                                        min-height: 10vh;
                                    }

                                    .back-raio{
                                        z-index: 1;
                                        position: absolute;
                                        min-height: 535px;
                                        margin-top: 4.5rem;
                                        margin-left: -13rem;
                                        width: 30%;
                                        height: auto;
                                        background: rgb(0,0,0);
                                        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 12%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 64%, rgba(0,0,0,1) 79%, rgba(0,0,0,1) 100%);
                                    }
                                    
                                    .raio{
                                        z-index: 0;
                                        width: 200%;
                                        margin-top: 4.5rem;
                                        margin-left: -13rem;
                                        min-height: 600px;
                                        background-repeat: no-repeat;
                                        position: absolute;
                                        background-image: url(./assets/fotos/raio-fundo-com-fundo-preto.gif);
                                        transform: rotate(0deg) ;
                                    
                                    }

                                }
                                
                                @media (min-width: 1200px) {
                                    /* reusable classes */
                                    .promocionais{
                                        color:lightgrey !important;
                                        font-size: .8rem !important;
                                    }
                                    .container {
                                        max-width: 1120px;
                                        margin-left: auto;
                                        margin-right: auto;
                                    }
                                    .section {
                                        padding: 10rem 0;
                                    }
                                    /* layout */
                                    main {
                                        margin-top: var(--header-height);
                                    }
                                    #home {
                                        overflow: hidden;
                                        min-height: 105vh;
                                        background-size: 100%;
                                        background-repeat: no-repeat;
                                        background-image: url('./assets/fotos/fundo_site.jpg');
                                    }
                                    #about {
                                        -webkit-box-shadow: 0px -7px 21px 9px #000000;
                                        box-shadow: 0px -7px 21px 9px #000000;
                                    }
                                    /* home */
                                    #home .container {
                                        grid-auto-flow: column;
                                        justify-content: space-between;
                                        margin: 0 auto;
                                    }
                                    #home .image {
                                        order: 1;
                                    }
                                    #home .text {
                                        order: 0;
                                        max-width: 35rem;
                                        text-align: left;
                                    }

                                    /* about */
                                    #about .container {
                                        margin: 0 auto;
                                        grid-auto-flow: column;
                                    }
                                    /* services */
                                    /* SERVICES */
                                    #services {
                                        background: black;
                                    }
                                    #services .container {
                                        /* margin: 0; */
                                    }
                                    #services .image {
                                        position: relative;
                                    }
                                    #services .image::before {
                                        content: '';
                                        height: 100%;
                                        width: 100%;
                                        /* background: white; */
                                        position: absolute;
                                        top: -8.3%;
                                        left: -33%;
                                        z-index: 0;
                                    }
                                    #services .image img {
                                        position: relative;
                                        width: 80%;
                                    }
                                    #services .image img,
                                    #services .image::before {
                                        border-radius: 0.25rem;
                                    }
                                    #services .text {
                                        margin-left: 1.5rem;
                                        margin-right: 1.5rem;
                                    }
                                    #services .text p {
                                        font-family: 'Roboto-Black';
                                        font-size: 1rem;
                                    }
                                    #services .text p span {
                                        color: red;
                                        font-weight: bold;
                                        font-size: 1rem;
                                    }
                                    .cards {
                                        grid-template-columns: 1.3fr 1.3fr 1.3fr 1.3fr;
                                    }
                                    .card {
                                        padding-left: 0rem;
                                        padding-right: 0rem;
                                    }
                                    /* contact */
                                    #contact .container {
                                        grid-auto-flow: column;
                                        align-items: center;
                                    }
                                    #contact .text {
                                        max-width: 25rem;
                                    }
                                    /* footer */
                                    footer.section {
                                        padding: 3.75rem 0;
                                    }
                                    footer .container {
                                        grid-auto-flow: column;
                                        align-items: center;
                                        justify-content: space-between;
                                    }
                                    footer .logo {
                                        font-size: 2.25rem;
                                    }
                                }
                                /* large devices: 1023 > */
                                /* large devices: 992 > */
                                
                                @media (min-width: 992px) {
                                     :root {
                                        --title-font-size: 2.25rem;
                                        --subtitle-font-size: 1.125rem;
                                    }

                                    .promocionais{
                                        color:lightgrey !important;
                                        font-size: .8rem !important;
                                    }
                                    #home {
                                        overflow: hidden;
                                        min-height: 106vh;
                                        background-size: 100%;
                                        background-repeat: no-repeat;
                                        background-image: url('./assets/fotos/fundo_site.jpg');
                                    }
                                    #about {
                                        -webkit-box-shadow: 0px -7px 21px 9px #000000;
                                        box-shadow: 0px -7px 21px 9px #000000;
                                    }
                                    .container {
                                        max-width: 900px;
                                        margin-left: auto;
                                        margin-right: auto;
                                    }
                                    .section {
                                        padding: 10rem 0;
                                    }
                                    /* home */
                                    #home .container {
                                        grid-auto-flow: column;
                                        justify-content: space-between;
                                        margin: 0 auto;
                                    }
                                    #home .image {
                                        order: 1;
                                    }
                                    #home .text {
                                        order: 0;
                                        max-width: 35rem;
                                        text-align: left;
                                    }
                                    #home .text p {
                                        font-size: 1rem !important;
                                    }
                                    .text_elite {
                                        margin-top: 1.5rem !important;
                                        color: white !important;
                                    }
                                    /* about */
                                    #about .container {
                                        margin: 0 auto;
                                        grid-auto-flow: column;
                                    }
                                    #about .image img {
                                        width: 80%;
                                        margin-left: 1.5rem;
                                        text-align: left;
                                    }
                                    #about .image {
                                        text-align: left;
                                    }
                                    /***************** SERVICES ***********************/
                                    #services {
                                        background: black;
                                    }
                                    #services .container {
                                        /* margin: 0; */
                                    }
                                    #services .image {
                                        position: relative;
                                    }
                                    #services .image::before {
                                        content: '';
                                        height: 100%;
                                        width: 100%;
                                        /* background: white; */
                                        position: absolute;
                                        top: -8.3%;
                                        left: -33%;
                                        z-index: 0;
                                    }
                                    #services .image img {
                                        position: relative;
                                        width: 80%;
                                    }
                                    #services .image img,
                                    #services .image::before {
                                        border-radius: 0.25rem;
                                    }
                                    #services .text {
                                        margin-left: 1.5rem;
                                        margin-right: 1.5rem;
                                    }
                                    #services .text p {
                                        font-family: 'Roboto-Black';
                                        font-size: 1rem;
                                    }
                                    #services .text p span {
                                        color: red;
                                        font-weight: bold;
                                        font-size: 1rem;
                                    }
                                    .cards {
                                        grid-template-columns: 1.3fr 1.3fr 1.3fr 1.3fr;
                                    }
                                    .card {
                                        padding-left: 0rem;
                                        padding-right: 0rem;
                                    }
                                }
                                /* medium devices: 767 > */

                                
                                @media (max-width: 712px) {
    
                                footer .brand {
                                    display: flex;
                                    flex-direction: column;
                                    flex-wrap: wrap;
                                    justify-content: space-between;
                                    align-items: center;
                                    width: auto;
                                    margin-left: -20%;
                                    height: 15em;
                                }

                                #about .kit_camisa{
                                    margin-top: -0rem;
                                    z-index: 1;
                                    /* float: right; */
                                    margin-left: 2rem;
                                    width: 90%;
                                    height: auto;
                                }

                                #about .kit_sacola{
                                    margin-top: -13rem;
                                    /* float: right; */
                                    margin-left: 0rem;
                                    width: 35%;
                                    height: auto;
                                }

                                
                                #about .kit_bandana{
                                    margin-top: -10rem;
                                    float: right;
                                    margin-left: 2rem;
                                    width: 25%;
                                    /* height: auto; */
                                }

                                .zoom1{
                                    transition: transform .2s;
                                }
    
                                .zoom1:hover{
                                    transform: scale(1.1);
                                }


                                .logo:first-child {
                                    width: 12em;
                                    height: 5em;
                                  }
                                  .logo:nth-child(2) {
                                    width: 12em;
                                    height: 5em;
                                  }
                                  .logo:nth-child(3) {
                                    width: 12em;
                                    height: 5em;
                                  }
                                  .logo:nth-child(4) {
                                    width: 12em;
                                    height: 5em;
                                  }


                                  #footer .container {
                                    width: auto;
                                
                                }
                            }
                                
                                @media (max-width: 992px) {
                                     :root {
                                        --title-font-size: 1rem;
                                        --subtitle-font-size: .25rem;
                                    }
                                    .container {
                                        max-width: 100vh;
                                        margin-left: auto;
                                        margin-right: auto;
                                    }
                                    .title {
                                        font: 400 var(--title-font-size) var(--title-font);
                                        color: var(--title-color);
                                        -webkit-font-smoothing: auto;
                                    }
                                    /*====  LAYOUT ============================ */
                                    .logo_run {
                                        position: relative;
                                        margin-top: 0rem;
                                        width: 20rem;
                                    }
                                    .section {
                                        padding: calc(1rem + var(--header-height)) 0;
                                    }
                                    .section .title {
                                        margin-bottom: 1rem;
                                    }
                                    .section .subtitle {
                                        font-size: var(--subtitle-font-size);
                                    }
                                    .section header {
                                        margin-bottom: 4rem;
                                    }
                                    .section header strong {
                                        color: var(--base-color);
                                    }
                                    #header {
                                        background-color: red !important;
                                        height: 0.5rem;
                                    }
                                    #header.scroll {
                                        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
                                    }
                                    /*====  HOME ============================ */
                                    #home {
                                        overflow: hidden;
                                        width: 100%;
                                        height: 100%;
                                        background-image: url('./assets/fotos/fundo_mobile.png');
                                    }
                                    #home .container {
                                        margin: 0 1rem;
                                        align-items: center;
                                        text-align: center;
                                    }
                                    #home .image {
                                        position: relative;
                                    }
                                    #home .image::before {
                                        content: '';
                                        height: 100%;
                                        width: 100%;
                                        background: var(--base-color-second);
                                        position: absolute;
                                        top: -16.8%;
                                        left: 16.7%;
                                        z-index: 0;
                                    }
                                    #home .image img {
                                        position: relative;
                                        right: 1rem;
                                    }
                                    #home .image img,
                                    #home .image::before {
                                        border-radius: 0.25rem;
                                    }
                                    #home .text {
                                        margin-left: 0rem;
                                        margin-right: 0rem;
                                        width: 100%;
                                        text-align: center;
                                        align-items: center;
                                    }
                                    #home .text h1 {
                                        margin-bottom: 1rem;
                                        text-align: center;
                                    }
                                    #home .text p {
                                        margin-top: 5rem;
                                        text-align: left !important;
                                        margin-bottom: 2rem;
                                        text-align: center;
                                        width: 100%;
                                        font: 500 0.95rem 'Roboto-Regular';
                                        color: red;
                                        word-break: break-word;
                                    }
                                    .text_elite {
                                        color: white !important;
                                        margin-right: 1.5rem;
                                        margin-top: 2rem !important;
                                        font-size: 1rem !important;
                                        word-break: break-all;
                                    }
                                    #home .text p span {
                                        margin-top: 2rem;
                                        margin-bottom: 2rem;
                                        width: 100%;
                                        font: 500 1.5rem 'Roboto-Bold';
                                        color: red;
                                    }
                                    #home .text a {
                                        margin-top: 2rem;
                                        padding-left: 1.5rem;
                                        margin-left: 1.5rem;
                                        height: 2.8rem;
                                        background-color: white;
                                        color: red;
                                        width: 11rem;
                                        display: inline-flex;
                                        align-items: center;
                                        padding: 0 1rem;
                                        border-radius: 1.5rem;
                                        font: 500 1.7rem var(--body-font);
                                        transition: background 0.3s;
                                    }
                                    .date {
                                        background-color: red;
                                        color: white;
                                        height: 2.8rem;
                                        display: inline-flex;
                                        align-items: center;
                                        padding: 0 1rem;
                                        font: 500 1.7rem var(--body-font);
                                        transition: background 0.3s;
                                    }
                                    /* about */
                                    #about {
                                        margin-top: 0rem;
                                        -webkit-box-shadow: 0px -7px 21px 9px #000000;
                                        box-shadow: 0px -7px 21px 9px #000000;
                                    }
                                    #about .container {
                                        margin: 0 auto;
                                        text-align: center;
                                    }
                                    #about .image img {
                                        width: 80%;
                                    }
                                    #about .text {
                                        margin-top: -1rem;
                                        text-align: left;
                                    }
                                    #about .container h2 {
                                        font-size: 2rem;
                                        font-family: 'Roboto-Black';
                                    }
                                    #about .text_inscricao {
                                        font-family: 'Roboto-Black';
                                        margin-left: 3rem;
                                        text-align: left;
                                    }
                                    .text_inscricao p {
                                        font-size: 1rem;
                                    }
                                    .text_inscricao span {
                                        font-size: 1rem;
                                        color: red;
                                        font-weight: bold;
                                        font-size: 1rem;
                                        margin-right: 2px;
                                    }
                                    #about .image_kit {
                                        margin-left: 20%;
                                        width: 60%;
                                    }
                                    /***************** SERVICES ***********************/
                                    #services {
                                        background: black;
                                    }
                                    #services .container {
                                        margin: 0rem;
                                        margin-top: 13rem;
                                        margin-left: 20%;
                                    }
                                    footer .container {
                                        margin: 0rem;
                                        margin-top: 0rem !important;
                                        margin-left: 20%;
                                    }
                                    #services .image {
                                        position: relative;
                                    }
                                    #services .image::before {
                                        content: '';
                                        height: 100%;
                                        width: 100%;
                                        /* background: white; */
                                        position: absolute;
                                        top: -8.3%;
                                        left: -33%;
                                        z-index: 0;
                                    }
                                    #services .image img {
                                        position: relative;
                                        width: 80%;
                                    }
                                    #services .image img,
                                    #services .image::before {
                                        border-radius: 0.25rem;
                                    }
                                    #services .text {
                                        margin-left: 1.5rem;
                                        margin-right: 1.5rem;
                                    }
                                    #services .text p {
                                        font-family: 'Roboto-Black';
                                        font-size: 1rem;
                                    }
                                    #services .text p span {
                                        color: red;
                                        font-weight: bold;
                                        font-size: 1rem;
                                    }
                                    #services header h2 {
                                        text-align: center;
                                        font-size: 1.7rem !important;
                                        font-family: 'Roboto-Black';
                                    }
                                    .cards {
                                        grid-template-columns: 4fr 4fr;
                                    }
                                    .card {
                                        padding-left: 0rem;
                                        padding-right: 0rem;
                                    }
                                    .local {
                                        text-align: center;
                                        width: 100%;
                                        position: absolute;
                                        margin-top: 3rem;
                                    }
                                    .local h1 {
                                        font-size: 5rem;
                                        background: -webkit-linear-gradient(#EF0000, #720000);
                                        -webkit-background-clip: text;
                                        -webkit-text-fill-color: transparent;
                                    }
                                    .local h2 {
                                        margin-top: 2rem;
                                        font-family: 'Roboto-Light';
                                        color: #fff;
                                        font-weight: bold;
                                        font-size: 2rem;
                                    }
                                    .local p {
                                        margin-top: 1rem;
                                        color: red;
                                        font-family: 'Roboto-Light';
                                    }
                                    #about .kit_camisa{
                                        margin-top: -0rem;
                                        z-index: 1;
                                        /* float: right; */
                                        margin-left: 2rem;
                                        width: 90%;
                                        height: auto;
                                    }
    
                                    #about .kit_sacola{
                                        margin-top: -13rem;
                                        /* float: right; */
                                        margin-left: -13rem;
                                        width: 35%;
                                        height: auto;
                                    }
    
                                    
                                    #about .kit_bandana{
                                        margin-top: -10rem;
                                        float: right;
                                        margin-left: 2rem;
                                        width: 25%;
                                        height: auto;
                                    }
                                                                    .zoom1{
                                    transition: transform .2s;
                                }
    
                                .zoom1:hover{
                                    transform: scale(1.1);
                                }
                                }
                                
                                @media screen and (max-width: 530px) {
                                    #home {
                                        overflow: hidden;
                                        min-height: 106vh;
                                        background-size: 100%;
                                        background-repeat: no-repeat;
                                        background-image: url('./assets/fotos/fundo_mobile.png');
                                    }
                                    #home .text p {
                                        margin-top: 8rem;
                                    }
                                    .logo_run {
                                        width: 10rem;
                                        margin-top: -2rem;
                                    }
                                    #about {
                                        -webkit-box-shadow: 0px -7px 21px 9px #000000;
                                        box-shadow: 0px -7px 21px 9px #000000;
                                        margin-top: -6rem;
                                    }
                                    #services header h2 {
                                        margin-left: -1rem;
                                    }
                                    #about .text_inscricao {
                                        margin-left: 1.5rem;
                                        margin-right: 1.5rem;
                                    }
                                    .teste img {
                                        filter: none !important;
                                    }
                                    .campus {
                                        font-size: .9em;
                                    }
                                    #about {
                                        margin-top: 1px;
                                    }


                                    footer .brand {
                                        display: flex;
                                        flex-direction: column;
                                        flex-wrap: wrap;
                                        /* width: 100%; */
                                        height: 15em;
                                    }

                                    .logo:first-child {
                                        width: 10em;
                                        height: 5em;
                                      }
                                      .logo:nth-child(2) {
                                        width: 10em;
                                        height: 5em;
                                      }
                                      .logo:nth-child(3) {
                                        width: 10em;
                                        height: 5em;
                                      }
                                      .logo:nth-child(4) {
                                        width: 10em;
                                        height: 5em;
                                      }


                                      #footer .container {
                                        width: auto;
                                    
                                    
                                    }

                                    
                                #about .kit_camisa{
                                    margin-top: -0rem;
                                    z-index: 1;
                                    /* float: right; */
                                    margin-left: -4rem;
                                    width: 150%;
                                    height: auto;
                                }

                                #about .kit_sacola{
                                    margin-top: -10rem;
                                    /* float: right; */
                                    margin-left: -12rem;
                                    width: 50%;
                                    height: auto;
                                }

                                
                                #about .kit_bandana{
                                    margin-top: -7rem;
                                    /* float: right; */
                                    margin-right: -2rem;
                                    width: 35%;
                                    /* height: auto; */
                                }
                                    
                                    footer .brand p {
                                        color: var(--text-color-light);
                                        margin-bottom: 0.0rem;
                                    }
    
                                    
                                    footer .brand img {
                                        width: 100%;
                                    }
                                }
                                
                                @media screen and (max-width: 360px) {
                                    .date {
                                        background-color: red;
                                        color: white;
                                        height: 2.8rem;
                                        display: inline-flex;
                                        align-items: center;
                                        padding: 0 1rem;
                                        font: 500 1.5rem var(--body-font);
                                        transition: background 0.3s;
                                    }
                                }
                                
                                @media screen and (orientation: landscape) {
                                    .cards {
                                        margin-top: 0rem;
                                        grid-template-columns: 1fr 1fr 1fr 1fr;
                                    }
                                }