/* FONTE */
@import url(https://fonts.googleapis.com/css?family=Rubik:400,400i,500);@-webkit-keyframes eva-button-ghost-loading {
    0%,to {
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    70% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    97% {
        opacity: 1;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    98% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    99% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}


@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('./icones-g.woff2') format('woff2');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Material Symbols Outlined2';
  font-style: normal;
  font-weight: 100 700;
  src: url('./g2.woff2') format('woff2');
}
.material-symbols-outlined2 {
  font-family: 'Material Symbols Outlined2';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

/* RAIZ */
*{
    box-sizing: border-box !important;margin:0;letter-spacing: 0.02em;-webkit-tap-highlight-color:transparent;font-family:Rubik, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
html{
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
body{
    margin:0;font-feature-settings: 'kern';display:flex;flex-flow:column;
}
main{
    display:flex;flex-flow:column;min-width:100%;max-width:100%;
}
/* TEMP */
img{
    max-width:100%;
}
video{
    max-width:100%;
}


.loading{
    display:none;flex-flow:column;position:fixed;top:0;left:0;background-color:#ffffff;z-index:16;
}
    .loading > div{
        display:flex;flex-flow:column;width:100vw;height:100vh;
    }
        .loading > div > div{
            display:flex;align-items:center;min-width:44px;max-width:82px;min-height:20px;max-height:20px;width:max-content;position:relative;margin:auto auto 0 auto;
        }
            .loading > div > div > span{
                width:10px;height:10px;background-color:#270570;border-radius:5px;position:absolute;
            }
            .loading > div > div > span:nth-of-type(1){
                top:0;left:0;animation: anim 0.5s linear 0s infinite;
            }
            .loading > div > div > span:nth-of-type(2){
                top:0px;left:17px;animation: anim 0.5s linear 0.2s infinite;
            }
            .loading > div > div > span:nth-of-type(3){
                top:0;left:34px;animation: anim 0.5s linear 0.4s infinite;
            }
        .loading > div > p{
            font-size:16px;color:#270570;font-weight:400;margin:10px auto auto;
        }
  
            @keyframes anim { 
                0% { top:0px; } 
                25% { top:2px; } 
                50% { top:4px; } 
                75% { top:2px; } 
                100% { top:0px; } 
            } 


.svg-18{
    min-width: 18px;max-width: 18px;min-height: 18px;max-height: 18px;
}
.svg-20{
    min-width: 20px;max-width: 20px;min-height: 20px;max-height: 20px;
}
.svg-22{
    min-width: 22px;max-width: 22px;min-height: 22px;max-height: 22px;
}
.svg-24{
    min-width: 24px;max-width: 24px;min-height: 24px;max-height: 24px;
}
.svg-26{
    min-width: 26px;max-width: 26px;min-height: 26px;max-height: 26px;
}
.svg-28{
    min-width: 28px;max-width: 28px;min-height: 28px;max-height: 28px;
}




















.mobile{
    display:none;color:#ffffff;
}
@media only screen and (min-width:913px){ /* DESKTOP */
    .mobile{
        color:#000000;
    }
}