@charset "utf-8";

/*
    Theme name: ISACS - CMMG
    Author: HUB Tecnológico
    Author URI: https://cmmg.edu.br/hub/apresentacao
    Version: 2025.02.21
    Requires at least: 6.4
    Tested up to: 6.4
    Requires PHP: 7.4
    Text domain: __cmmg

    Description: Tema desenvolvido para a página do evento ISACS - CMMG
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0');

:root{

    --isacsCorRgbAzul          :  16,  47,  95;
    --isacsCorRgbAzulClaro     :  36,  91, 156;
    --isacsCorRgbAzulEscuro    :   8,  26,  53;
    --isacsCorRgbVermelha      : 186,  27,  15;
    --isacsCorRgbVermelhaClara : 244,  39,  23;
    --isacsCorRgbVermelhaEscura: 158,  21,  11;
}

/***************************************************************************************************
    Base
***************************************************************************************************/

body{

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

/***************************************************************************************************
    HTML
***************************************************************************************************/

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

    font-size   : 2.3em;
    color       : rgb(var(--isacsCorRgbAzul));
    font-weight : 400;
}

h3{

    font-size: 1.4em;
}

h4, .h4{

    font-size: 1.2em;
}

h5, .h5{

    font-size: 1em;
}

h6{

    font-size: .9em;
}

a, .__cmmgSublinhadoAnimado{

    --cmmgLinkCorHex1: rgb(var(--isacsCorRgbVermelhaClara));
    --cmmgLinkCorHex2: rgb(var(--isacsCorRgbVermelhaClara));

    font-weight      : 400;
}

/***************************************************************************************************
    Classes genéricas
***************************************************************************************************/

.cmmgDisplayNone{

    display: none;
}

.cmmgClear{

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

.cmmgAncora{

    height  : 0;
    padding : 0;
    display : block;
    position: relative;
    top     : -9em;
    z-index : -9999;
    opacity : 0;
}

.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: rgb(var(--cmmgCorRgbTurquesaCmmg));
    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 : rgb(var(--isacsCorRgbVermelhaClara));
    --cmmgBotaoCorHex2 : rgb(var(--isacsCorRgbVermelhaEscura));

    display            : inline-block;
    cursor             : pointer;
    margin             : 0;
    padding            : .1em 1.3em .18em 1.3em;
    width              : auto !important;
    font-size          : 1.3rem;
    color              : #fefefe !important;
    text-align         : center;
    border-width       : 1px;
    border-color       : var(--cmmgBotaoCorHex1) !important;
    border-style       : solid;
    border-radius      : .1em;
    background-color   : initial !important;
    background-size    : 100% 100%;
    background-position: top 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;
}

/***************************************************************************************************
    Formatação específica de conteúdo vindo do editor (páginas gerais)
***************************************************************************************************/

section.cmmgEditorConteudo ul > li{

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

section.cmmgEditorConteudo ul > li:last-of-type{

    margin-bottom: 0;
}

section.cmmgEditorConteudo ul > li > ul > li{

    list-style-type: circle;
}

section.cmmgEditorConteudo ul > li > ul > li > ul > li{

    list-style-type: square;
}

/***************************************************************************************************
    Header
***************************************************************************************************/

/***************************************************************************************************
    Header: Nav
***************************************************************************************************/

div#cmmgHeaderTitulo{

    position        : fixed;
    z-index         : 2;
    top             : -6.3em;
    left            : 0;
    display         : flex;
    width           : 100%;
    height          : 3.3em;
    padding         : 1.5em 2em;
    overflow        : hidden;
    background-color: rgba(var(--isacsCorRgbAzul), 97%);
}

div#cmmgHeaderTitulo.cmmgHeaderTituloAtivado{

    top: var(--wp-admin--admin-bar--height);
}

img#cmmgHeaderTituloLogo,
img#cmmgFooterTituloLogo,
div#cmmgHeaderTitulo .cmmgLinkImg{

    height: 100%;
}

div#cmmgHeaderTitulo .cmmgLinkImg::after{

    outline-color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

h1{

    margin    : auto;
    padding   : 0 4em 0 0;
    width     : 17.5em;
    font-size : 1.3em;
    text-align: center;
    color     : rgb(var(--cmmgCorRgbDouradoCmmg));
}

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

    h1{

        display: none;
    }
}

nav#cmmgMenuPrincipal{

    position        : fixed;
    top             : var(--wp-admin--admin-bar--height);
    left            : 100%;
    z-index         : 9;
    padding         : 2em;
    width           : calc(30em - 4em);
    height          : calc(var(--cmmgVh) * 100 - 4em);
    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-image: linear-gradient(-75deg, rgb(var(--isacsCorRgbAzulClaro)), 10%, rgb(var(--cmmgCorRgbTurquesaCmmg)));
}

input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal{

    left: calc(100% - 30em);
}

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

    nav#cmmgMenuPrincipal{

        width: calc(80vw - 4em);
    }

    input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal{

        left: calc(100% - 80vw);
    }
}

label#cmmgMenuPrincipalBotao{

    position        : relative;
    top             : -.7em;
    left            : -5.5em;
    display         : block;
    width           : 1.5em;
    height          : 1.5em;
    padding         : 1em;
    margin          : 0 0 -5em 0;
    color           : #fefefe;
    text-align      : center;
    line-height     : 3.1em;
    border-radius   : 35% 0 0 35%;
    background-color: rgb(var(--isacsCorRgbAzulClaro));
}

label#cmmgMenuPrincipalBotao:hover,
input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal label#cmmgMenuPrincipalBotao{

    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
}

input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal label#cmmgMenuPrincipalBotao:hover{

    background-color: rgb(var(--isacsCorRgbAzulClaro));
}

label#cmmgMenuPrincipalBotao span{

    line-height: 0;
    position   : relative;
    left       : -.1em;
    font-size  : 2.3em;
}

label#cmmgMenuPrincipalBotao span:last-child{

    display: none;
}

input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal label#cmmgMenuPrincipalBotao span:first-child{

    display: none;
}

input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal label#cmmgMenuPrincipalBotao span:last-child{

    display: initial;
}

label#cmmgMenuPrincipalFundo{

    cursor          : pointer;
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 0;
    opacity         : 0;
    display         : block;
    width           : 100vw;
    height          : 100vh;
    background-color: rgba(var(--isacsCorRgbAzulEscuro), 80%);
}

input#cmmgMenuPrincipalCheckbox:checked + nav#cmmgMenuPrincipal + label#cmmgMenuPrincipalFundo{

    opacity: 1;
    z-index: 2;
}

nav#cmmgMenuPrincipal ul{

    max-height: 100%;
    overflow  : auto;
    padding   : 0 .5em 0 0;
}

nav#cmmgMenuPrincipal ul li a{

    display         : block;
    padding         : .5em 2em;
    margin          : 0 0 1em 0;
    color           : #fefefe;
    border-width    : 1px;
    border-color    : #fefefe;
    background-size : 100% 0;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

nav#cmmgMenuPrincipal ul li a:hover{

    color          : rgb(var(--cmmgCorRgbTurquesaCmmg));
    background-size: 100% 100%;
}

/***************************************************************************************************
    WP Admin Bar
***************************************************************************************************/

#wpadminbar{

    background-color: rgb(var(--isacsCorRgbAzul)) !important;
}

/***************************************************************************************************
    Main
***************************************************************************************************/

main{

    position: relative;
    overflow: hidden;
}

section{

    margin   : auto;
    max-width: 1200px;
    padding  : 7em 4em;
    position : relative;
}

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

    section{

        padding: 7em 2em;
    }
}

/***************************************************************************************************
    Section: Banner
***************************************************************************************************/

section#cmmgSectionBanner{

    padding         : 0;
    position        : relative;
    display         : flex;
    width           : 100%;
    max-width       : 100%;
    height          : calc(100 * var(--cmmgVh));
    min-height      : 480px;
    background-color: rgb(var(--isacsCorRgbAzul));
}

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

    section#cmmgSectionBanner{

        font-size: .9em;
    }
}

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

    section#cmmgSectionBanner{

        font-size: .8em;
    }
}

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

    section#cmmgSectionBanner{

        font-size: .7em;
    }
}

@media only screen and (max-width : 380px),
       only screen and (max-height: 520px){

    section#cmmgSectionBanner{

        font-size: .5em;
    }
}

img#cmmgSectionBannerLogo{

    width    : 18em;
    max-width: 80vw;
}

div#cmmgSectionBannerConteudo{

    margin    : auto;
    z-index   : 1;
    text-align: center;
}

div#cmmgSectionBannerConteudo h2,
div#cmmgSectionBannerConteudo h3,
div#cmmgSectionBannerConteudo h4{

    color: rgb(var(--cmmgCorRgbDouradoCmmg));
}

div#cmmgSectionBannerConteudo h2{

    max-width: 17.5em;
    font-size: 1.5em;
    margin   : 1em auto .5em auto;
}

div#cmmgSectionBannerConteudo h3{

    font-size: 1.2em;
    margin   : .5em auto;
}

div#cmmgSectionBannerConteudo h4{

    width : fit-content;
    color : #fefefe;
    margin: 1em auto;
}

section#cmmgSectionBanner .cmmgSectionCallAbstractsBotao{

    margin             : 1em 0 .5em 0;
    padding            : .3em 1.2em;
    font-size          : 2em;
    font-weight        : 600;
    font-variant       : petite-caps;
    border-color       : rgb(var(--cmmgCorRgbDouradoCmmg));
    background-size    : 100% 100%;
    background-position: top left;
    background-image   : linear-gradient(0, rgb(var(--cmmgCorRgbDouradoCmmg)), rgb(var(--cmmgCorRgbDouradoCmmg)));
}

section#cmmgSectionBanner .cmmgSectionCallAbstractsBotao:hover{

    color          : rgb(var(--cmmgCorRgbDouradoCmmg));
    background-size: 100% 0;
}

div#cmmgSectionBannerConteudoInfo{

    margin: 1em auto 2em auto;
}

div#cmmgSectionBannerConteudoInfo a{

    color           : #fefefe;
    margin          : 0 1.5em 0 0;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

div#cmmgSectionBannerConteudoInfo span.material-symbols-rounded{

    position : relative;
    top      : .2em;
    font-size: 1.5em;
    color    : #fefefe;
}

div#cmmgSectionBannerConteudoInfo span.material-symbols-rounded:nth-child(2){

    top: .06em;
}

div#cmmgSectionBannerConteudoLogos{

    display   : flex;
    color     : #fefefe;
    text-align: left;
}

div#cmmgSectionBannerConteudoLogos > div{

    margin: 0 2em;
}

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

    div#cmmgSectionBannerConteudoInfo{

        margin: 1em auto;
    }

    div#cmmgSectionBannerConteudoLogos{

        flex-direction: column;
    }

    div#cmmgSectionBannerConteudoLogos > div{

        margin    : 1em 0;
        text-align: center;
    }
}

div#cmmgSectionBannerConteudoLogos p{

    margin: 0 0 .5em 0;
}

div#cmmgSectionBannerConteudoLogos .cmmgLinkImg::after{

    outline-color: #fefefe;
}

div#cmmgSectionBannerConteudoLogos img{

    filter: brightness(0)
            invert(1);
    height: 4em;
}

div#cmmgSectionBannerConteudoLogos > div:first-child img{

    height   : auto;
    max-width: 40vmin;
}

div#cmmgSectionBannerConteudoLogos .cmmgLinkImg:nth-child(3){

    margin: 0 0 0 2em;
}

div#cmmgSectionBannerElementos{

    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 100%;
    z-index : 0;
}

span.cmmgSectionBannerCirculos,
span.cmmgSectionBannerCirculos::after,
span.cmmgSectionBannerCirculos::before{

    --isacsTempo  : 30s;
    --isacsWH     : .9vmax;

    content      : '';
    position     : absolute;
    top          : calc(var(--isacsWH) * -20);
    right        : calc(var(--isacsWH) * -20);
    display      : block;
    width        : calc(var(--isacsWH) * 40);
    height       : calc(var(--isacsWH) * 40);
    border-radius: 50%;
    border-color : rgba(var(--cmmgCorRgbTurquesaCmmg), 20%);
    border-style : solid;
    border-width : 2px 2px 0 0;
    animation    : cmmgSectionBannerCirculos var(--isacsTempo) linear infinite;
}

span.cmmgSectionBannerCirculos2{

    top   : initial;
    right : initial;
    left  : calc(var(--isacsWH) * -20);;
    bottom: calc(var(--isacsWH) * -20);;
}

span.cmmgSectionBannerCirculos::after,
span.cmmgSectionBannerCirculos::before{

    top   : initial;
    bottom: initial;
    left  : initial;
    right : initial;
}

span.cmmgSectionBannerCirculos::after{

    scale    : .7;
    animation: cmmgSectionBannerCirculos calc(var(--isacsTempo) * .7) linear infinite reverse;
}

span.cmmgSectionBannerCirculos::before{

    scale    : 1.3;
    animation: cmmgSectionBannerCirculos calc(var(--isacsTempo) * .3) linear infinite reverse;
}

@keyframes cmmgSectionBannerCirculos{

    from{ rotate: 45deg; }
    to{ rotate: 405deg }
}

span.cmmgSectionBannerQuadrados{

    --isacsWH : 3vmax;
    --isacsSec: .1s;

    position: absolute;
    top     : 0;
    left    : 0;
}

span.cmmgSectionBannerQuadrados2{

    top   : initial;
    left  : initial;
    right : calc(var(--isacsWH) * 5);
    bottom: calc(var(--isacsWH) * 3);
}

span.cmmgSectionBannerQuadrados span{

    content         : '';
    position        : absolute;
    display         : block;
    width           : var(--isacsWH);
    max-width       : initial;
    height          : var(--isacsWH);
    background-color: rgb(var(--isacsCorRgbVermelhaClara));
    animation       : cmmgSectionBannerQuadrados 30s ease-in-out infinite;
}

span.cmmgSectionBannerQuadrados span:nth-child(1){

    top             : 0;
    left            : 0;
    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
}

span.cmmgSectionBannerQuadrados2 span:nth-child(1){

    background-color: rgb(var(--isacsCorRgbAzulEscuro));
    animation-delay : calc(var(--isacsSec) * 7);
}

span.cmmgSectionBannerQuadrados span:nth-child(2){

    top             : 0;
    left            : var(--isacsWH);
    background-color: rgb(var(--isacsCorRgbAzulClaro));
    animation-delay : calc(var(--isacsSec) * 3);
}

span.cmmgSectionBannerQuadrados2 span:nth-child(2){

    animation-delay: calc(var(--isacsSec) * 9);
}

span.cmmgSectionBannerQuadrados span:nth-child(3){

    top             : var(--isacsWH);
    left            : calc(var(--isacsWH) * 2);
    background-color: rgb(var(--isacsCorRgbVermelhaEscura));
    animation-delay : calc(var(--isacsSec) * 5);
}

span.cmmgSectionBannerQuadrados2 span:nth-child(3){

    animation-delay: calc(var(--isacsSec) * 11);
}

span.cmmgSectionBannerQuadrados span:nth-child(4){

    top             : var(--isacsWH);
    left            : calc(var(--isacsWH) * 3);
    animation-delay : calc(var(--isacsSec) * 6);
}

span.cmmgSectionBannerQuadrados2 span:nth-child(4){

    animation-delay: calc(var(--isacsSec) * 12);
}

span.cmmgSectionBannerQuadrados span:nth-child(5){

    top             : calc(var(--isacsWH) * 2);
    left            : calc(var(--isacsWH) * 3);
    background-color: rgb(var(--isacsCorRgbVermelha));
    animation-delay : calc(var(--isacsSec) * 4);
}

span.cmmgSectionBannerQuadrados2 span:nth-child(5){

    animation-delay : calc(var(--isacsSec) * 10);
}

span.cmmgSectionBannerQuadrados span:nth-child(6){

    top             : calc(var(--isacsWH) * .2);
    left            : calc(var(--isacsWH) * 4);
    background-color: rgb(var(--cmmgCorRgbTurquesaCmmg));
    animation-delay : calc(var(--isacsSec) * 2);
}

span.cmmgSectionBannerQuadrados2 span:nth-child(6){

    animation-delay: calc(var(--isacsSec) * 8);
}

@keyframes cmmgSectionBannerQuadrados{

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

/***************************************************************************************************
    Section: Intro
***************************************************************************************************/

section#cmmgSectionIntro{

    z-index         : -1;
    min-height      : 60vh;
    max-width       : initial;
    display         : flex;
    background-color: rgb(var(--isacsCorRgbAzul));
    background-image: linear-gradient(0, rgb(var(--isacsCorRgbAzulClaro)), rgb(var(--isacsCorRgbAzul)));
}

section#cmmgSectionIntro > div{

    color    : #fefefe;
    margin   : auto;
    width    : 40em;
    max-width: 100%;
}

/***************************************************************************************************
    Section: Registration
    Section: Call for Abstracts
***************************************************************************************************/

section.cmmgSectionRegistro{

    padding              : 0;
    color                : #fefefe;
    max-width            : initial;
    background-size      : cover;
    background-attachment: fixed;
    background-position  : center;
    background-image     : url('./imagens/fundos/fundoRegistro.jpg');
}

section.cmmgSectionRegistro > div:first-of-type{

    width           : calc(50% - 8em);
    min-width       : calc(600px - 8em);
    padding         : 7em 4em;
    backdrop-filter : blur(5px);
    background-image: linear-gradient(180deg, rgba(var(--cmmgCorRgbTurquesaCmmg), 85%), rgba(var(--isacsCorRgbAzulClaro), 65%));
}

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

    section.cmmgSectionRegistro > div:first-of-type{

        width    : calc(100% - 8em);
        min-width: initial;
    }
}

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

    section.cmmgSectionRegistro > div:first-of-type{

        padding: 7em 2em;
        width  : calc(100% - 4em);
    }
}

section#cmmgSectionRegistration > div{

    margin          : 0 0 0 auto;
    background-image: linear-gradient(0, rgba(var(--cmmgCorRgbTurquesaCmmg), 85%), rgba(var(--isacsCorRgbAzulClaro), 65%));
}

section.cmmgSectionRegistro h2,
section.cmmgSectionRegistro h3,
section.cmmgSectionRegistro h4{

    color: #fefefe;
}

.cmmgSectionCallAbstractsBotao{

    color           : #fefefe;
    font-size       : 1.1em;
    padding         : .5em 2em;
    margin          : 0 .5em .5em 0;
    display         : inline-block;
    border-color    : #fefefe;
    border-width    : 1px;
    background-size : 100% 0;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

.cmmgSectionCallAbstractsBotao:hover{

    background-size: 100% 100%;
    color          : rgb(var(--isacsCorRgbAzulEscuro));
}

input#cmmgSectionCallAbstractsCheckbox{

    display: none;
}

div.cmmgSectionCallAbstractsPopUp{

    z-index  : 1;
    position : fixed;
    top      : -100%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

input#cmmgSectionCallAbstractsCheckbox:checked + div.cmmgSectionCallAbstractsPopUp{

    top: 50%;
}

div.cmmgSectionCallAbstractsPopUp ul{

    position        : fixed;
    width           : max-content;
    padding         : 2em 4em;
    transform       : translate(-50%, -50%);
    border-radius   : .2em;
    background-color: #fefefe;
}

div.cmmgSectionCallAbstractsPopUp ul li{

    color          : rgb(var(--cmmgCorRgbCinzaInferno));
    margin         : 1em 0;
    padding        : 0 0 0 .5em;
    list-style-type: circle;
}

div.cmmgSectionCallAbstractsPopUp ul li:last-of-type{

    list-style-type: none;
}

div.cmmgSectionCallAbstractsPopUp ul li:last-of-type label{

    --cmmgBotaoCorHex1: rgb(var(--cmmgCorRgbTurquesaCmmg));
    --cmmgBotaoCorHex2: rgba(var(--cmmgCorRgbTurquesaCmmg), 70%);

    display           : block;
    width             : fit-content !important;
    margin            : 3em auto 0 auto;
}

div.cmmgSectionCallAbstractsPopUp > label{

    content        : '';
    z-index        : -1;
    position       : fixed;
    top            : 0;
    left           : 0;
    display        : block;
    width          : 100vw;
    height         : 100vh;
    backdrop-filter: blur(3px);
    transform      : translate(-50%, -50%);
}

/***************************************************************************************************
    Section: Program Agenda
    Section: About Us
    Section: Scientific Programming
***************************************************************************************************/

section.cmmgSectionPessoas,
section#cmmgSectionScientificProgramming{

    color                : #fefefe;
    max-width            : initial;
    background-attachment: fixed;
    background-size      : cover;
    background-position  : center;
    background-repeat    : no-repeat;
    background-blend-mode: overlay;
    background-image     : url('./imagens/fundos/aboutUsFundo.png'),
                           linear-gradient(0, rgb(var(--isacsCorRgbAzulClaro)), rgb(var(--isacsCorRgbAzul)));
}

section#cmmgSectionProgramAgenda{

    background-image: url('./imagens/fundos/aboutUsFundo.png'),
                      linear-gradient(0, rgb(var(--isacsCorRgbAzul)), rgb(var(--isacsCorRgbAzulClaro)));
}

section.cmmgSectionPessoas > *,
section#cmmgSectionScientificProgramming > *{

    max-width   : 800px;
    margin-left : auto;
    margin-right: auto;
}

section.cmmgSectionPessoas h2,
section.cmmgSectionPessoas h3,
section.cmmgSectionPessoas h4{

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

section.cmmgSectionPessoas h2:last-of-type{

    font-size : 1.8em;
    margin-top: 2em;
}

section.cmmgSectionPessoas > h3{

    width       : 100%;
    padding     : 0 0 .5em 0;
    border-width: 0 0 1px 0;
}

section.cmmgSectionPessoas h4 img{

    height  : 1em;
    margin  : 0 0 0 .3em;
    position: relative;
    top     : .1em;
}

section.cmmgSectionPessoas > ul > li{

    display: flex;
    margin : 0 0 5em 0;
}

section.cmmgSectionPessoas > ul.cmmgSectionPessoasSimples > li{

    margin: 0;
}

section.cmmgSectionPessoas p + h3{

    margin-top: 3em;
}

div.cmmgSectionPessoasFoto figure{

    display      : flex;
    border-radius: .3em;
    height       : 10em;
    overflow     : hidden;
    background   : initial;
    margin       : 0 2em auto 0;
}

div.cmmgSectionPessoasFoto figure img{

    width          : 9em;
    max-width      : initial;
    object-fit     : cover;
    object-position: top center;
}

ul.cmmgSectionPessoasSimples h4{

    font-size  : 1.1em;
    margin     : 0 0 1em 0;
    font-weight: inherit;
}

ul.cmmgSectionPessoasSimples li:last-child h4{

    margin: 0 0 2em 0;
}

section.cmmgSectionPessoas > ul > li li{

    list-style-type: square;
    margin         : 0 0 1em 1em;
    padding        : 0 0 0 .7em;
}

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

    section.cmmgSectionPessoas > ul > li{

        flex-direction: column;
    }

    div.cmmgSectionPessoasFoto{

        margin: 0 auto 1.5em auto;
    }

    div.cmmgSectionPessoasFoto + div h4{

        text-align: center;
    }
}

/***************************************************************************************************
    Section: Scientific Programming
***************************************************************************************************/

section#cmmgSectionScientificProgramming{

    background-size    : contain;
    background-position: bottom right;
    background-image   : url('./imagens/fundos/scientificProgrammingFundo.png'),
                         linear-gradient(0, rgb(var(--cmmgCorRgbTurquesaCmmg)), rgb(var(--isacsCorRgbAzul)));
}

section#cmmgSectionScientificProgramming  h2,
section#cmmgSectionScientificProgramming  h3,
section#cmmgSectionScientificProgramming .h4,
section#cmmgSectionScientificProgramming .h5{

    display: block;
    color  : #fefefe;
}

section#cmmgSectionScientificProgramming h3{

    border-color: #fefefe;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding     : 0 0 .5em 0;
}

section#cmmgSectionScientificProgramming h3 a{

    font-size       : .6em;
    color           : #fefefe;
    margin          : 0 0 0 1em;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

section#cmmgSectionScientificProgramming h3 a.cmmgSectionScientificProgrammingExpandOculto{

    display: none;
}

section#cmmgSectionScientificProgramming ul + h3{

    margin-top: 5em;
}

ul.cmmgSectionScientificProgrammingLista > li > label{

    padding         : .7em 1em .7em 3em;
    display         : block;
    position        : relative;
    border-radius   : .2em;
    border-width    : 1px;
    border-color    : rgba(255, 255, 255, 15%);
    background-color: rgba(255, 255, 255, 10%);
}

ul.cmmgSectionScientificProgrammingLista > li > label::before{

    content  : '\02023';
    position : absolute;
    left     : .4em;
    top      : .17em;
    font-size: 2.5em;
}

ul.cmmgSectionScientificProgrammingLista > li > label:hover{

    background-color: rgba(255, 255, 255, 25%);
}

ul.cmmgSectionScientificProgrammingLista > li > label.cmmgSectionScientificProgrammingLabelSimples{

    cursor: initial;
    margin: 0 0 2em 0;
}

ul.cmmgSectionScientificProgrammingLista > li > label.cmmgSectionScientificProgrammingLabelSimples:hover{

    background-color: rgba(255, 255, 255, 10%);
}

ul.cmmgSectionScientificProgrammingLista > li > label.cmmgSectionScientificProgrammingLabelSimples::before{

    content: '';
}

section#cmmgSectionScientificProgramming .h4,
section#cmmgSectionScientificProgramming .h5{

    margin: 0;
}

section#cmmgSectionScientificProgramming .h4{

    margin: 0 0 .3em 0;
}

section#cmmgSectionScientificProgramming .h5{

    font-size: .9em;
}

section#cmmgSectionScientificProgramming .h4 span{

    font-size: .7em;
    display  : block;
    margin   : 0 0 .3em 0;
}

ul.cmmgSectionScientificProgrammingLista input[type=checkbox]{

    display: none;
}

ul.cmmgSectionScientificProgrammingLista > li > div{

    max-height: 0;
    margin    : 0 0 2em 0;
    overflow  : hidden;
}

ul.cmmgSectionScientificProgrammingLista > li > input[type=checkbox]:checked + label::before{

    animation: cmmgSectionScientificProgrammingListaAbreIndicador .25s ease-in-out forwards;
}

ul.cmmgSectionScientificProgrammingLista > li > input[type=checkbox]:checked + label + div{

    animation: cmmgSectionScientificProgrammingListaAbre 1s ease-in forwards;
}

ul.cmmgSectionScientificProgrammingLista > li > div > div{

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

ul.cmmgSectionScientificProgrammingLista > li li{

    margin         : 0 0 1.5em 1em;
    padding        : 0 0 0 1em;
    list-style-type: disc;
}

ul.cmmgSectionScientificProgrammingLista > li ol > li{

    list-style-type: decimal;
}

@keyframes cmmgSectionScientificProgrammingListaAbre{

    0%   { max-height: 0; }
    99%  { max-height: 100vh; }
    100% { max-height: 999999px; }
}

@keyframes cmmgSectionScientificProgrammingListaAbreIndicador{

    from { rotate: 0; }
    to   { rotate: 90deg }
}

/***************************************************************************************************
    Section: Venue and Accommodation
***************************************************************************************************/

section#cmmgSectionVenueAccommodation{

    display              : flex;
    max-width            : initial;
    min-height           : 70vh;
    background-size      : cover;
    background-attachment: fixed;
    background-position  : center;
    background-image     : url('./imagens/fundos/fundoVenue.jpg');
}

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

    section#cmmgSectionVenueAccommodation{

        padding: 7em 2em;
    }
}

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

    section#cmmgSectionVenueAccommodation{

        padding: 7em 0;
    }
}

div#cmmgSectionVenueAccommodationConteudo{

    color           : #fefefe;
    padding         : 2em;
    margin          : auto 5em auto auto;
    width           : 650px;
    height          : fit-content;
    backdrop-filter : blur(5px);
    background-color: rgba(var(--isacsCorRgbAzul), 75%);
}

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

    div#cmmgSectionVenueAccommodationConteudo{

        margin: auto;
        width : initial;
    }
}

div#cmmgSectionVenueAccommodationConteudo h2{

    color: #fefefe;
}

/***************************************************************************************************
    Section: News and Updates
***************************************************************************************************/

section#cmmgSectionNewsUpdates{

    display: none;
}

/***************************************************************************************************
    VLibras
***************************************************************************************************/
div#__cmmgDivVLibras .enabled{

    top   : initial !important;
    bottom: -.7em !important;
}

/***************************************************************************************************
    Footer
***************************************************************************************************/

footer{

    color           : #fefefe;
    position        : relative;
    padding         : 5em 2em 2em 2em;
    background-color: rgb(var(--isacsCorRgbAzul));
}

footer a{

    color           : #fefefe;
    background-image: linear-gradient(0, #fefefe, #fefefe);
}

footer .cmmgLinkImg::after{

    outline-color: #fefefe;
}

div#cmmgFooterConteudo{

    display  : flex;
    margin   : 0 auto;
    max-width: 1200px;
}

div#cmmgFooterLogos,
div#cmmgFooterContatos{

    margin: 0 auto;
}

div#cmmgFooterLogos img{

    max-width: 100%;
}

div#cmmgFooterLogos a:nth-child(1){

    width  : 14em;
    display: block;
    margin : 0 auto 2em auto;
}

div#cmmgFooterLogos a:nth-child(3),
div#cmmgFooterLogos a:nth-child(5),
div#cmmgFooterLogos a:nth-child(6){

    filter: brightness(0)
            invert(1);
}

div#cmmgFooterLogos a:nth-child(5){

    float: left;
}

div#cmmgFooterLogos a:nth-child(6){

    float: right;
}

div#cmmgFooterLogos a:nth-child(5) img,
div#cmmgFooterLogos a:nth-child(6) img{

    height: 3em;
}

div#cmmgFooterLogos p{

    margin   : 2em auto 1em auto;
    font-size: .8em;
}

div#cmmgFooterContatos h3{

    color : #fefefe;
    margin: 0 0 1.5em 0;
}

div#cmmgFooterContatos .material-symbols-rounded{

    font-size: 1.7em;
    float    : left;
    position : relative;
    left     : -.07em;
}

div#cmmgFooterContatos .material-symbols-rounded + a{

    margin: 0 0 0 .7em;
}

div#cmmgFooterContatosInstagram{

    margin: 1em 0 0 0;
}

div#cmmgFooterContatosInstagram img{

    float : left;
    height: 1.5em;
}

div#cmmgFooterContatosInstagram a{

    display: block;
    width  : fit-content;
    margin : 0 0 0 2.3em;
}

div#cmmgFooterDireitos{

    font-size : .9em;
    text-align: center;
    margin    : 5em 0 0 0;
}

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

    div#cmmgFooterConteudo{

        flex-direction: column;
    }

    div#cmmgFooterLogos{

        margin-bottom: 5em;
    }

    div#cmmgFooterContatos h3{

        text-align: center;
    }
}

/***************************************************************************************************
    Loader
***************************************************************************************************/

div#cmmgLoaderContainer{

    background-color: rgb(var(--isacsCorRgbAzul));
}