@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap');


:root {

    --fonte-principal           : 'Rubik', sans-serif;
    --cor-primaria              : #1d0050;
    --cor-secundaria            : #D40B78;
    --cor-terciaria             : #00ACA1;
    --cor-branco                : #fefefe;
    --cor-preto                 : #000000;
    --cor-dourado               : #A39161;
}

* {
    margin                      : 0;
    padding                     : 0;
    border-width                : 0;
    border-style                : solid;
    list-style-type             : none;
    list-style-image            : none;
    transition                  : all .25s linear;
}

html {

    scroll-behavior             : smooth;
}

body {
    font-family                 : var(--fonte-principal);
    font-size                   : 16px;
    height                      : 100vh;
    background-color            : var(--cor-primaria);
    background-repeat           : no-repeat;
    background-size             : cover;
    color                       : var(--cor-branco);
}

header {

    height                      : fit-content;
    min-height                  : 100vh;
    display                     : flex;
    flex-direction              : column;
    justify-content             : center;
    align-items                 : center;
    background-image            : url('../imagens/geral/layout_SIMPEX_EFEITO\ DE\ FUNDO\ HOME.png');
    background-repeat           : no-repeat;
    background-size             : 90em;
    background-position-x       : -45em;
    background-position-y       : -40em;
}

.simpHeader_fixa {

    display                     : flex;
    flex-direction              : row;
    align-items                 : center;
    position                    : fixed;
    top                         : 0;
    left                        : 0;
    width                       : 100%;
    height                      : 6em;
    z-index                     : 98;
}

.menuPrincipalRolagem{

    background-color            : var(--cor-secundaria);
}

.simpHeader_fixa h1 {

    font-size                   : 3em;
    margin                      : 0 auto 0 2em;
}

.simpHeader_fixa h1 a {

    text-decoration             : none;
    color                       : var(--cor-branco);
}

.simpMenu {

    display                     : flex;
    flex-direction              : column;
    position                    : fixed;
    top                         : 0;
    right                       : 0;
    z-index                     : 99;
}

.simpBotaoabrirmenu {

    width                       : 3em;
    height                      : 3em;
    cursor                      : pointer;
    padding                     : 1.5em;
}

.simpMenu_lista {

    display                     : flex;
    flex-direction              : column;
    position                    : fixed;
    top                         : 0;
    right                       : -100vw;
    z-index                     : 101;
    width                       : 100vh;
    max-width                   : 15em;
    height                      : 100vh;
    background-color            : var(--cor-secundaria);
    font-size                   : 1.5em;
    list-style                  : none;
    overflow                    : auto;
}

#checkboxMenu {

    display                     : none;
}

input#checkboxMenu:checked + .simpMenu_lista {

    right                       : 0;
}

.simpMenu_lista li{

    display                     : flex;
    flex-direction              : column;
    align-items                 : center;
    z-index                     : 1;
}

.simpMenu_lista a{

    width                       : 70%;
    padding                     : 0.5em 0.5em;
    margin                      : 0.5em;
    display                     : block;
    text-align                  : center;
    color                       : var(--cor-branco);
    text-decoration             : none;
    border-color                : var(--cor-branco);
    border-width                : 2px;
}

.simpBotaomenu:hover {

    color                       : var(--cor-branco);
    background-color            : var(--cor-primaria);
    filter                      : drop-shadow(2px 4px 6px #000);
}

.simpBlur {

    display                     : none;
}

input#checkboxMenu:checked + .simpMenu_lista + .simpBlur  {

    display                     : block;
    width                       : 100vw;
    height                      : 100vh;
    background-color            :rgba(29, 0, 80, 55%);
    backdrop-filter             : blur(2px);
    position                    : fixed;
    top                         : 0;
    left                        : 0;
    z-index                     : 1;
}

.simpBotaofecharmenu {

    color                       : #fefefe;
    font-size                   : 4em;
    line-height                 : .8em;
    text-align                  : right;
    display                     : block;
    margin                      : 0 0.2em .5em auto;
    cursor                      : pointer;
}

.simpHeader_container {

    font-weight                 : 700;
    font-size                   : 7em;
    display                     : flex;
    flex-direction              : row;
    justify-content             : center;
    gap                         : 1em;
    font-weight                 : 500;
    width                       : 3em;
    line-height                 : .8em;
    margin                      : 2.5em 0 1em 0;
}

.simpHeader_save {

    display                     : flex;
    align-items                 : center;
    gap                         : .1em;
}

.simpHeader_data {

    font-weight                 : 400;
    font-size                   : .4em;
    background-color            : var(--cor-terciaria);
    text-align                  : center;
    border-radius               : .8em;
    padding                     : 0 .2em;
}

.simpHeader_data span{

    font-size                   : 1.2em;
}

.simpHeader_imagem {

    width                       : 7em;
}

.simpHeader_logo {

    width                       : 20em;
}

.simpSobre {

    display                     : flex;
    justify-content             : center;
    align-items                 : center;
    padding                     : 10% 10%;
    min-height                  : 100%;
    background-image            : url('../imagens/geral/layout_SIMPEX_EFEITO\ FUNDO\ SOBRE.png'),
                                    linear-gradient(180deg , var(--cor-primaria), var(--cor-secundaria));
    background-size             : 60%, 100%;
    background-repeat           : no-repeat;
    background-position-x       : 180%, 0;
}

.simpSobre p {

    font-size                   : 1.5em;
    width                       : 60%;
    background-color            : rgba(0, 172, 161, 60%);
    padding                     : 2.5em;
    border-radius               : 3em 0 3em 0;
    line-height                 : 1.8em;
    margin                      : 2em 0;
}

.simpEdital {

    font-size                   : 1.8em;
    display                     : flex;
    min-height                  : 100%;
    width                       : 100%;
    background-image            : url('../imagens/geral/fundo_edital.jpg');
    background-color            : var(--cor-secundaria);
    background-blend-mode       : darken;
    background-size             : cover;
    background-attachment       : fixed;
    background-position         : center;
}

.simpEdital_container {

    color                       : var(--cor-branco);
    text-align                  : center;
    margin                      : 10em auto 0 5em;
    padding                     : 2em 3em 10em 3em;
    background-color            :rgba(29, 0, 80, 80%);
    border-radius               : 2em 2em 0 0;
}

.simpEdital_container h2 {

    padding                     : 0 0 3em 0;
}

.simpEdital_botao {

    display                     : block;
    text-decoration             : none;
    color                       : var(--cor-branco);
    font-size                   : .8em;
    font-weight                 : 400;
    background-color            : var(--cor-terciaria);
    padding                     : 1em;
    border-radius               : .5em;
    width                       : 7em;
}

.simpEdital_botao:hover {

    color                       : var(--cor-preto);
    background-color            : var(--cor-dourado)
}

.simpOrientacao {

    display                     : flex;
    justify-content             : center;
    background-image            : linear-gradient(45deg, var(--cor-secundaria), var(--cor-primaria));

}

.simpOrientacao_container {

    display                     : flex;
    flex-direction              : column;
    align-items                 : center;
    margin                      : 5em;
}

.simpOrientacao_container h2{

    font-size                   : 4em;
    margin-bottom               : 1.5em;

}

.simpOrientacao_lista {

    display                     : flex;
    flex-direction              : column;

}

.simpOrientacao_lista p{

    font-size                   : 1.5em;
    margin                      : 1em 0;
    max-width                   : 960px;

}

.simpOrientacao_lista li{

    padding-top                 : 2em;

}

.simpOrientacao_lista video{

    margin                      : 0 auto;
    max-width                   : 100%;
    width                       : 1080px;

}

.simpOrientacao_lista div{

    display                     : flex;
    flex-direction              : row;
    gap                         : 10%;

}

.simpOrientacao_botao {

    align-items                 : center;
    text-decoration             : none;
    color                       : var(--cor-branco);
    font-size                   : 1em;
    font-weight                 : 500;
    background-color            : var(--cor-terciaria);
    padding                     : 1em;
    border-radius               : .5em;
    width                       : 15em;
}

.simpOrientacao_botao:hover {

    color                       : var(--cor-preto);
    background-color            : var(--cor-dourado)
}

.simpProgramacao {

    display                     : flex;
    justify-content             : center;
    background-color            : var(--cor-primaria);
    color                       : var(--cor-secundaria);

}

.simpProgramacao h2 {

    font-size                   : 4em;
    background-color            : #00ACA1;
    border-radius               : .2em;
    padding                     : 0 1em;
    text-align                  : center;
    margin-bottom               : 2em;
    margin-top                  : 2em;

}

.simpProgramacao_container {

    max-width                   : 80%;
    margin-bottom               : 7em;

}

.simpProgramacao_lista {

    align-items                 : center;


}

.simpProgramacao_lista li{

    display                     : flex;
    flex-direction              : row;
    gap                         : 1em;
    margin                      : 1.5em;
    padding                     : 0 0 1em 5em;

}

.simpProgramacao_lista div{

    max-width                   : 60%;

}

.simpProgramacao_lista p{

    color                       : var(--cor-branco);
    font-size                   : 1.5em;
}

.simpProgramacao_lista h3{

    font-size                   : 1.5em;
    margin-bottom               : .5em;
    max-width                   : 50%;

}

.simpProgramacao_lista h5{

    color                       : #A39161;
    margin                      : .5em;
    font-size                   : 1.2em;
    padding-left                : 1em;

}

.simpProgramacao_lista h6{

    color                       : #00ACA1;
    font-size                   : 1em;
    padding-left                : 1.8em;
}

.simpRealizacao {

    display                     : flex;
    flex-direction              : column;
    justify-content             : center;
    height                      : 50%;
    background-image            : linear-gradient(180deg, var(--cor-primaria), var(--cor-secundaria));

}

.simpRealizacao h2{

    font-size                   : 3em;
    margin                      : 2em auto;

}

.simpRealizacao_patrocinio {

    display                     : flex;
    justify-content             : center;

}

.simpLogo_patrocinio {

    margin                      : 2em;

}

.simpRealizacao_apoio {

    display                     : flex;
    flex-direction              : row;
    flex-wrap                   : wrap;
    justify-content             : center;
    align-items                 : center;

}

.simpLogo_apoio {

    margin                      : 1em 2em 4em 2em;

}

.__cmmgFooter {

    display                     : flex;
    justify-content             : center;
    align-items                 : center;
    gap                         : 5em;
    width                       : 100%;
    min-height                  : 50%;
    background-image            : linear-gradient(to top, var(--cor-secundaria), var(--cor-primaria));
}

.simpFooterPrimario {

    display                     : flex;
    flex-direction              : column;
    font-size                   : 1.7em;
    font-weight                 : 600;
    width                       : 20em;
    margin                      : 2em;
}

.simpFooterPrimario p {

    width                       : 18em;
    margin-bottom               : 1em;
}

.simpFooterPrimario span{

    font-size                   : 1.1em;
    color                       : var(--cor-terciaria);
}

.simpFooterPrimario p:last-child{

    font-size                   : .9em;
    color                       : var(--cor-dourado);
}

.simpFooterSecundario {

    display                     : flex;
    flex-direction              : column;
    justify-content             : center;
    width                       : 30em;
    margin                      : 2em;
}

.simpFooterSecundario img{

    width                       : 20em;
}

.simpFooterSecundario h3, .simpFooterSecundario p{

    margin-bottom               : 1em;
}

.simpFooterSecundario a{

    text-decoration             : none;
    color                       : var(--cor-branco);
}


@media only screen and (max-width: 1350px) {

    .__cmmgHeader {

        background-size         : 65em;
        background-position-x   : -38em;
        background-position-y   : -10em;

    }

    .simpHeader_container {

        gap                     : .3em;
        align-items             : center;

    }

    .simpHeader_save {

        font-size               : .9em;

    }

    .simpHeader_imagem {

        width                   : auto;
        height                  : auto;
        max-width               : 522px;
        max-height              : 206px;

    }

    .simpHeader_logo {

        width                   : 15em;

    }

    .simpSobre {

        background-size         : 70%, 100%;
        background-position     : 215%, 0;

    }

    .__cmmgFooter {

        gap                     : .2em;

    }
}

@media only screen and (max-width: 1000px) {

    .simpHeader_fixa {

        font-size               : .8em;

    }

    .simpBotaoabrirmenu {

        width                   : 3em;
        height                  : 3em;
        padding                 : 1em;

    }

    .simpHeader_container {

        flex-direction          : column;
        margin                  : 1.5em 0 1em 0;

    }

    .simpSobre {

       background-size          : 75%, 100%;
       background-position      : 320%, 50%;

    }

    .simpSobre p{

        font-size               : 1.2em;
        width                   : 50%;

    }

    .simpEdital {

        font-size               : 1.5em;

    }

    .simpRealizacao h2{

        font-size               : 1.9em;
        margin                  : 2em auto;

    }

    .simpLogo_patrocinio {

        width                   : 70%;
        height                  : 70%;

    }

    .__cmmgFooter {

        font-size               : .7em;

    }
}

@media only screen and (max-width: 700px) {


    .simpHeader_fixa {

        font-size               : .7em;

    }

    .simpHeader_container {

        font-size               : 4em;

    }

    .simpHeader_imagem {

        max-width               : 313px;
        max-height              : 123px;

    }

    .simpHeader_logo {

        width                   : 10em;

    }

    .simpBotaoabrirmenu {

        width                   : 2em;
        height                  : 2em;
        padding                 : 1em;

    }

    .simpSobre p{

        font-size               : .7em;
        width                   : 70%;

    }

    .simpEdital {

        font-size               : 1em;

    }

    .simpEdital_container {

        margin                  : 70% auto 0% 10%;
        width                   : 25%;

    }

    .simpEdital_container h2{

        font-size               : 2em;

    }

    .simpEdital_botao {

        font-size               : 1em;
        width                   : 4em;

    }

    .simpOrientacao_container {

        margin                  : 2em;
        width                   : 80%;
    }

    .simpOrientacao_container h2{

        font-size               : 2.5em;
        margin-bottom           : .5em;
        width                   : 100%;

    }

    .simpOrientacao_container ul{

        width                   : 100%;

    }

    .simpOrientacao_lista li{

        padding-top             : 1em;
        width                   : 100%;

    }

    .simpOrientacao_lista p{

        font-size               : .8em;
        margin                  : .5em 0;

    }

    .simpOrientacao_botao {

        font-size               : .5em;
        font-weight             : 300;
        padding                 : .5em;
        border-radius           : .5em;
        width                   : 15em;

    }


    .simpProgramacao h2 {

        font-size               : 1.5em;
        padding                 : 0 1em;
        margin-bottom           : 2em;
        margin-top              : 2em;

    }

    .simpProgramacao_lista p{

        font-size               : 1em;
    }

    .simpProgramacao_lista h3{

        font-size               : 1em;

    }

    .simpProgramacao_lista h5{

        font-size               : .8em;

    }

    .simpProgramacao_lista h6{

        font-size               : .7em;
    }

    .simpProgramacao_lista li{

        gap                     : .5em;
        margin                  : .5em;
        padding                 : 0;

    }

    .__cmmgFooter {

        font-size               : .6em;

    }

    .simpFooterPrimario {

        font-size               : 1.4em;
        width                   : 50%;

    }

    .simpFooterPrimario p{

        width                   : fit-content;

    }


    .simpFooterSecundario {

        font-size               : 1em;
        width                   : 50%;
    }
}

@media only screen and (max-width: 350px), only screen and (max-height: 500px) {

    .__cmmgHeader {

        font-size               : .7em;
        background-size         : 50em;
        background-position-x   : -35em;
        background-position-y   : -15em;

    }

    .simpMenu {

        font-size               : .9em;

    }

    .simpHeader_imagem {

        max-width               : 232px;
        max-height              : 185px;

    }

    .simpSobre {

        font-size               : .6em;

    }

    .simpEdital {

        font-size               : .8em;

    }

    .simpEdital_container {

        padding                 : 1.5em 2em 5em 2em;
        border-radius           : 1em 1em 0 0;

    }

    .simpEdital_container h2{

        padding                 : 0 0 1em 0;

    }

    .simpOrientacao_container h2{

        font-size               : 2em;

    }

    .simpProgramacao h2 {

        font-size                : 1em;

    }

    .simpProgramacao_lista p{

        font-size               : .8em;
    }

    .simpProgramacao_lista h3{

        font-size               : .8em;

    }

    .simpProgramacao_lista h5{

        font-size               : .5em;

    }

    .simpProgramacao_lista h6{

        font-size               : .5em;
    }

    .simpLogo_patrocinio {

        margin                  : 1em;

    }

    .simpLogo_apoio {

        margin                  : .5em 1em 2em .5em;

    }

    .__cmmgFooter {

        font-size               : .5em;

    }
}

/* Loader */

div#__cmmgLoaderContainer{

    width           : 100vw;
    height          : 100vh;
    display         : flex;
    z-index         : 999;
    position        : fixed;
    top             : 0;
    left            : 0;
    overflow        : hidden;
    font-size       : 2em;
    background-color: var(--cor-secundaria);
    background-image: radial-gradient(ellipse at -50% 130%, var(--cor-secundaria), 10%, var(--cor-primaria));
}

div#__cmmgLoaderContainer > div{

    margin: auto;
}

div#__cmmgLoaderContainer > div img{

    height   : 5em;
    max-width: 40vw;
    display  : block;
    margin   : 0 0 2em 0;
    filter   : grayscale(1) brightness(0) invert(1);
    animation: __cmmgLoaderLogo 3s infinite;
}

div#__cmmgLoaderContainer > div > div{

    display        : flex;
    flex-flow      : row nowrap;
    align-items    : center;
    justify-content: space-between;
    width          : 2em;
    margin         : 0 auto;
}

div#__cmmgLoaderContainer > div > div span{

    width           : 0.3em;
    height          : 1em;
    background-color: #fefefe;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(1){

    animation: __cmmgLoaderGrow 1s -0.45s ease-in-out infinite;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(2){

    animation: __cmmgLoaderGrow 1s -0.3s ease-in-out infinite;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(3){

    animation: __cmmgLoaderGrow 1s -0.15s ease-in-out infinite;
}

div#__cmmgLoaderContainer > div > div span:nth-of-type(4){

    animation: __cmmgLoaderGrow 1s ease-in-out infinite;
}

@keyframes __cmmgLoaderLogo{

    0%   { transform: scale(1.0); }
    50%  { transform: scale(1.1); }
    100% { transform: scale(1.0); }
}

@keyframes __cmmgLoaderGrow {

    0%,
    100%{

        transform: scaleY(1);
    }

    50%{

        transform: scaleY(2);
    }
}