@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/ClubeTroppz/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0l8hzhhtlq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0l8hzhhtlq] {
    flex: 1;
}

.sidebar[b-0l8hzhhtlq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-0l8hzhhtlq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0l8hzhhtlq]  a, .top-row[b-0l8hzhhtlq]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0l8hzhhtlq]  a:hover, .top-row[b-0l8hzhhtlq]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-0l8hzhhtlq]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-0l8hzhhtlq] {
        justify-content: space-between;
    }

    .top-row[b-0l8hzhhtlq]  a, .top-row[b-0l8hzhhtlq]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-0l8hzhhtlq] {
        flex-direction: row;
    }

    .sidebar[b-0l8hzhhtlq] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-0l8hzhhtlq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-0l8hzhhtlq]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-0l8hzhhtlq], article[b-0l8hzhhtlq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-0l8hzhhtlq] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-0l8hzhhtlq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/ClubeTroppz/Components/Pages/Home.razor.rz.scp.css */
/*Fonts*/
@font-face {
    font-family: 'Hermanoaito';
    src: url('../Fonts/hErMaNoAlTO UnIcaSe.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CharlieKingdom';
    src: url('../Fonts/Charlie Kingdom.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CircularSTD';
    src: url('../Fonts/Circular-Std-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Circular';
    src: url('../Fonts/CircularStd-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html[b-mdtkjdc86w] {
    overflow-x: hidden;
}

/* Geral */
body[b-mdtkjdc86w] {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #008bd1;
    color: white;
    width: 100%;
    overflow-x: hidden;
}

/* Navbar */
.navbar[b-mdtkjdc86w] {
    background-color: #54B6D8 !important;
    padding: 10px 20px;
    font-family: CircularSTD;
}

.navbar-toggler[b-mdtkjdc86w] {
    border: none;
}

.navbar-nav[b-mdtkjdc86w] {
    gap: 15px;
}

.navbar-nav .nav-link[b-mdtkjdc86w] {
    font-weight: bold;
    text-decoration: none;
    transition: .2s all;
}

.navbar-nav .nav-link:hover[b-mdtkjdc86w] {
    color: #562998 !important;
}

/* Introdução */
.introduction[b-mdtkjdc86w] {
    background-color: #009AD1;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    overflow-x: hidden;
    letter-spacing: 0px;
}

.highlight-yellow[b-mdtkjdc86w] {
    color: #FFFF00;
    font-weight: bold;
}

.LandingPage[b-mdtkjdc86w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/*.imgTitle {
    width: 100%;
    max-width: 1200px;
    min-width: 100px;
}

.mascote {
    width: 100%;
    min-width: 100px;
    display: block;
    position: relative;
    bottom: 0px;
    left: 0px;
    max-width: 720px;
    padding-right: 40px;
    margin: 0 auto;
}*/

.container-div[b-mdtkjdc86w] {
    width: 100%;
    max-width: 850px;
    position: relative;
    padding: 30px 0px 100px 0px;
}

.landingImage[b-mdtkjdc86w] {
    width: 50%;
    min-width: 350px;
    max-width: 400px;
    position: absolute;
    right: -127px;
    bottom: 0px;
    border: none;
}

.logoTropzz[b-mdtkjdc86w] {
    width: 120px;
}

.p1-title[b-mdtkjdc86w], .p2-title[b-mdtkjdc86w], .p3-titlebg[b-mdtkjdc86w] {
    font-family: CharlieKingdom;
    line-height: 1;
    text-shadow: 1px 1px 5px gray;
}

.p1-title[b-mdtkjdc86w] {
    color: #fff0d5;
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.p2-title[b-mdtkjdc86w] {
    font-size: 50px;
    color: #ffffff;
}

.p3-titlebg[b-mdtkjdc86w] {
    font-size: 50px;
    color: #fff0d5;
    background-color: #33B092;
    border-radius: 15px;
    padding: 0px 2px 0px 2px;
}

.p4-title[b-mdtkjdc86w] {
    font-family: CircularSTD;
}

.description[b-mdtkjdc86w] {
    margin-top: 30px;
    margin-left: 30px;
    font-weight: bold;
    font-family: CircularSTD;
    font-size: 18px;
}

.presentation-text[b-mdtkjdc86w] {
    margin-left: 30px;
}

.introduction-h2[b-mdtkjdc86w] {
    color: white;
    font-size: 20px;
    font-weight: bold;
}

.introduction-text[b-mdtkjdc86w] {
    color: #D0F3FF;
    font-family: CircularSTD;
    text-align: left;
    width: 60%;
    max-width: 660px;
    max-height: 660px;
    letter-spacing: 0px;
}


.blob-container[b-mdtkjdc86w] {
    background-image: url(../Images/BlobShape.svg);
    background-repeat: no-repeat;
    background-size: 200% 100%;
    background-position: 50% 0%;
    height: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.introduction-btn[b-mdtkjdc86w] {
    padding: 0px 25px 0px 25px;
    max-width: 320px;
    height: 55px;
    background-color: #35B899;
    border: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: large;
    color: #D0F3FF;
    transition: .2s all;
    margin-top: 20px;
    font-family: CircularSTD;
}

.align-btn[b-mdtkjdc86w] {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.introduction-btn:hover[b-mdtkjdc86w] {
    background-color: #562998;
}

.introduction-btn:active[b-mdtkjdc86w] {
    background-color: #301754;
}

.tabelaResgate[b-mdtkjdc86w] {
    width: 100%;
    background-color: #A4DBCE;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}

.tabelaResgateTitulo[b-mdtkjdc86w] {
    text-shadow: -6px 1px 0 #199361;
    font-family: Hermanoaito;
    color: #FFFFFF;
    font-size: 65px;
}

.tabelaResgateBG[b-mdtkjdc86w] {
    background-image: url(../Images/TabelaResgateBG.svg);
    background-position: center;
    background-size: 1000px 1000px;
    background-repeat: no-repeat;
    height: 250px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cardsContainer[b-mdtkjdc86w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.pontua[b-mdtkjdc86w] {
    font-family: Hermanoaito;
}

.pontua h4[b-mdtkjdc86w] {
    margin: 0;
    padding: 0;
}

.pontua p[b-mdtkjdc86w] {
    margin: 0;
    padding: 0;
}

.prodDesc[b-mdtkjdc86w] {
    font-family: CircularSTD;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 96%;
}

.inlineCards[b-mdtkjdc86w] {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}

.customCard[b-mdtkjdc86w] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #199361;
    color: #FFFFFF;
    color: #FFFFFF;
}

.customCard img[b-mdtkjdc86w] {
    margin: 0 auto;
    padding: 0;
    margin: 0;
}

.AlignTextRight[b-mdtkjdc86w] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: right;
}

.positionTopRight[b-mdtkjdc86w] {
    position: absolute;
    top: 20px;
    right: 20px;
    text-shadow: 2px 2px 1px #35B899, 2px -2px 1px #35B899, -2px 2px 1px #35B899, -2px -2px 1px #35B899, 2px 0px 1px #35B899, 0px 2px 1px #35B899, -2px 0px 1px #35B899, 0px -2px 1px #35B899;
}

.positionTopRight h4[b-mdtkjdc86w] {
    font-size: xx-large;
}

.cardLayer1[b-mdtkjdc86w] {
    width: 210px;
    height: 300px;
    border-radius: 25px;
}

.cardLayer1 img[b-mdtkjdc86w] {
    width: 70%;
}

.cardLayer2[b-mdtkjdc86w] {
    width: 240px;
    height: 330px;
    border-radius: 35px;
}

.cardLayer2 img[b-mdtkjdc86w] {
    width: 80%;
}

.cardLayer3[b-mdtkjdc86w] {
    width: 270px;
    height: 360px;
    border-radius: 45px;
}

.cardLayer3 img[b-mdtkjdc86w] {
    width: 80%;
}

.cardObs[b-mdtkjdc86w] {
    font-size: 10px;
    padding-bottom: 4px;
    margin: 0;
}

.font-circularLight[b-mdtkjdc86w] {
    font-family: Circular;
    font-weight: lighter;
}

.mascoteLeft[b-mdtkjdc86w] {
    width: 100%;
    position: absolute;
    left: -60%;
    top: 40%;
    z-index: 3;
    max-width: 1150px;
}

.mascoteRight[b-mdtkjdc86w] {
    width: 100%;
    position: absolute;
    right: -65%;
    top: 10%;
    z-index: 3;
    max-width: 1150px;
}

.boxShadowYellow[b-mdtkjdc86w] {
    box-shadow: 10px 12px rgba(255, 255, 0, 1);
}

.invertBoxShadowYellow[b-mdtkjdc86w] {
    box-shadow: -10px -12px rgba(255, 255, 0, 1);
}

.boxShadowPurple[b-mdtkjdc86w] {
    box-shadow: 10px 12px rgba(80, 44, 135, 1);
}

.invertBoxShadowPurple[b-mdtkjdc86w] {
    box-shadow: -10px -12px rgba(80, 44, 135, 1);
}

.cadastro[b-mdtkjdc86w] {
    background-color: #FFF0D5;
    padding: 50px 0px 50px 0;
}

.alignImgCadastro[b-mdtkjdc86w] 
{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.imgCadastro[b-mdtkjdc86w] {
    width: 80%;
    margin: 0 auto;
}

.bg-lightYellow[b-mdtkjdc86w] {
    background-color: #E3E7D5;
    border-radius: 10px;
    padding: 40px 15px;
    width: 100%;
    min-width: 200px;
    margin: 0 auto;
}

.form-container[b-mdtkjdc86w] {
    width:80%;
    margin: 0 auto;
}

.form-label[b-mdtkjdc86w] {
    color: #199361;
    font-weight: bold;
    font-size: large;
    font-family: CharlieKingdom;
}

.notRequired[b-mdtkjdc86w] {
    margin-left: 5px;
    font-size: small;
    color: #747474;
}

.btn-cadastrar[b-mdtkjdc86w] {
    padding: 0px 25px 0px 25px;
    min-width: 200px;
    height: 80px;
    background-color: #502C87;
    border: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: large;
    color: #D0F3FF;
    transition: .2s all;
    margin-top: 20px;
    font-family: CharlieKingdom;
    font-weight: lighter;
}

.btn-faq[b-mdtkjdc86w] {
    padding: 0px 25px 0px 25px;
    min-width: 200px;
    height: 60px;
    background-color: #1E97D8;
    border: none;
    border-radius: 15px;
    font-weight: bold;
    font-size: large;
    color: #D0F3FF;
    transition: .2s all;
    font-family: CircularSTD;
}

.infoToolTip[b-mdtkjdc86w] {
    display: block;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: yellow;
    color: #35B899;
    font-weight: bold;
    font-family: Arial, sans-serif;
    border-radius: 50%;
    border: 1px solid #35B899;
    cursor: pointer;
    position: absolute;
    bottom: 16px;
    right: 16px;
    text-align: center;
}

.infoToolTipExpand[b-mdtkjdc86w] {
    visibility: hidden;
    width: 180px;
    background-color: black;
    color: white;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    position: absolute;
    bottom: 150%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    font-size: 14px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 3;
}

.infoToolTipExpand[b-mdtkjdc86w]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.infoToolTip:hover .infoToolTipExpand[b-mdtkjdc86w] {
    visibility: visible;
    opacity: 1;
}


.btn-cadastrar:hover[b-mdtkjdc86w], .btn-faq:hover[b-mdtkjdc86w] {
    background-color: #562998;
}

.btn-cadastrar:active[b-mdtkjdc86w], .btn-faq:hover[b-mdtkjdc86w] {
    background-color: #301754;
}

.cadastro-titulo[b-mdtkjdc86w] {
    color: #199361;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0;
    font-family: CharlieKingdom;
    text-align: center;
}

.btn-container[b-mdtkjdc86w] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.accordion-header[b-mdtkjdc86w] {
    width: 100%;
}

.accordion-button[b-mdtkjdc86w] {
    width: 100%;
}

.container-accordion[b-mdtkjdc86w] {
    background-color: #D0F3FF;
    padding: 50px 0 50px 0;
}

.faq-title[b-mdtkjdc86w] {
    color: #199361;
    font-weight: bold;
    padding: 15px 0;
    font-family: CircularSTD;
}

.faq-text[b-mdtkjdc86w] {
    width: 80%;
    margin: 0 auto;
    font-family: CircularSTD;
}

.accordion-item button[b-mdtkjdc86w] {
    font-weight: bold;
    color: #199361;
}

.accordion-item[b-mdtkjdc86w] {
    color: #199361;
}

.faq-container[b-mdtkjdc86w] {
    width: 80%;
    margin: 25px auto 0 auto;
}

.footer-text[b-mdtkjdc86w] {
    display: block;
    font-weight: bold;
    font-size: x-large;
    color: #199361;
}

/* Responsividade */

/*Mascote*/
/*@media (min-width: 1150px)
{
    .mascoteRight {
        top: 100px;
        left: calc(100vw - 450px);
    }
    .mascoteLeft {
        top: 500px;
        left: unset;
        right: calc(100vw - 500px);
    }
}*/
/*Esquerda*/
/*@media only screen and (max-width: 1009px) and (min-width: 800px) {
    .mascoteLeft {
        width: 600px;
        left: -350px;
        bottom: 200px;
    }
}
@media only screen and (max-width: 799px) and (min-width: 680px) {
    .mascoteLeft {
        width: 400px;
        left: -250px;
        bottom: 200px;
    }
}
@media only screen and (max-width: 679px) and (min-width: 655px) {
    .mascoteLeft {
        width: 300px;
        left: -180px;
        bottom: 400px;
    }
}
@media only screen and (max-width: 654px) and (min-width: 576px) {
    .mascoteLeft {
        display: none;
    }
}*/
/*EsquerdaFim*/
/*MascoteFim*/


/*Global*/
@media (max-width: 576px) {
    .navbar-nav[b-mdtkjdc86w] {
        text-align: right;
    }

    .introduction-btn[b-mdtkjdc86w] {
        font-size: large;
        height: 60px;
        margin-top: 0;
    }

    .boxShadowYellow[b-mdtkjdc86w] {
        box-shadow: 8px 8px rgba(255, 255, 0, 1);
    }

    .invertBoxShadowYellow[b-mdtkjdc86w] {
        box-shadow: -8px -8px rgba(255, 255, 0, 1);
    }

    .boxShadowPurple[b-mdtkjdc86w] {
        box-shadow: 8px 8px rgba(80, 44, 135, 1);
    }

    .invertBoxShadowPurple[b-mdtkjdc86w] {
        box-shadow: -8px -8px rgba(80, 44, 135, 1);
    }


    .positionTopRight h4[b-mdtkjdc86w] {
        font-size: x-large;
    }

    .descFont[b-mdtkjdc86w] {
        font-size: 10px;
    }

    .positionTopRight[b-mdtkjdc86w] {
        top: 8px;
        right: 8px;
    }
    
    .introduction-text p[b-mdtkjdc86w], h2[b-mdtkjdc86w]{
        display: inline-block;
        margin-bottom: 0;
    }
}
/*GlobalFim*/

/*Dispositivos*/
@media only screen and (max-width: 430px) AND (min-width: 414px) {
    .blob-container[b-mdtkjdc86w] {
        background-size: 290% 200%;
        background-position-y: 45%;
    }

    .introduction-btn[b-mdtkjdc86w] {
        margin-top: 5px;
    }


    /*.mascoteRight {
        right: -190px;
    }
    .mascoteLeft {
        bottom: 140px;
    }*/
}

@media only screen and (max-width: 413px) AND (min-width: 385px)
{
    .blob-container[b-mdtkjdc86w] {
        background-size: 290% 200%;
        background-position-y: 50%;
    }

    .introduction-btn[b-mdtkjdc86w] {
        margin-top: 5px;
    }


   /* .mascoteRight {
        right: -190px;
    }
    .mascoteLeft {
        left: -160px;
        bottom: 140px;
    }*/
}


@media only screen and (max-width: 384px) and (min-width: 359px) {
    .blob-container[b-mdtkjdc86w] {
        background-size: 300% 200%;
        background-position-y: 50%;
    }
    .introduction-text[b-mdtkjdc86w] {
        padding-top: 25px;
    }
    .introduction-btn[b-mdtkjdc86w] {
        margin-top: 5px;
    }


    /*.mascoteRight {
        right: -200px;
    }
    .mascoteLeft {
        left: -160px;
        bottom: 140px;
    }*/
}

@media (max-width: 358px) {
    .blob-container[b-mdtkjdc86w] {
        background-size: 350% 200%;
        background-position-y: 50%;
    }

    .introduction-text[b-mdtkjdc86w] {
        padding-top: 25px;
    }

    .introduction-btn[b-mdtkjdc86w] {
        margin-top: 5px;
    }

    .cardLayer1[b-mdtkjdc86w], .cardLayer2[b-mdtkjdc86w], .cardLayer3[b-mdtkjdc86w] {
        width: 140px;
        height: 230px;
        border-radius: 13px;
        box-shadow: none;
    }


    /*.mascoteRight {
        right: -200px;
    }

    .mascoteLeft {
        left: -160px;
        bottom: 140px;
    }*/
}