@charset "utf-8";

    @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded');
    @import url('https://fonts.googleapis.com/css2?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root{

        --cmmgCorHexPrincipal: #252C7A;
        --cmmgCorRgbPrincipal: 37, 44, 122;
    }
/***************************************************************************************************
 *
 *  EOT       - IE9 Compat Modes
 *  EOT?IEFIX - IE6-IE8
 *  WOFF2     - Super Modern Browsers
 *  WOFF      - Pretty Modern Browsers
 *  TTF       - Safari, Android, iOS
 *  SVG       - Legacy iOS
 *
 ***************************************************************************************************/

/***************************************************************************************************
 * Absara
***************************************************************************************************/

/* Bold */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 700;

    src: local('Absara Bold'), local('Absara-Bold');
    src: url('../fontes/Absara/Bold/Absara-Bold.eot');
    src: url('../fontes/Absara/Bold/Absara-Bold.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Bold/Absara-Bold.woff2') format('woff2'),
         url('../fontes/Absara/Bold/Absara-Bold.woff') format('woff'),
         url('../fontes/Absara/Bold/Absara-Bold.ttf') format('truetype'),
         url('../fontes/Absara/Bold/Absara-Bold.svg#absara') format('svg');
}

/* Bold Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 700;

    src: local('Absara Bold Italic'), local('Absara-BoldItalic');
    src: url('../fontes/Absara/BoldItalic/Absara-BoldItalic.eot');
    src: url('../fontes/Absara/BoldItalic/Absara-BoldItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.woff2') format('woff2'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.woff') format('woff'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.ttf') format('truetype'),
         url('../fontes/Absara/BoldItalic/Absara-BoldItalic.svg#absara') format('svg');
}

/* Light */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 300;

    src: local('Absara Light'), local('Absara-Light');
    src: url('../fontes/Absara/Light/Absara-Light.eot');
    src: url('../fontes/Absara/Light/Absara-Light.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Light/Absara-Light.woff2') format('woff2'),
         url('../fontes/Absara/Light/Absara-Light.woff') format('woff'),
         url('../fontes/Absara/Light/Absara-Light.ttf') format('truetype'),
         url('../fontes/Absara/Light/Absara-Light.svg#absara') format('svg');
}

/* Light Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 300;

    src: local('Absara Light Italic'), local('Absara-LightItalic');
    src: url('../fontes/Absara/LightItalic/Absara-LightItalic.eot');
    src: url('../fontes/Absara/LightItalic/Absara-LightItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.woff2') format('woff2'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.woff') format('woff'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.ttf') format('truetype'),
         url('../fontes/Absara/LightItalic/Absara-LightItalic.svg#absara') format('svg');
}

/* Medium */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 500;

    src: local('Absara Medium'), local('Absara-Medium');
    src: url('../fontes/Absara/Medium/Absara-Medium.eot');
    src: url('../fontes/Absara/Medium/Absara-Medium.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Medium/Absara-Medium.woff2') format('woff2'),
         url('../fontes/Absara/Medium/Absara-Medium.woff') format('woff'),
         url('../fontes/Absara/Medium/Absara-Medium.ttf') format('truetype'),
         url('../fontes/Absara/Medium/Absara-Medium.svg#absara') format('svg');
}

/* Medium Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 500;

    src: local('Absara Medium Italic'), local('Absara-MediumItalic');
    src: url('../fontes/Absara/MediumItalic/Absara-MediumItalic.eot');
    src: url('../fontes/Absara/MediumItalic/Absara-MediumItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.woff2') format('woff2'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.woff') format('woff'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.ttf') format('truetype'),
         url('../fontes/Absara/MediumItalic/Absara-MediumItalic.svg#absara') format('svg');
}

/* Regular */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 400;

    src: local('Absara Regular'), local('Absara-Regular');
    src: url('../fontes/Absara/Regular/Absara-Regular.eot');
    src: url('../fontes/Absara/Regular/Absara-Regular.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Regular/Absara-Regular.woff2') format('woff2'),
         url('../fontes/Absara/Regular/Absara-Regular.woff') format('woff'),
         url('../fontes/Absara/Regular/Absara-Regular.ttf') format('truetype'),
         url('../fontes/Absara/Regular/Absara-Regular.svg#absara') format('svg');
}

/* Regular Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 400;

    src: local('Absara Regular Italic'), local('Absara-RegularItalic');
    src: url('../fontes/Absara/RegularItalic/Absara-RegularItalic.eot');
    src: url('../fontes/Absara/RegularItalic/Absara-RegularItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.woff2') format('woff2'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.woff') format('woff'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.ttf') format('truetype'),
         url('../fontes/Absara/RegularItalic/Absara-RegularItalic.svg#absara') format('svg');
}

/* Thin */
@font-face{

    font-family: 'Absara';
    font-style : normal;
    font-weight: 100;

    src: local('Absara Thin'), local('Absara-Thin');
    src: url('../fontes/Absara/Thin/Absara-Thin.eot');
    src: url('../fontes/Absara/Thin/Absara-Thin.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/Thin/Absara-Thin.woff2') format('woff2'),
         url('../fontes/Absara/Thin/Absara-Thin.woff') format('woff'),
         url('../fontes/Absara/Thin/Absara-Thin.ttf') format('truetype'),
         url('../fontes/Absara/Thin/Absara-Thin.svg#absara') format('svg');
}

/* Italic */
@font-face{

    font-family: 'Absara';
    font-style : italic;
    font-weight: 100;

    src: local('Absara Thin Italic'), local('Absara-ThinItalic');
    src: url('../fontes/Absara/ThinItalic/Absara-ThinItalic.eot');
    src: url('../fontes/Absara/ThinItalic/Absara-ThinItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.woff2') format('woff2'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.woff') format('woff'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.ttf') format('truetype'),
         url('../fontes/Absara/ThinItalic/Absara-ThinItalic.svg#absara') format('svg');
}

/***************************************************************************************************
 * Absara Sans
***************************************************************************************************/

/* Bold */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 700;

    src: local('Absara Sans Bold'), local('AbsaraSans-Bold');
    src: url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.eot');
    src: url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.woff') format('woff'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Bold/AbsaraSans-Bold.svg#absara-sans') format('svg');
}

/* Bold Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 700;

    src: local('Absara Sans Bold Italic'), local('AbsaraSans-BoldItalic');
    src: url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.eot');
    src: url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/BoldItalic/AbsaraSans-BoldItalic.svg#absara-sans') format('svg');
}

/* Light */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 300;

    src: local('Absara Sans Light'), local('AbsaraSans-Light');
    src: url('../fontes/AbsaraSans/Light/AbsaraSans-Light.eot');
    src: url('../fontes/AbsaraSans/Light/AbsaraSans-Light.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.woff') format('woff'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Light/AbsaraSans-Light.svg#absara-sans') format('svg');
}

/* Light Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 300;

    src: local('Absara Sans Light Italic'), local('AbsaraSans-LightItalic');
    src: url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.eot');
    src: url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/LightItalic/AbsaraSans-LightItalic.svg#absara-sans') format('svg');
}

/* Medium */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 500;

    src: local('Absara Sans Medium'), local('AbsaraSans-Medium');
    src: url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.eot');
    src: url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.woff') format('woff'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Medium/AbsaraSans-Medium.svg#absara-sans') format('svg');
}

/* Medium Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 500;

    src: local('Absara Sans Medium Italic'), local('AbsaraSans-MediumItalic');
    src: url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.eot');
    src: url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/MediumItalic/AbsaraSans-MediumItalic.svg#absara-sans') format('svg');
}

/* Regular */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 400;

    src: local('Absara Sans Regular'), local('AbsaraSans-Regular');
    src: url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.eot');
    src: url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.woff') format('woff'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Regular/AbsaraSans-Regular.svg#absara-sans') format('svg');
}

/* Regular Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 400;

    src: local('Absara Sans Regular Italic'), local('AbsaraSans-RegularItalic');
    src: url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.eot');
    src: url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/RegularItalic/AbsaraSans-RegularItalic.svg#absara-sans') format('svg');
}

/* Thin */
@font-face{

    font-family: 'Absara Sans';
    font-style : normal;
    font-weight: 100;

    src: local('Absara Sans Thin'), local('AbsaraSans-Thin');
    src: url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.eot');
    src: url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.woff2') format('woff2'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.woff') format('woff'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.ttf') format('truetype'),
         url('../fontes/AbsaraSans/Thin/AbsaraSans-Thin.svg#absara-sans') format('svg');
}

/* Thin Italic */
@font-face{

    font-family: 'Absara Sans';
    font-style : italic;
    font-weight: 100;

    src: local('Absara Sans Thin Italic'), local('AbsaraSans-ThinItalic');
    src: url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.eot');
    src: url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.eot?iefix') format('embedded-opentype'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.woff2') format('woff2'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.woff') format('woff'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.ttf') format('truetype'),
         url('../fontes/AbsaraSans/ThinItalic/AbsaraSans-ThinItalic.svg#absara-sans') format('svg');
}
/***************************************************************************************************
    Acordeão
***************************************************************************************************/

.__cmmgLayoutAcordeao{

    --cmmgLayoutAcordeaoCorHexBase: var(--cmmgCorHexPrincipal);
}

.__cmmgLayoutAcordeao li{

    margin          : 0 0 1em 0;
    padding         : 0;
    border-color    : var(--cmmgLayoutAcordeaoCorHexBase);
    border-width    : 1px;
    border-radius   : .5em;
    background-color: #fefefe;
}

.__cmmgLayoutAcordeao li:last-child{

    margin: 0;
}

.__cmmgLayoutAcordeao input[type="checkbox"]{

    display: none;
}

.__cmmgLayoutAcordeao label{

    display   : block;
    text-align: left;
    color     : var(--cmmgLayoutAcordeaoCorHexBase);
    font-size : 1.2em;
    padding   : 1em 2em;
}

.__cmmgLayoutAcordeao label::before{

    content  : '\23F7';
    color    : var(--cmmgLayoutAcordeaoCorHexBase);
    margin   : 0 1em 0 0;
    font-size: 1.1em;
}

.__cmmgLayoutAcordeao label:hover::before{

    content: '\23F5';
}

.__cmmgLayoutAcordeao input[type="checkbox"]:checked + label::before{

    content: '\23F6';
}

.__cmmgLayoutAcordeao li > div{

    position  : relative;
    top       : -1px;
    max-height: 0;
    overflow  : hidden;
    transition: max-height .5s ease-out;
}

.__cmmgLayoutAcordeao input[type="checkbox"]:checked + label + div{

    max-height: initial;
    animation : __cmmgHeightAuto 1s ease-in;
}

.__cmmgLayoutAcordeao li > div > div{

    padding: 1em 2.4em 2em 5em;
}

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

    .__cmmgLayoutAcordeao li > div > div{

        padding: 1em 2.4em 2em 2em;
    }
}

.__cmmgLayoutAcordeao li > div > div li{

    margin-left    : 1em !important;
    padding        : 0 0 0 1em;
    list-style-type: disc;
    border-width   : 0;
}
/***************************************************************************************************
    Autoblock - Consentimento de Cookies
***************************************************************************************************/

#byRemovePortal > div:first-of-type > span{

    opacity         : .7;
    font-size       : .8em;
    text-wrap       : nowrap;
    display         : flex !important;
    align-items     : center;
    border-radius   : .3em;
    border-color    : rgba(255, 255, 255, 50%);
    border-style    : solid;
    border-width    : 1px;
    padding         : .5em 1em;
    min-width       : initial;
    max-width       : 3.8em !important;
    max-height      : 3.8em;
    border-radius   : 50%;
    transition      : all .25s ease-in-out;
    background-color: var(--cmmgCorHexPrincipal) !important;
}

#byRemovePortal > div:first-of-type > span:hover{

    opacity      : 1;
    border-radius: .3em;
    max-width    : 20em !important;
}

#byRemovePortal > div:first-of-type > span img{

    filter    : brightness(0)
                invert(1);
    max-height: 2em;
    max-width : 2em;
    translate : -.1em 0;
}

#privacytools-banner-consent{

    box-shadow      : #999 0 0 10px;
    background-color: #eee;
}

#privacytools-banner-consent > span{

    color: var(--cmmgCorHexCinzaMedio);
}

#cookieconsent\:desc{

    font-size: .9em;
    margin   : 0 2em 0 0;
    color    : var(--cmmgCorHexCinzaMedio) !important;
}

#cookieconsent\:desc a{

    color : var(--cmmgCorHexPrincipal) !important;
    margin: 0 0 0 .5em;
}

.dp-bar-actions{

    margin: 0 2em 0 0;
}

.dp-bar-actions .cc-btn{

    border-radius   : .3em;
    font-weight     : normal;
    background-color: var(--cmmgCorHexPrincipal) !important;
}

.dp-bar-preference .cc-link{

    color          : var(--cmmgCorHexPrincipal) !important;
    text-decoration: none;
    font-weight    : 500;
    font-size      : .9em;
    max-width      : initial;
    border-color   : var(--cmmgCorHexPrincipal);
    border-style   : solid;
    border-width   : 1px;
    border-radius  : .3em;
    padding        : .4em 1em .6em 1em;
    position       : relative;
    top            : -.2em;
}

.dp-topbar-logo img{

    max-height: 70% !important;
}
:root{

    --cmmgCorRgbAzulFeluma   : 22, 65, 148;
    --cmmgCorHexAzulFeluma   : #164194;
    --cmmgCorRgbAmareloFeluma: 251, 188, 67;
    --cmmgCorHexAmareloFeluma: #fbbc43;
    --cmmgCorRgbTurquesaCmmg : 0, 172, 161;
    --cmmgCorHexTurquesaCmmg : #00aca1;
    --cmmgCorRgbDouradoCmmg  : 163, 145, 97;
    --cmmgCorHexDouradoCmmg  : #a39161;
    --cmmgCorRgbCinzaMedio   : 102, 102, 102;
    --cmmgCorHexCinzaMedio   : #666666;
    --cmmgCorRgbCinzaEscuro  : 51, 51, 51;
    --cmmgCorHexCinzaEscuro  : #333333;

    --cmmgAncora             : -10em;
    --cmmgVh                 : 1vh;
}

*{

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

html{

    width          : 100%;
    height         : 100%;
    scroll-behavior: smooth;
    font-size      : 10px;
    margin-top     : 0 !important;
}

body{

    font-family     : 'Absara Sans', sans-serif;
    font-size       : 1.6rem;
    line-height     : 1.8em;
    font-weight     : 400;
    color           : var(--cmmgCorHexCinzaMedio);
    text-align      : left;
}

body *{

    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 25%) transparent;
}

body *::-webkit-scrollbar{

    width           : .7rem;
    height          : .7rem;
    background-color: transparent;
}

body *::-webkit-scrollbar-thumb{

    border-radius   : .4rem;
    background-color: rgba(0, 0, 0, 25%);
}

/* HTML */

h1, h2, h3, h4, h5, h6{

    font-size   : 3em;
    color       : var(--cmmgCorHexPrincipal);
    font-weight : 700;
    line-height : 1.2em;
    margin      : 0 auto 2em auto;
}

h2{

    font-size: 2.5em;
}

h3{

    font-size: 2em;
}

h4{

    font-size: 1.5em;
}

h5{

    font-size: 1.3em;
}

h6{

    font-size: 1em;
}

b, strong, .__cmmgStrong{

    font-weight: 700;
}

p, ul{

    margin: 2em 0;
}

 p:first-child,
ul:first-child{

    margin-top: 0;
}

 p:last-child,
ul:last-child{

    margin-bottom: 0;
}

form{

    padding : .5em;
    position: relative;
}

input,
select,
textarea{

    color        : rgb(var(--cmmgCorRgbCinzaMedio));
    padding      : .5em .7em;
    border-radius: .1em;
    border-color : rgb(var(--cmmgCorRgbCinzaMedio));
    border-width : 1px;
}

input:disabled,
select:disabled,
textarea:disabled{

    opacity         : .7;
    background-color: #eee;
}

label{

    font-weight: 500;
    cursor     : pointer;
}

iframe, video{

    max-width: 100%;
    margin   : 0 auto;
    display  : block;
}

figure.__cmmgVideo{

    width      : 100% !important;
    padding-top: 56.25%;
    position   : relative;
    overflow   : hidden;
}

figure.__cmmgVideo > *{

    position  : absolute;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    margin    : auto;
    width     : 100%;
    height    : 100%;
    max-width : 100%;
    max-height: 100%;
}

a, .__cmmgSublinhadoAnimado{

    --cmmgLinkCorHex1  : var(--cmmgCorHexPrincipal);
    --cmmgLinkCorHex2  : var(--cmmgCorHexPrincipal);

    cursor             : pointer;
    padding            : 0 0 3px 0;
    text-decoration    : none;
    color              : var(--cmmgLinkCorHex1);
    word-wrap          : break-word;
    background-size    : 0 1px;
    background-repeat  : no-repeat;
    background-position: 0 100%;
    background-image   : linear-gradient(0, var(--cmmgLinkCorHex1), var(--cmmgLinkCorHex2));
}

a:hover, .__cmmgSublinhadoAnimado:hover{

    background-size: 100% 1px;
}
/* *************************************************************************************************
    Gerais
 **************************************************************************************************/

.__cmmgDisplayNone{

    display: none;
}

.__cmmgClear{

    height : 0;
    clear  : both;
    display: block;
}

.__cmmgAncora{

    height  : 0;
    padding : 0;
    display : block;
    position: relative;
    top     : var(--cmmgAncora);
    z-index : -9999;
    opacity : 0;

}

.__cmmgOlNumeroDecimal         > li,
.__cmmgOlNumeroRomanoMaiusculo > li{

    list-style-type: decimal;
    padding        : 0 0 0 1em;
    margin         : 2em 0 2em 1em;
}

.__cmmgOlNumeroDecimal         > li::marker,
.__cmmgOlNumeroRomanoMaiusculo > li::marker{

    font-weight: bold;
}

.__cmmgOlNumeroRomanoMaiusculo > li{

    list-style-type: upper-roman;
}

.__cmmgCssIos *{

    background-attachment: initial !important;
}

/* *************************************************************************************************
    Links de imagens com contornos no hover
 **************************************************************************************************/

.__cmmgLinkImg{

    position        : relative;
    display         : inline-flex;
    padding         : 0;
    background-image: none;
}

.__cmmgLinkImg::after{

    content      : '';
    display      : block;
    position     : absolute;
    top          : -10px;
    left         : -10px;
    width        : calc(100% + 20px);
    height       : calc(100% + 20px);
    border-radius: 3px;
    outline-style: solid;
    outline-color: var(--cmmgCorHexPrincipal);
    outline-width:  1px;
    clip-path    : circle(0 at 100% 100%);
}

.__cmmgLinkImg:hover::after{

    animation: __cmmgLinkImgAnimacao .5s ease-in-out forwards;
}

@keyframes __cmmgLinkImgAnimacao{

    from { clip-path: circle(0 at 100% 100%); }
    to   { clip-path: circle(150% at 100% 100%); }
}

.__cmmgBotao{

    --cmmgBotaoCorHex1  : var(--cmmgCorHexPrincipal);
    --cmmgBotaoCorHex2  : var(--cmmgBotaoCorHex1);
    --cmmgBotaoCorHexTxt: #fefefe;

    display             : inline-block;
    cursor              : pointer;
    margin              : 0;
    padding             : .3em 1.3em .2em 1.3em !important;
    width               : auto !important;
    color               : var(--cmmgBotaoCorHexTxt) !important;
    font-weight         : 600;
    text-align          : center;
    text-decoration     : none;
    border-width        : 1px;
    border-color        : var(--cmmgBotaoCorHex1) !important;
    border-style        : solid;
    border-radius       : .1em;
    background-color    : initial !important;
    background-size     : 100% 100%;
    background-position : left;
    background-repeat   : no-repeat;
    background-image    : linear-gradient(135deg, var(--cmmgBotaoCorHex1), 80%, var(--cmmgBotaoCorHex2));
}

.__cmmgBotao:hover{

    background-size: 0 100%;
    color          : var(--cmmgBotaoCorHex1) !important;
}
@keyframes __cmmgFade{

    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes __cmmgDisplayBlockFade{

    0%   { display: none;  opacity: 0; }
    1%   { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
}

@keyframes __cmmgDisplayFlexFade{

    0%   { display: none; opacity: 0; }
    1%   { display: flex; opacity: 0; }
    100% { display: flex; opacity: 1; }
}

@keyframes __cmmgHeightAuto{

    0%   { max-height: 0;      }
    98%  { max-height: 100vh;  }
    99%  { max-height: 1000vh; }
    100% { max-height: initial;}
}
/***************************************************************************************************
    Loader
***************************************************************************************************/

div#__cmmgLoaderContainer{

    width           : 100vw;
    height          : 100vh;
    display         : flex;
    z-index         : 9999;
    position        : fixed;
    top             : 0;
    left            : 0;
    overflow        : hidden;
    font-size       : 2em;
    background-color: var(--cmmgCorHexPrincipal);
}

div#__cmmgLoaderContainer > div{

    margin: auto;
}

div#__cmmgLoaderContainer > div img{

    height   : 5em;
    max-width: 40vw;
    display  : block;
    margin   : 0 0 2em 0;
    filter   : 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%,
    100%{

        transform: scale(1.0);
    }

    50%{

        transform: scale(1.1);
    }
}

@keyframes __cmmgLoaderGrow {

    0%,
    100%{

        transform: scaleY(1);
    }

    50%{

        transform: scaleY(2);
    }
}
/***************************************************************************************************
    HEADER: NAV
***************************************************************************************************/

#__cmmgNav{

    position   : fixed;
    top        : 0;
    left       : 0;
    z-index    : 99;
    display    : flex;
    width      : calc(100% - 6em);
    padding    : 1.5em 3em;
    align-items: center;
}

#__cmmgNav.__cmmgNavRolagem{

    background-color: rgba(var(--cmmgCorRgbPrincipal), 95%);
}

#__cmmgLogoHeader img{

    height   : 5em;
    max-width: 50vw;
}

#__cmmgNav.__cmmgNavRolagem #__cmmgLogoHeader img{

    height: 2.7em;
}

@media only screen and (max-height: 600px){

    #__cmmgLogoHeader img{

        height: 2.7em;
    }
}

#__cmmgNav .__cmmgLinkImg::after{

    outline-color: #fefefe;
}

/***************************************************************************************************
    HEADER: NAV: MENU (Desktop)
***************************************************************************************************/

#__cmmgLayoutMenuPrincipal{

    font-size      : 1.2em;
    margin         : 0 0 0 auto;
    display        : flex;
    flex-wrap      : wrap;
    flex-direction : row;
    justify-content: flex-end;
    height         : fit-content;
}

#__cmmgLayoutMenuPrincipal li{

    margin: auto 1em;
    height: fit-content;
}

#__cmmgLayoutMenuPrincipal li:first-child{

    margin-left: 0;
}

#__cmmgLayoutMenuPrincipal li:last-child{

    margin-right: 0;
}

#__cmmgLayoutMenuPrincipal a:not(.__cmmgBotao){

    --cmmgLinkCorHex1: #fefefe;
    --cmmgLinkCorHex2: #fefefe;
}

/***************************************************************************************************
    HEADER: NAV: MENU (Mobile)
***************************************************************************************************/

.__cmmgLayoutMenuPrincipalBotao{

    color      : #fefefe;
    line-height: 1em;
    font-size  : 1.5em;
    width      : 2em;
    height     : 2em;
    z-index    : 2;
    position   : absolute !important;
    right      : 2em;
    top        : 1em;
    cursor     : pointer;
    display    : none !important;
}

#__cmmgLayoutMenuPrincipalControle{

    display: none;
}

.__cmmgLayoutMenuPrincipalBotao .material-symbols-rounded{

    font-size: 2em;
}

.__cmmgLayoutMenuPrincipalFundo{

    position        : fixed;
    display         : none;
    top             : 0;
    left            : 0;
    width           : 100vw;
    height          : calc(100 * var(--cmmgVh));
    background-color: rgba(var(--cmmgCorRgbPrincipal), 75%);
    background-image: linear-gradient(0, rgba(0, 0, 0, 30%), rgba(0, 0, 0, 30%));
}

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

    #__cmmgLayoutMenuPrincipal{

        --cmmgLayoutMenuPrincipalLargura      : 320px;
        --cmmgLayoutMenuPrincipalLarguraMaxima: 90vw;

        display         : block;
        z-index         : 1;
        position        : fixed;
        top             : 0;
        right           : -100vw;
        margin          : 0;
        padding         : 4em 2em 1em 2em;
        height          : calc(100 * var(--cmmgVh));
        width           : var(--cmmgLayoutMenuPrincipalLargura);
        box-sizing      : border-box;
        max-width       : var(--cmmgLayoutMenuPrincipalLarguraMaxima);
        background-color: var(--cmmgCorHexPrincipal);
    }

    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar] + #__cmmgLayoutMenuPrincipal{

        right   : 0;
        overflow: auto;
    }

    #__cmmgLayoutMenuPrincipal::before{

        content         : '';
        display         : none;
        width           : var(--cmmgLayoutMenuPrincipalLargura);
        max-width       : var(--cmmgLayoutMenuPrincipalLarguraMaxima);
        height          : 5em;
        position        : fixed;
        top             : 0;
        right           : 0;
        background-color: var(--cmmgCorHexPrincipal);
    }

    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar] + #__cmmgLayoutMenuPrincipal::before{

        display  : block;
        animation: __cmmgLayoutMenuPrincipalBeforeAnima 1s ease-out;
    }

    @keyframes __cmmgLayoutMenuPrincipalBeforeAnima{

        0%, 99% { opacity: 0; }
        100%    { opacity: 1; }
    }

    .__cmmgLayoutMenuPrincipalBotao{

        display: block !important;
    }

                                                 .__cmmgLayoutMenuPrincipalBotao[title=Menu],
    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar]{

        transform: scale(1);
    }

                                                 .__cmmgLayoutMenuPrincipalBotao[title=Fechar],
    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu]{

        transform: scale(0);
    }

    #__cmmgLayoutMenuPrincipal li{

        margin: 1em 0;
    }

    #__cmmgLayoutMenuPrincipal a{

        text-align         : left;
        display            : block;
        padding            : .5em 1em;
        border-width       : 1px;
        border-color       : #fefefe !important;
        border-radius      : .1em;
        background-size    : 0 100%;
        background-position: center;
    }

    #__cmmgLayoutMenuPrincipal a.__cmmgBotao{

        --cmmgBotaoCorHex1: #fefefe;
        --cmmgBotaoCorHex2: #fefefe;

        background-color  : rgba(255, 255, 255, 15%) !important;
    }

    #__cmmgLayoutMenuPrincipal a:hover{

        color          : var(--cmmgCorHexPrincipal) !important;
        background-size: 100% 100%;
    }

    #__cmmgLayoutMenuPrincipalControle:checked + .__cmmgLayoutMenuPrincipalBotao[title=Menu] + .__cmmgLayoutMenuPrincipalBotao[title=Fechar] + #__cmmgLayoutMenuPrincipal + .__cmmgLayoutMenuPrincipalFundo{

        display  : block;
        animation: __cmmgLayoutMenuPrincipalFundoAnima .5s ease-in-out;
    }

    @keyframes __cmmgLayoutMenuPrincipalFundoAnima{

        from { opacity: 0; }
        to   { opacity: 1; }
    }
}
/* *************************************************************************************************
    Gerais
 **************************************************************************************************/

.__cmmgDisplayNone{

    display: none;
}

.__cmmgClear{

    height : 0;
    clear  : both;
    display: block;
}

.__cmmgAncora{

    height  : 0;
    padding : 0;
    display : block;
    position: relative;
    top     : var(--cmmgAncora);
    z-index : -9999;
    opacity : 0;

}

.__cmmgOlNumeroDecimal         > li,
.__cmmgOlNumeroRomanoMaiusculo > li{

    list-style-type: decimal;
    padding        : 0 0 0 1em;
    margin         : 2em 0 2em 1em;
}

.__cmmgOlNumeroDecimal         > li::marker,
.__cmmgOlNumeroRomanoMaiusculo > li::marker{

    font-weight: bold;
}

.__cmmgOlNumeroRomanoMaiusculo > li{

    list-style-type: upper-roman;
}

.__cmmgCssIos *{

    background-attachment: initial !important;
}

/* *************************************************************************************************
    Links de imagens com contornos no hover
 **************************************************************************************************/

.__cmmgLinkImg{

    position        : relative;
    display         : inline-flex;
    padding         : 0;
    background-image: none;
}

.__cmmgLinkImg::after{

    content      : '';
    display      : block;
    position     : absolute;
    top          : -10px;
    left         : -10px;
    width        : calc(100% + 20px);
    height       : calc(100% + 20px);
    border-radius: 3px;
    outline-style: solid;
    outline-color: var(--cmmgCorHexPrincipal);
    outline-width:  1px;
    clip-path    : circle(0 at 100% 100%);
}

.__cmmgLinkImg:hover::after{

    animation: __cmmgLinkImgAnimacao .5s ease-in-out forwards;
}

@keyframes __cmmgLinkImgAnimacao{

    from { clip-path: circle(0 at 100% 100%); }
    to   { clip-path: circle(150% at 100% 100%); }
}

.__cmmgBotao{

    --cmmgBotaoCorHex1  : var(--cmmgCorHexPrincipal);
    --cmmgBotaoCorHex2  : var(--cmmgBotaoCorHex1);
    --cmmgBotaoCorHexTxt: #fefefe;

    display             : inline-block;
    cursor              : pointer;
    margin              : 0;
    padding             : .3em 1.3em .2em 1.3em !important;
    width               : auto !important;
    color               : var(--cmmgBotaoCorHexTxt) !important;
    font-weight         : 600;
    line-height         : 1.2em;
    text-align          : center;
    text-decoration     : none;
    border-width        : 1px;
    border-color        : var(--cmmgBotaoCorHex1) !important;
    border-style        : solid;
    border-radius       : .1em;
    background-color    : initial !important;
    background-size     : 100% 100%;
    background-position : left;
    background-repeat   : no-repeat;
    background-image    : linear-gradient(135deg, var(--cmmgBotaoCorHex1), 80%, var(--cmmgBotaoCorHex2));
}

.__cmmgBotao:hover{

    background-size: 0 100%;
    color          : var(--cmmgBotaoCorHex1) !important;
}
/***************************************************************************************************
    VLibras
***************************************************************************************************/

#__cmmgDivVLibras{

    --cmmgDivVLibrasTamanho: 33px;
}

#__cmmgDivVLibras [vw] [vw-access-button]{

    width : var(--cmmgDivVLibrasTamanho);
    height: var(--cmmgDivVLibrasTamanho);
    right : -15px;
}

#__cmmgDivVLibras [vw] [vw-access-button] .access-button,
#__cmmgDivVLibras [vw] [vw-access-button] .vp-access-button{

    width : var(--cmmgDivVLibrasTamanho);
    height: var(--cmmgDivVLibrasTamanho);
}
/* Regular Italic */
@font-face{

    font-family: 'Amaris';
    font-style : italic;
    font-weight: 400;

    src: local('Amaris Italic'), local('Amaris-Italic');
    src: url('../../__site/fontes/Amaris/Italic/Amaris-Italic.eot');
    src: url('../../__site/fontes/Amaris/Italic/Amaris-Italic.eot?iefix') format('embedded-opentype'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.woff2') format('woff2'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.woff') format('woff'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.ttf') format('truetype'),
         url('../../__site/fontes/Amaris/Italic/Amaris-Italic.svg#amaris') format('svg');
}

/* Regular Italic */
@font-face{

    font-family: 'Oulza';
    font-style : normal;
    font-weight: 400;

    src: local('oulza Italic'), local('Oulza-Italic');
    src: url('../../__site/fontes/Oulza/Italic/Oulza-Italic.eot');
    src: url('../../__site/fontes/Oulza/Italic/Oulza-Italic.eot?iefix') format('embedded-opentype'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.woff2') format('woff2'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.woff') format('woff'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.ttf') format('truetype'),
         url('../../__site/fontes/Oulza/Italic/Oulza-Italic.svg#oulza') format('svg');
}


:root{

    --fifCorRgbRoxo       : 63, 32, 102;
    --fifCorHexRoxo       : #3F2066;
    --fifCorRgbAzulEscuro : 37, 44, 122;
    --fifCorHexAzulEscuro : #252C7A;
    --fifCorRgbVerdeFIF   : 05, 219, 219;
    --fifCorHexVerdeFIF   : #05DBDB;
}

body{

    font-family           : 'Montserrat', sans-serif;
    color                 : #fefefe;
    margin                : 0;
}

main{

    background-color      : var(--fifCorHexRoxo);
}

footer,
section{

    position              : relative;
    padding               : 7em 3em;
    background-color      : rgba(var(--fifCorRgbRoxo), 90%);
}

section:last-of-type{

    padding-bottom        : 7em;
}

section > div{

    max-width             : 800px;
    margin                : 0 auto;
}

h2, h3{

    color                 : #fefefe;
    line-height           : 1.3em;
    font-weight           : 400;
    font-family           : 'Oulza', serif;
}

h4, h5, h6{

    color                 : #fefefe;
    line-height           : 1.3em;
    font-weight           : 400;
    font-family           : 'Montserrat', serif;

}

a{

    --cmmgLinkCorHex1     : #fefefe;
    background-position   : 50% 100%;
}

.__cmmgBotao{

    --cmmgBotaoCorHex1    : var(--fifCorHexVerdeFIF);
    --cmmgBotaoCorHex2    : var(--fifCorHexVerdeFIF);
    --cmmgBotaoCorHexTxt  : var(--fifCorHexRoxo);

    text-transform        : uppercase;
    font-weight           : 600;
    font-size             : 1.2em;
    letter-spacing        : .1em;
    padding               : .7em 2em !important;
    border-radius         : 0;
    background-position   : 50%;
    margin                : 0 auto 2.5em auto;
}

.__cmmgBotao:hover {

    color                 : #fefefe !important;
    border-color          : #fefefe !important;
}

#__cmmgNav{

    font-family           : 'Montserrat', sans-serif;
}


/* -------------------------- BANNER -------------------------- */

.fifSectionBanner {

    min-height            : calc(100 * var(--cmmgVh));
    display               : flex;
    align-items           : center;
    padding               : 0 2em;
    background-image      : url('../../__site/imagens/geral/simposio-fisioterapia20-02.png'), url('../../__site/imagens/geral/bg_Banner.jpg');
    background-size       : 100vmin, cover;
    background-repeat     : no-repeat;
    background-position-x : right, center;
    background-position-y : bottom;
    background-attachment : fixed;
    background-blend-mode : color-dodge, normal;
}

.fifSaveDate { 

    rotate                : -90deg;
    position              : absolute;
    top                   : 45%;
    left                  : -7.5em;
    text-transform        : uppercase;
    letter-spacing        : 1em;
    font-size             : 1.1em;
    margin                : 0;
}

.fifBanner {

    padding-left          : 2em;
}

.fifBanner h1{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    line-height           : 0.8em;
    gap                   : 1em;
    margin                : 0.5em 0;
}

.fifBannerSpan {

    display               : block;
    color                 : #fefefe;
}

.fifBannerSpan span:first-child{

    display               : block;
    font-family           :'Oulza', sans-serif;
    font-weight           : 400;
    font-size             : 1.7em;
    padding               : 0.2em 0;
}

.fifBannerSpan span:last-child{

    font-family           : 'Montserrat', sans-serif;
    font-weight           : 400;
    font-size             : 0.65em;
    text-transform        : uppercase;
    font-style            : italic;
}

.fifBannerSpan2 {

    color                 : var(--fifCorHexVerdeFIF);
}

.fifBannerSpan2 span:first-child{

    font-size             : 1.6em;
    padding-top           : 0.25em;
}

.fifBannerSpan2 span:last-child{

    font-size             : 0.7em;
}

.fifBanner h2{

    margin                : 1.5em 0 0 0;
    font-family           : 'Rubik', sans-serif;
    font-size             : 1.7em;
    font-weight           : 600;
}

.fifBanner p{

    margin                : 0 0 1.5em 0;
    font-size             : 1.6em;
    font-weight           : 400;
}

.fifBanner h3{

    margin                : 0;
    font-size             : 4em;
    color                 : var(--fifCorHexVerdeFIF);
    text-transform        : uppercase;
    font-weight           : 100;
    font-family           : 'Amaris', sans-serif;
    font-style            : italic;
}

.fifBannerData {

    font-size             : 0.6em;
}


/* -------------------------- SOBRE -------------------------- */

.fifSectionSobre {

    background-image      : url('../../__site/imagens/geral/simposio-fisioterapia20-02.png'), url('../../__site/imagens/geral/bg_Banner.jpg');
    background-size       : 100vmin, cover;
    background-repeat     : no-repeat;
    background-position-x : right, center;
    background-position-y : bottom;
    background-blend-mode : color-dodge, normal;
    background-attachment : fixed;
    position              : relative;
}

.fifSectionSobre::after {

    content               :'';
    position              : absolute;
    background-color      : rgba(var(--fifCorRgbRoxo), 80%);
    width                 : 100%;
    height                : 100%;
    display               : block;
    z-index               : 0;
    top                   : 0;
    left                  : 0;
}

.fifSectionSobre div{

    padding               : 3em;
    background-color      : rgba(255, 255, 255, 0.09);
    border                : 1px rgb(255, 255, 255, 0.2), solid;
    position              : relative;
    z-index               : 10;
}

.fifSectionSobre h2{

    font-size             : 3em;
}

.fifSectionSobre p{

    text-align            : justify;
}


/* -------------------------- INFORMAÇÕES -------------------------- */

.fifSectionInformacoes div{

    position              : relative;
    z-index               : 10;
}

.fifConteudo h2{
    
    font-size             : 3em;
}

.fifInformacoesTitulo {

    font-size             : 1.5em;
    font-family           : 'Montserrat', sans-serif;
    margin                : 1em auto;
    text-transform        : uppercase;
}

/* -------------------------- PROGRAMAÇÃO -------------------------- */

.fifSectionProgramacao {

    background-color      : rgba(var(--fifCorRgbAzulEscuro), 60%);
}

.fifSectionProgramacao h2{

    font-size             : 3em;
}

.fifSectionProgramacao h3{

    font-family           : 'Amaris', sans-serif;
    color                 : var(--fifCorHexVerdeFIF);
    margin                : 0 0 0.5em 0;
}

.fifSectionProgramacao h4{

    margin                : 0;
}

.fifSectionProgramacao h5{

    font-size             : 1.2em;
    margin                : auto 0 1em 0;
    padding-left          : 1em;
}

.fifProgramacaoLista li{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    margin-top            : 1.5em;
    padding-bottom        : 1em;
    border-bottom         : 1px #fefefe solid;
}

.fifProgramacaoLista p{

    min-width             : 6em;
    font-size             : 2em;
    font-family           : 'Amaris', sans-serif;
    line-height           : 1.3em;
    margin                : 0 0 0.5em 0;
}

.fifItemPalestrantes p{

    font-size             : 1.2em;
    font-family           : 'Montserrat', sans-serif;
    margin                : 0;
}

.fifProgramacaoLista li:last-child {

    margin-bottom         : 5em;
}

/* -------------------------- FOOTER -------------------------- */

.fifFooter {

    display               : flex;
    flex-direction        : column;
    background-image      : url('../../__site/imagens/geral/bg_Banner.jpg');
    background-repeat     : no-repeat;
    background-size       : cover;
    background-position   : center, center;
    padding-bottom        : 3em;
}

.fifFooterConteudo {

    display               : flex;
    flex-direction        : row;
    justify-content       : space-around;
    align-items           : center;
}

.fifFooterTitulo h3{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    line-height           : 0.8em;
    gap                   : 1em;
    margin                : 0;
}

.fifFooterTitulo h2{

    display               : flex;
    flex-direction        : row;
    justify-content       : flex-start;
    line-height           : 0.8em;
    gap                   : 1em;
    margin                : 0.5em 0;
}

.fifFooterSpan {

    display               : block;
    color                 : #fefefe;
}

.fifFooterSpan span:first-child{

    display               : block;
    font-family           :'Oulza', sans-serif;
    font-weight           : 400;
    font-size             : 1.7em;
    padding               : 0.2em 0;
}

.fifFooterSpan span:last-child{

    font-family           : 'Montserrat', sans-serif;
    font-weight           : 400;
    font-size             : 0.65em;
    text-transform        : uppercase;
    font-style            : italic;
}

.fifFooterSpan2 {

    color                 : var(--fifCorHexVerdeFIF);
}

.fifFooterSpan2 span:first-child{

    font-size             : 1.6em;
    padding-top           : 0.24em;
}

.fifFooterSpan2 span:last-child{

    font-size             : 0.7em;
}

.fifFooterTitulo h2{

    margin                : 1em 0 0 0;
    font-family           : 'Rubik', sans-serif;
    font-size             : 1.2em;
    font-weight           : 600;
}

.fifFooterTitulo p{

    margin                : 0;
    font-size             : 1em;
    font-weight           : 400;
}

.fifFooterLogo img{

    width                 : 20em;
}

.fifFooterCopy {

    display               : flex;
    flex-direction        : column;
    align-items           : center;
    margin-top            : 1.5em;
    padding-top           : 1em;
    font-size             : 1em;
    border-top            : 1px #fefefe solid;
}


/* -------------------------- RESPONSIVO -------------------------- */
@media only screen and (min-width: 1400px) {

    .fifSectionBanner {

        background-size         : 110vmin, cover;
    }

    .fifSectionSobre {

        background-size         : 110vmin, cover;
    } 
}

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

    .fifBanner {

        font-size               : 0.9em;
    }

    .fifFooter {

        font-size               : 0.8em;
    }
}


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

    section > div {

        max-width               : 600px;
    }

    .fifSectionBanner {

        background-size         : 75vmin, cover;
    }

    .fifBanner {

        padding-left            : 5em;
    }

    .fifSectionSobre {

        background-size         : 75vmin, cover;
    }

    .fifBanner h1{

        flex-direction          : column;
    }

    .fifSectionInformacoes {

        font-size               : 0.9em;
    }

    .fifFooterConteudo {

        flex-direction          : column-reverse;
        padding                 : 3em;
    }

}

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

    #__cmmgLogoHeader img {

        height              : 3em;
    }

    .fifSectionBanner::after {

        content                 :'';
        position                : absolute;
        background-color        : rgba(37, 44, 122, 0.7);
        width                   : 100%;
        height                  : 100%;
        display                 : block;
        z-index                 : 0;
        top                     : 0;
        left                    : 0;
    }

    .fifSectionBanner {

        background-position-y   : center, bottom;
        background-size         : 100vmin, cover;
    }

    .fifBanner {

        padding-left            : 5em;
        z-index                 : 10;
    }

    .fifSectionBanner h1{

        font-size           : 2.2em;
    }

    .fifSectionBanner h2{

        font-size           : 1.5em;
    }

    .fifSectionBanner h3{

        font-size           : 2.5em;
    }

    .fifSaveDate {

        font-size           : 1em !important;
        z-index             : 10;
    }

    .fifSectionSobre {

        background-position-y   : center, bottom;
        background-size         : 100vmin, cover;
    }

    .fifSectionSobre div{

        padding             : 2em;
    }

    .fifSectionSobre p{

        text-align          : start;
    }

    .fifSectionInformacoes div{

        font-size           : 0.9em;
    }

    .fifSectionProgramacao div{

        font-size           : 0.7em;
    }

    .fifProgramacaoLista li{

        flex-direction      : column;
    }

    .fifSectionProgramacao h2{

        font-size           : 4.5em;
    }

    .fifFooterTitulo h3{

        flex-direction      : column;
    }

    .fifFooterTitulo p{

        font-size           : 0.9em;
    }

}

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

    .fifSectionBanner h1{

        font-size           : 1.8em;
    }

    .fifSectionBanner h2{

        font-size           : 1.1em;
    }

    .fifSectionBanner h3{

        font-size           : 2.2em;
    }

    .fifSectionBanner p{

        font-size           : 0.9em;
        line-height         : 1.3em;
    }
}