/*********************************
* *********** VARIÁVEIS ***********
******************************** */
:root{
    /* CORES PADRÃO */
    --colorPrimary: #28B78D;
    --colorPrimaryClear: #7ED4BB;
    --colorPrimaryDark: #104938;

    --colorSecondary: #243743;
    --colorSecondaryClear: #5F727F;
    --colorSecondaryDark: #162128;

    /* CORES DOS TEXTOS */
    --colorText_100: #131313;
    --colorText_90: #2B2B2B;
    --colorText_80: #424242;
    --colorText_70: #5A5A5A;
    --colorText_60: #717171;
    --colorText_50: #898989;
    --colorText_40: #A1A1A1;
    --colorText_30: #B9B9B9;
    --colorText_20: #D0D0D0;
    --colorText_10: #E8E8E8;

    /* CORES DIVERSAS */
    --colorBorder: #E8E8E8;
    --colorWhite: #FFFFFF;

    /* BORDER RADIUS */
    --borderRadius: 8px;

    /* TAMANHO FONTES */
    --textSize10: 0.625em;
    --textSize11: 0.6875em;
    --textSize12: 0.75em;
    --textSize13: 0.8125em;
    --textSize14: 0.875em;
    --textSize15: 0.9375em;
    --textSize16: 1em;
    --textSize17: 1.0625em;
    --textSize18: 1.125em;
    --textSize20: 1.25em;
    --textSize21: 1.3125em;
    --textSize22: 1.375em;
    --textSize24: 1.5em;
    --textSize26: 1.625em;
    --textSize28: 1.75em;
    --textSize30: 1.875em;
    --textSize32: 2em;
    --textSize34: 2.25em;
    --textSize38: 2.375em;
    --textSize42: 2.625em;
    --textSize44: 2.75em;
    --textSize56: 3.5em;
}

/*********************************
* ************ CONFIG ************
******************************** */
*, ::before, ::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

::-webkit-input-placeholder{ 
    color: var(--colorText_40);
}

input:-moz-placeholder{ 
    color: var(--colorText_40);
}

textarea:-moz-placeholder{
    color: var(--colorText_40);
}

img{
    display: block;
    max-width: 100%;
}

img a{
    border: none;
}

embed,
video,
iframe,
iframe[style]{
    max-width: 100%;
    height: auto;
}

ul{
    list-style: none;
}

/* CONTAINERS */
.container{
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.embed-container{
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.embed-container embed,
.embed-container video,
.embed-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* STYLES */
.rounded{
    --radius: 50%;
    border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -webkit-border-radius: var(--radius);
}

.radius{
    --radius: 10px;
    border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -webkit-border-radius: var(--radius);
}

.transition{
    --seconds: 0.2s;
    transition-duration: var(--seconds);
    -moz-transition-duration: var(--seconds);
    -webkit-transition-duration: var(--seconds);
    cursor: pointer;
}

.margin{
    margin: 0 !important;
}

.ds-none{
    display: none !important;;
}

.flex{
    display: flex !important;
}

.flex-wrap{
    flex-wrap: wrap;
}

.justify-between{
    justify-content: space-between;
}