@charset "utf-8";

/*
    Theme name: Certificados CMMG - 2025/2026
    Author: CMMG - Hub Tecnológico
    Author URI: https://cmmg.edu.br/diferenciais/hub-tecnologico/
    Version: 2026.07.23
    Requires at least: 6.4
    Tested up to: 6.4
    Requires PHP: 7.4
    Text domain: __cmmg

    Description: Tema desenvolvido para a página de Certificados CMMG
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {

    --corDouradoCMMG        : #a39161;
    --corBarraCinzaClaro    : #abb8c3;
    --corFundoCinzaClaro    : #eaeaea;
    --corFundoCinzaEscuro   : #79747e;
}

* {

    font-family             : Montserrat;
}

main {

    overflow                : hidden;
}

#__cmmgLayoutMenuPrincipal a {

    font-weight             : 500 !important;
}

#__cmmgLayoutMenuPrincipal li {

    margin                  : auto;
    border-right            : 2px solid #FFF;
    padding                 : 0 1em;
}

#__cmmgLayoutMenuPrincipal li:last-child,
#__cmmgLayoutMenuPrincipal li:nth-child(4) {

    border                  : none;
}

#__cmmgNav:not(.__cmmgNavRolagem) {

    padding                 : 1em 3em;
    border-bottom           : 1px solid rgba(255, 255, 255, 45%);
    background-color        : rgba(0, 0, 0, 20%);
}

#__cmmgLayoutMenuPrincipalLink-busca input {

    opacity                 : 0;
}

#__cmmgLayoutMenuPrincipalLink-busca img {

    width                   : 1.3em;
}

.certMenuBuscaDesktop {

    z-index                 : 99;
    background-color        : #000;
    position                : fixed;
    width                   : 100%;
    height                  : 100%;
    top                     : -100vh;
    left                    : 0;
    opacity                 : 0;
    align-content           : center;
    transition              : opacity .5s ease-in-out, top 0s;
}

input:checked + .certMenuBuscaDesktop {

    opacity                 : 0.9;
    top                     : 0;
}

.certMenuBuscaDesktop label {

    color                   : #F9F9F9;
    font-size               : 4em;
    position                : absolute;
    right                   : .1em;
    top                     : calc(.2em + var(--wp-admin--admin-bar--height));
}

.certMenuBuscaDesktop form {

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

#certMenuBuscaFormularioCampo {

    background-color        : transparent;
    font-size               : 2em;
    border                  : solid #fff;
    border-width            : 0 0 1px;
    border-radius           : 0;
    padding                 : 0.5em 7em;
    text-align              : center;
}

#certMenuBuscaFormulario input:focus-visible {

    outline                 : 0;
}

#certMenuBuscaFormulario input[type=submit] {

    background-image        : url('./imagens/icones/svg/pesquisa2.svg');
    background-color        : transparent;
    background-size         : cover;
    background-repeat       : no-repeat;
    background-position     : center;
    padding                 : 1em 2em;
    font-size               : .5em;
    cursor                  : pointer;
    border                  : none;
}

#certMenuBuscaLupa img {

    width                   : 1.45em;
}

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

    #__cmmgLayoutMenuPrincipal li {

        border              : 0;
    }

    #certMenuBuscaLupa, .certMenuBuscaDesktop label {

        display             : none;
    }

    .certMenuBuscaDesktop {

        background-color    : initial;
        position            : initial;
        opacity             : 1;
        border              : 1px solid #fefefe;
        margin-bottom       : 1.5em;
    }

    #certMenuBuscaFormularioCampo {

        padding             : 0;
        border-width        : 0;
        font-size           : .8em;
        text-align          : left;
        width               : 90%;
        filter              : brightness(9);
        font-weight         : 500;
    }

    .certMenuBuscaDesktop form {

        margin              : 0;
        display             : inline-flex;
        justify-content     : space-between;
        width               : 11em;
        padding             : .3em .4em;
    }
}

/* ----------------------- GERAL --------------------------*/

h2{

    font-size               : 2.2em;
    color                   : var(--cmmgCorHexDouradoCmmg);
    letter-spacing          : .15em;
    text-transform          : uppercase;
    margin                  : 0 auto;
    padding                 : 1em 0;
    max-width               : 1200px;
}

h3{

    font-size               : 2em;
    color                   : var(--cmmgCorHexDouradoCmmg);
    text-transform          : uppercase;
    letter-spacing          : .15em;
    padding                 : 1em 0;
    max-width               : 1200px;
    margin                  : 0 auto;
    border-top              : 1px solid var(--corFundoCinzaEscuro);
}

h3:first-of-type {

    border-top              : none;
    padding-top             : 2em;
}

h4{

    text-transform          : uppercase;
    color                   : var(--corDouradoCMMG);
    margin                  : 0 0 1em 0;
}

section:not(.certLayoutPaginaFrontPageBanner, .certLayoutPaginaBannerGenerico) {

    padding                 : 3em 3em 6em 3em;
    max-width               : 1200px;
    margin                  : 0 auto;
}

main a:not(.paginaValidacaoBotoes a, .__cmmgBotao) {

    font-weight             : 700;
    background-size         : 100% 1px !important;
}



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

    h5{

        margin              : 0 1.2em;
        font-size           : 1.2em;
    }
}

/* ---------------- PÁGINA INICIAL ------------------*/

.certLayoutPaginaFrontPageBanner .__cmmgLayoutCarrossel {

    margin                  : 0;
    height                  : 90vh;
}

.certLayoutPaginaFrontPageBanner .__cmmgLayoutCarrossel ul > li.__cmmgLayoutCarrosselListaItem-imagem {

    border-radius           : 0;
    height                  : 90vh;
}

.certLayoutPaginaFrontPageBanner .__cmmgLayoutCarrossel ul > li {

    width                   : calc(100% / var(--cmmgLayoutCarrosselDobras));
    margin                  : 0;
}

#__cmmgLayoutCarrossel_bannerMobile {

    display                 : none;
}

.certLayoutPaginaFrontPageBanner .__cmmgLayoutCarrosselPaginador {

    top                     : -5em;
    position                : relative;
    z-index                 : 98;
}

.__cmmgLayoutCarrosselPaginador a {

    color                   : #7BD4CE;
    background-color        : #7BD4CE;
}

.__cmmgLayoutCarrosselPaginador a.__cmmgLayoutCarrosselPaginadorAtivo {

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

.paginaFrontPageSobre p:last-of-type {

    margin-bottom           : 4em;
}

.paginaFrontPageSobre {

    width                   : 60%;
    place-self              : center;
    padding                 : 0 0 3em 0;
    border-bottom           : 1px solid var(--corBarraCinzaClaro);
}

.paginaFrontPageSobre a {

    text-transform          : uppercase;
    font-size               : 1.3em;
}

.paginaFrontPageSobreBotao {

    text-align              : center;
}

.paginaFrontPageEventos {

    width                   : 60%;
    place-self              : center;
    padding                 : 4em 0;
}

.paginaFrontPageEventos h2{

    margin-bottom           : 2em;
}

.paginaFrontPageEventos .__cmmgLayoutCarrossel ul > li.__cmmgLayoutCarrosselListaItem-imagem {

    height                  : 30vh;
}

.paginaFrontPageEventos .__cmmgLayoutCarrosselPaginador {

    margin                  : 1em 0 0 0;
}

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

    .certFooter {

        flex-direction      : column;
        align-items         : center;
        gap                 : 2em;
    }
}

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

    .certLogoFooter {

        width               : 22em;
    }

    .certInformacoesFooter {

        font-size           : .95em;
    }

    #__cmmgFooter p {

        font-size           : .95em;
    }
}

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

    .certLogoFooter {

        width               : 20em;
    }

    .certInformacoesFooter {

        font-size           : .9em;
    }

    #__cmmgFooter p {

        font-size           : .9em;
    }
}

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

    #__cmmgLayoutCarrossel_banner {

        display             : none;
    }

    .certLayoutPaginaFrontPageBanner .__cmmgLayoutCarrossel, .certLayoutPaginaFrontPageBanner .__cmmgLayoutCarrossel ul > li.__cmmgLayoutCarrosselListaItem-imagem {

        height              : 95vh;
    }

    #__cmmgLayoutCarrossel_bannerMobile {

        display             : initial;
        height              : 95vh;
    }

    h2{

        font-size           : 1.8em;
    }

    .paginaFrontPageSobre {

        width               : 85%;
    }

    .paginaFrontPageSobre a {

        font-size           : 1.1em;
    }

    .paginaFrontPageSobre p {

        font-size           : .9em;
    }

    .paginaFrontPageEventos {

        width               : 80%;
    }

     .certLogoFooter {

        width               : 15em;
    }

    .certInformacoesFooter {

        font-size           : .8em;
    }

    #__cmmgFooter p {

        font-size           : .8em;
    }
}

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

    .certLogoFooter {

        width               : 12em;
    }
}

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

    h2{

        font-size           : 1.4em;
    }

    .paginaFrontPageSobre p {

        font-size           : .8em;
    }

    .paginaFrontPageSobre a {

        font-size: 1em;
    }

    .paginaFrontPageEventos {

        width               : 90%;
    }
}

/* ------------------------ AGENDA -----------------------------*/

.certLayoutPaginaBannerGenerico img {

    height                      : 20em;
    object-fit                  : cover;
    object-position             : center;
    width                       : 100%;
}

.certLayoutPaginaBannerEvento,
.certLayoutPaginaBannerGenerico_validacao img,
.certLayoutPaginaBannerGenerico_agenda    img {

    object-position             : bottom !important;
}

.certLayoutPaginaBannerEvento img {

    height                      : calc(80 * var(--cmmgVh));
}

.certLayoutPaginaBannerEvento img:last-child {

    display: none;
}

#__cmmgHeader figure {

    display                     : flex;
    width                       : 100% !important;
    margin                      : 0;
    box-shadow                  : 0 0 10px 5px #999;
}

h2.certCssH2Agenda {

    text-align                  : center;
}

.paginaAgendaPaginador {

    position                    : relative;
    border-bottom               : 1px solid var(--corBarraCinzaClaro);
    height                      : 2.3em;
}

.paginaAgendaPaginador a {

    --cmmgLinkCorHex1           : #FEFEFE;
    --cmmgLinkCorHex2           : #FEFEFE;
    --certCorHexVerdePrincipal  : #7BD4CE;
    margin                      : 0;
    color                       : var(--certCorHexVerdePrincipal);
    font-weight                 : 600;
    letter-spacing              : .1em;
    position                    : absolute;
    left                        : 0;
    width                       : fit-content;
}

.paginaAgendaPaginador a.AgendaPaginadorProximo {

    left                        : initial;
    right                       : 0;
}

.certLayoutListaItem {

    position                    : relative;
    display                     : flex;
    justify-content             : left;
    margin                      : 3em 0;
    background-color            : var(--corFundoCinzaClaro);
    overflow                    : hidden;
    border-radius               : 1em;
}

.certLayoutListaItemImagem {

    width                       : 40%;
    object-fit                  : cover;
    aspect-ratio                : 16/9;
}

.certLayoutListaItemSemFundo {

    margin                      : 3em;
}

.certLayoutListaItemInformacoes {

    padding                     : 3em;
    width                       : 60%;
    display                     : grid;
    align-content               : start;
}

.certLayoutListaItemInformacoes h4{

    font-size                   : 1.3em;
    margin                      : 0;
}

.certLayoutListaItemInformacoes li {

    display                     : flex;
    flex-direction              : row;
    margin                      : 1em auto;
    gap                         : 1em;
}

.certLayoutListaItemInformacoes p {

    padding                     : .5em .3em 0 .3em;
}

.dataMobile {

    display                     : none
}

.certLayoutListaItem a {

    position                    : absolute;
    width                       : 100%;
    height                      : 100%;
    z-index                     : 1;
}

.certLayoutListaItemInformacoes li img {

    align-self                  : baseline;
    padding-top                 : .2em;
}

#certLayoutAgendaListaItemBotao {

    display                     : none;
    text-align                  : right;
    text-transform              : uppercase;
    margin-top                  : 2em;
    z-index                     : 1;
}

.PaginaAgendaLista {

    border-bottom               : 1px solid var(--corBarraCinzaClaro);
    position                    : relative;
}

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

    .certLayoutListaItemInformacoes {

        width                   : 60%;
    }
}

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

    .certLayoutListaItemInformacoes {

        padding                 : 1em 1.5em;
    }

    .certLayoutListaItemInformacoes h4{

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

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

    .certLayoutListaItemInformacoes h4{

        font-size               : 1em;
    }

    .certLayoutListaItemInformacoes {

        padding                 : 1em 1.5em;
    }

    .certLayoutListaItemInformacoes span {

        font-size               : .9em;
    }

    #certLayoutAgendaListaItemBotao {

        font-size               : .9em;
    }

    .certLayoutListaItemInformacoes li {

        gap                     : .5em;
    }
}

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

    .certLayoutPaginaBannerEvento img {

        height                  : calc(50 * var(--cmmgVh));
    }

    .certLayoutPaginaBannerEvento img:first-child {

        display: none;
    }

    .certLayoutPaginaBannerEvento img:last-child {

        display: initial;
    }

    .PaginaAgendaListaBorda {

        margin                  : 2em;
    }

    section:not(.certLayoutPaginaFrontPageBanner, .certLayoutPaginaBannerGenerico) {

        padding                 : 2em;
    }

    .certLayoutListaItem {

        position                : relative;
        min-height              : 16em;
        background-color        : var(--cmmgLinkCorHex1);
        margin                  : 3em 0;
    }

    .certLayoutListaItemInformacoes p {

        padding                 : .5em 0 0 1.2em;
    }

    .certLayoutListaItemImagem {

        position                : absolute;
        width                   : 100%;
        height                  : 100%;
        object-fit              : cover;
    }

    .certLayoutListaItemInformacoes {

        position                : absolute;
        z-index                 : 0;
        background-color        : rgb(0 0 0 / 75%);
        backdrop-filter         : blur(1px);
        width                   : 100%;
        height                  : 100%;
        display                 : flex;
        flex-direction          : column;
        color                   : var(--corFundoCinzaClaro);
        padding                 : 0;
    }

    .certLayoutListaItemInformacoes h4{

        font-size               : 1em;
        margin                  : 2em 2em 1em 1.5em;
        height                  : auto;
    }

    #certLayoutAgendaListaItemBotao {

        display                 : flex;
        position                : fixed;
        bottom                  : -1px;
        width                   : 100% !important;
        justify-content         : center;
        padding                 : .8em 0 !important;
        border                  : 0;
    }

    #certLayoutAgendaListaItemBotao:hover {

        border                  : 1px solid var(--cmmgBotaoCorHex1) !important;
    }

    .certLayoutListaItemInformacoes li {

        margin                  : 0;
        padding                 : 0 1.5em;
    }

    .certLayoutListaItemInformacoes li p {

        display: none;
    }


    #certLayoutAgendaListaItemBotao .__cmmgBotao {

        border-radius           : 0 0 1em 1em;
        padding                 : .8em 1.4em !important;
        width                   : 92% !important;
    }

    .certLayoutListaItemSemFundo {

        margin                  : 3em 0;
    }

        .dataDesktop {

        display                 : none;
    }

    .dataMobile {

        display                 : inline-flex;
    }

}

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

    .PaginaAgendaListaBorda {

        margin                  : 2em 0;
    }

    .certLayoutListaItem {

        min-height              : 16em;
        margin                  : 3em 0;
        word-wrap               : break-word;
    }

    .certLayoutListaItemImagem {

        width                   : 100%;
        height                  : 100%;
    }

    .certLayoutListaItemInformacoes {

        width                   : 100%;
        height                  : 100%;
    }

    .certLayoutListaItemInformacoes h4{

        font-size               : .9em;
    }

    #certLayoutAgendaListaItemBotao {

        font-size               : .8em;
    }
}

/* ------------------------- PÁGINA EVENTO -------------------------------- */

.paginaEventoInformacoes {

    display                     : flex;
    gap                         : 5em;
    font-size                   : 1.05em;
}

.paginaEventoInformacoes img {

    vertical-align              : text-bottom;
    padding-right               : .3em;
    width                       : 1.3em;
}

.paginaEventoInformacoes {

    margin                      : 2em 0 !important;
}


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

    .paginaEventoInformacoes {

        flex-direction          : column;
        gap                     : .3em;
    }

    .paginaEventoInformacoes li {

        font-size               : 1em;
    }

    .paginaEventoInformacoes img {

        vertical-align          : text-top;
        width                   : 1.15em;
    }
}

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

    .paginaEventoInformacoes li {


        font-size               : .95em;
    }

    .paginaEventoInformacoes img {

        vertical-align          : text-top;
        width                   : 1.1em;
        padding                 : 0;
    }

}

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

    .paginaEventoInformacoes li {

        font-size               : .95em;
    }

    .paginaEventoInformacoes img {

        vertical-align          : text-top;
        width                   : 1.1em;
        padding                 : 0;
    }
}


/*------------------------ VALIDAÇÃO - VÁLIDO/INVÁLIDO ---------------------*/

#certFormHashValida {

    padding                     : 0;
}

#certFormHashValida label {

    font-size                   : 1.5em;
    text-transform              : uppercase;
    color                       : var(--cmmgCorHexPrincipal);
    letter-spacing              : .2em;
    font-weight                 : 700;
    max-width                   : 38%;
    display                     : inline-block;
    text-overflow               : ellipsis;
    overflow                    : hidden;
    text-wrap                   : nowrap;
    translate                   : 0 .3em;
}

#campoChaveId {

    background-color            : var(--corFundoCinzaClaro);
    border-color                : var(--corFundoCinzaEscuro);
    border-radius               : 4px;
    width                       : calc(62% - 1em - 2px);
    padding                     : .8em .5em;
}

#certFormHashValida fieldset > div {

    display                     : flex;
    gap                         : 5em;
    align-items                 : center;
    margin                      : 3em 0 0 26.5em;
    flex-wrap                   : wrap;
}

#certLayoutValidacaoChaveBotao {

    font-size                   : 1.5em;
    text-transform              : uppercase;
}

.certLayoutPaginaValidacaoValido, .certLayoutPaginaValidacaoInvalido {

    background-color            : #7BD4CE;
    color                       : #000;
    padding                     : 1.2em !important;
    border-radius               : 5px;
    margin-bottom               : 1.5em;
    font-weight                 : 400;
    text-transform              : initial;
    font-size                   : 1em;
    letter-spacing              : initial;
}

.certLayoutPaginaValidacaoInvalido {

    background-color            : #D47B7C !important;
}

.paginaValidacaoInformacoes {

    background-color            : #EAEAEA;
    border                      : 1px solid #79747E;
    padding                     : 2em;
    border-radius               : 5px;
}

.paginaValidacaoInformacoes li {

    display                     : grid;
    grid-template-columns       : 15em auto;
    margin                      : 0 0 1.5em 0;
}

.paginaValidacaoInformacoes li:last-child {

    margin                      : 0;
}

.paginaValidacaoInformacoes p {

    color                       : #000;
    margin                      : 0;
}

.paginaValidacaoInformacoes p:first-child {

    font-weight                 : 600;
    padding-right               : 1em;
}

.paginaValidacaoInformacoes li:first-child p {

    word-break                  : break-all;
}

.paginaValidacaoBotoes {

    font-size                   : 1.25em;
    text-transform              : uppercase;
    letter-spacing              : .1em;
    display                     : flex;
    justify-content             : space-between;
    margin                      : 2em 0;
}

.paginaValidacaoBotoes:empty {

    display: none;
}

.__cmmgBotao {

    padding: .5em 1.3em !important;
}

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

    #certFormHashValida label {

        font-size               : 1.4em;
        text-wrap               : initial;
        max-width               : initial;
    }

    #campoChaveId {

        width                   : calc(100% - 2px - 1em);
        margin                  : 2em 0;
    }

    #certFormHashValida fieldset > div {

        gap                     : 2em;
        margin                  : 2em 0 0 0;
        justify-content         : center;
    }
}

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

    #certFormHashValida label {

        font-size               : 1.3em;
    }

    #certLayoutValidacaoChaveBotao {

        font-size               : 1.3em;
    }

    .paginaValidacaoBotoes {

        font-size               : 1.1em;
    }
}

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

    .certLayoutPaginaValidacaoValido, .certLayoutPaginaValidacaoInvalido {

        font-size               : 1em;
    }

    #certFormHashValida label, #certLayoutValidacaoChaveBotao {

        font-size               : 1.2em;
    }

    .paginaValidacaoInformacoes li {

        grid-template-columns: 100%;
    }

    .paginaValidacaoBotoes {

        font-size               : 1em;
    }
}

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

    .certLayoutPaginaValidacaoValido, .certLayoutPaginaValidacaoInvalido {

        font-size               : .9em;
    }

    #certFormHashValida {

        margin                  : .55em;
    }

    .paginaValidacaoBotoes {

        font-size               : 1em;
        flex-direction          : column;
        gap                     : 1em;
        margin                  : 2em 0;
        text-align              : center;
    }

    #certLayoutValidacaoChaveBotao {

        font-size               : 1em;
        margin                  : 1em auto;
    }
}

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

    #certFormHashValida label {

        font-size               : 1.2em;
    }

    .paginaValidacaoBotoes {

        font-size               : .88em;
        gap                     : 3em;
    }

    #certLayoutValidacaoChaveBotao {

        font-size               : 1.1em;
    }
}

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

#__cmmgFooter {

    padding                     : 4em 3em;
    background-color            : var(--cmmgCorHexTurquesaCmmg);
    color                       : #FFF;
}

#__cmmgFooter a {

    color                       : var(--cmmgLinkCorHex1);
}

#__cmmgFooter p:last-child {

    text-align                  : center;
    margin-top                  : 2em;
}

.__cmmgLinkImg::after {

    outline-color               : var(--cmmgLinkCorHex1);
}

.certFooter {

    display                     : flex;
    justify-content             : space-evenly;
    margin-top                  : 2em;
}

.certInformacoesFooter img {

    margin                      :  .2em 1em 1em 0;
    float                       : left;
    filter                      : brightness(0) invert(1);
    width                       : 1.6em;
}

.certFooter ul:first-of-type {

    margin-top                  : 0;
}

.certInformacoesFooter li {

    padding                     : 1em 0;
}

.certInformacoesFooter li:first-child {

    padding-top                 : 0;
}

#__cmmgFooter a, .__cmmgSublinhadoAnimado {

    --cmmgLinkCorHex1           : #FEFEFE;
    --cmmgLinkCorHex2           : #FEFEFE;
}

.certSelos {

    justify-items               : center;
    margin                      : 2em;
}

.certSelosLista {

    display                     : flex;
    flex-direction              : row;
    flex-wrap                   : wrap;
    gap                         : 5em;
    align-items                 : center;
    width                       : 100%;
    justify-content             : center;
}

.certSelosLista img {

    width                       : 13em;
}

.certSelosImagemBranca {

    filter                      : brightness(100);
}

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

    .certSelosLista {

        gap: 2em;
        flex-direction: column;
    }

    .certSelosLista img {

        width: 11em;
    }
}

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

    .certSelosLista img {

        width: 10em;
    }
}

/*========== EXTRAS ========*/

.__cmmgLayoutPagina404{

    width                       : auto;
}

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

    #__cmmgLayoutMenuPrincipal {

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

    #__cmmgLayoutMenuPrincipal li {

        padding                 : .2em .5em;
    }

    #__cmmgLayoutMenuPrincipal a {

        text-transform          : uppercase;
        text-align              : center;
        letter-spacing          : 3px;
    }
}
