.corpo.brxe-section {min-height: 100vh; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; background-color: var(--framework-color-lrhyzr); position: relative} .corpo{ } .conteudo.brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 315px; position: relative} .conteudo{ } @media (max-width: 1180px) { .conteudo.brxe-block {padding-left: 275px} } @media (max-width: 768px) { .conteudo.brxe-block {padding-top: 0; padding-right: 0; padding-bottom: 60px; padding-left: 0} } .conteudo-in.brxe-block {align-items: center; position: relative} @media (max-width: 768px) { .conteudo-in.brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} } .conteudo-box.brxe-block {max-width: 1000px; position: relative} .aviso.brxe-block {background-color: var(--framework-color-swbdhc); border-radius: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; flex-direction: row; align-items: center; column-gap: 15px; margin-bottom: 15px} @media (max-width: 1180px) { .aviso.brxe-block {flex-wrap: nowrap} } @media (max-width: 768px) { .aviso.brxe-block {flex-wrap: wrap} } .aviso-alerta.brxe-block {background-color: var(--framework-color-isnxbn)} .aviso-icon.brxe-icon {flex-shrink: 0; align-self: center; min-width: 35px; min-height: 35px; max-width: 35px; max-height: 35px} .aviso-msg.brxe-text-basic {width: 100%; font-size: 18px; font-weight: 500; color: var(--framework-color-zaxkgd); line-height: 1.2} @media (max-width: 768px) { .aviso-msg.brxe-text-basic {max-width: calc(100% - 50px)} } .avsio-msg-branco.brxe-text-basic {color: var(--framework-color-lrhyzr)} .botao.brxe-button {flex-shrink: 0; padding-top: 0; padding-right: 15px; padding-bottom: 0; padding-left: 15px; color: var(--framework-color-lrhyzr); font-size: 18px; font-weight: 500; line-height: 50px; background-color: var(--framework-color-zaxkgd); border-radius: 7px; min-width: 120px; box-shadow: 0 2px 3px 0 rgba(19, 6, 55, 0.1); cursor: pointer} .botao.brxe-button:hover {background-color: var(--framework-color-oksviq); transition: all 0.2s ease-in} .botao-branco.brxe-button {background-color: var(--framework-color-lrhyzr); color: var(--framework-color-zaxkgd)} .botao-branco.brxe-button:hover {background-color: var(--framework-color-whecxg)} @media (max-width: 768px) { .aviso-botao.brxe-button {margin-top: 15px; margin-left: 50px} } .cartao.brxe-block {background-color: var(--framework-color-lrhyzr); border: 0; border-style: none; border-radius: 15px; margin-bottom: 15px; min-height: 100px; position: relative; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; align-items: center; row-gap: 15px; overflow: hidden} @media (max-width: 1180px) { .cartao.brxe-block {flex-wrap: nowrap} } @media (max-width: 768px) { .cartao.brxe-block {flex-direction: column; flex-wrap: wrap} } .cartao-servicos.brxe-block {background-color: var(--framework-color-vuuvct); flex-direction: row; column-gap: 15px; align-items: center; min-height: 200px} @media (max-width: 768px) { .cartao-servicos.brxe-block {padding-bottom: 40px} } .cartao-servicos-info.brxe-block {width: 30%; justify-content: center; align-items: center} @media (max-width: 768px) { .cartao-servicos-info.brxe-block {width: 100%} } .titulo-2.brxe-heading {font-size: 25px; font-weight: 600} .verde.brxe-heading {color: var(--framework-color-poruff)} .verde.brxe-text-basic {color: var(--framework-color-poruff)} .cartao-servicos-elementos.brxe-block {flex-direction: row; column-gap: 15px; width: 70%} @media (max-width: 1180px) { .cartao-servicos-elementos.brxe-block {flex-wrap: nowrap} } @media (max-width: 768px) { .cartao-servicos-elementos.brxe-block {width: 100%} } .cartao-servico-elemento.brxe-block {align-items: center; row-gap: 15px; width: auto} .texto.brxe-text-basic {font-size: 17px; font-weight: 500; color: var(--framework-color-zaxkgd); line-height: 1.2} .texto h1,.texto h2,.texto h3,.texto h4,.texto h5,.texto h6{ font-size: 130%; color: var(--framework-color-isnxbn);} @media (max-width: 768px) { .servicos-texto.brxe-text-basic {width: 100%; text-align: center; line-height: 1.2; min-height: 38px} } .estado.brxe-button {color: var(--framework-color-lrhyzr); font-size: 14px; font-weight: 600; line-height: 16px; background-color: var(--framework-color-zaxkgd); border-radius: 20px; padding-top: 4px; padding-right: 15px; padding-bottom: 6px; padding-left: 15px; gap: 5px} .estado-ativo.brxe-button {background-color: var(--framework-color-poruff)} .estado-aderir.brxe-button {background-color: var(--framework-color-ayhyrc); cursor: pointer} .bloco-cartoes.brxe-block {flex-direction: row; column-gap: 15px; align-items: stretch} @media (max-width: 1180px) { .bloco-cartoes.brxe-block {flex-wrap: nowrap} } @media (max-width: 768px) { .bloco-cartoes.brxe-block {flex-wrap: nowrap; flex-direction: column} } .cartao-fatura.brxe-block {background-position: center center; background-color: var(--framework-color-twhsop)} .titulo-3.brxe-heading {font-size: 22px; font-weight: 400; line-height: 1.3} .titulo-3.brxe-text-basic {font-size: 22px; font-weight: 400; line-height: 1.3} .roxo-escuro.brxe-heading {color: var(--framework-color-ydmchb)} .roxo-escuro.brxe-text-basic {color: var(--framework-color-ydmchb)} .roxo-escuro.brxe-block {color: var(--framework-color-ydmchb)} .bold.brxe-heading {font-weight: 600} .bold.brxe-text-basic {font-weight: 600} .tabela-cascata.brxe-block {flex-direction: row; column-gap: 15px; flex-wrap: wrap; justify-content: space-between; row-gap: 15px} .tabela-cartao.brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .tabela-cascata-el.brxe-block {width: calc(50% - 8px)} .roxo-escuro-transparente.brxe-text-basic {color: var(--framework-color-pvqram)} .estado-margem.brxe-button {margin-left: -5px} .estado-pendente.brxe-button {background-color: var(--framework-color-xmqhoc)} .estado-pago.brxe-button {background-color: var(--framework-color-poruff)} .cartao_caixa_botoes.brxe-block {flex-direction: row; align-items: center; justify-content: center; column-gap: 5px; row-gap: 5px} .cartao-leituras.brxe-block {background-color: var(--framework-color-smxbby)} .lilas.brxe-heading {color: var(--framework-color-mkhfcs)} .lilas.brxe-text-basic {color: var(--framework-color-mkhfcs)} @media (max-width: 768px) { .cartoes-tabs.brxe-tabs-nested {margin-right: -10px; margin-bottom: -10px; margin-left: -10px; max-width: calc(100% + 20px); width: calc(100% + 20px)} } .cartoes-botao.brxe-div {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; display: flex; align-items: center; column-gap: 5px; min-width: 0px; width: auto; opacity: 0.5; transition: all 0.2s ease-in; justify-content: flex-start; border-radius: 7px 7px 0 0; max-height: 45px} .cartoes-botao.brxe-div:hover {opacity: 1} .cartoes-botao.brx-open{ opacity: 1; background: var(--framework-color-njadmy) !important;} .cartoes-tab-cont.brxe-block {border: 0; border-style: solid; border-color: var(--framework-color-wegyiq); border-radius: 7px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: var(--framework-color-njadmy)} .cartoes-tab-cont.tab-content{ border: none !important;} @media (max-width: 768px) { .cartoes-tab-cont.brxe-block {border-radius: 10px} } .cartao-tab-conteudo.brxe-block {row-gap: 10px} .cartao-titulo-icon.brxe-block {flex-direction: row; flex-wrap: nowrap; align-items: center; column-gap: 10px} .cartao-titulo-icon-icon.brxe-icon {margin-left: -3px} .cartao-titulo-icon-titulo.brxe-text-basic {color: var(--framework-color-zaxkgd); font-size: 14px; text-transform: uppercase; font-weight: 400} .tabela-horizontal.brxe-block {flex-direction: row; flex-wrap: nowrap; column-gap: 15px; row-gap: 15px; justify-content: flex-start} .tabela-horizontal-minimo.brxe-block {width: auto} .branco.brxe-text-basic {color: var(--framework-color-lrhyzr)} .form-botoes-acoes.brxe-block {flex-direction: row; justify-content: flex-start; margin-top: 15px; align-items: center; column-gap: 10px} @media (max-width: 768px) { .form-botoes-acoes.brxe-block {flex-wrap: nowrap} } .texto-pequeno.brxe-text-basic {font-size: 14px} @media (max-width: 768px) { .texto-pequeno.brxe-text-basic {font-size: 13px} } .cartao-consumos.brxe-block {background-color: var(--framework-color-whecxg); align-items: center; row-gap: 30px} .azul.brxe-heading {color: var(--framework-color-dfoxbh)} .grafico-consumos.brxe-block {flex-direction: column; align-items: center} .grafico-consumos-barras.brxe-block {flex-direction: row; justify-content: space-between; align-items: center; max-width: 270px} .grafico-consumos-barra.brxe-block {width: 15%; min-width: 15%; max-width: 15%; flex-direction: column; align-items: center; row-gap: 10px} .grafico-consumo-grupo.brxe-block {width: 100%; min-width: 100%; max-width: 100%; flex-direction: row; align-items: flex-end; height: 100px; justify-content: center; column-gap: 5px; position: relative} .grafico-consumos-all .grafico-consumo-grupo:before{  content: "";  display: block;  position: absolute;  background: rgba(0,0,0,0.025);  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);  width: 10px;  height: 100%;  border-radius: 10px;  z-index: 0;} .grafico-consumos-linha.brxe-block {width: 10px; min-width: 10px; max-width: 10px; height: 100%; min-height: 10px; border: 0; border-style: none; border-color: var(--framework-color-wegyiq); border-radius: 10px; position: relative} .grafico-consumos-linha:before{  content: "";  display: block;  position: absolute; 	background: rgba(0,0,0,0.025); 	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.05);  width: 10px;  height: 100%; 	max-height: 100%;  border-radius: 10px;  z-index: 0;} .grafico-consumos-linha:after{  content: "";  display: block;  position: absolute;  width: 10px;  height: 100%; 	max-height: 10%;  border-radius: 10px;  z-index: 0;  bottom: 0;} .grafico-consumos-eletricidade:after{  background-color: var(--framework-color-dfoxbh);} .grafico-consumos-gas:after{  background-color: var(--framework-color-poruff);} .grafico-consumos-mes.brxe-text-basic {text-transform: uppercase; font-size: 12px; text-align: center; color: var(--framework-color-kahcbf); font-weight: 700; line-height: 1; padding-top: 10px} @media (max-width: 768px) { .grafico-consumos-mes.brxe-text-basic {font-size: 10px} } .grafico-consumos-legendas.brxe-block {flex-direction: row; align-items: center; justify-content: center; margin-top: 15px; column-gap: 5px} .legenda-graficos-bola.brxe-block {max-width: 10px; width: 10px; min-width: 10px; height: 10px; min-height: 10px; max-height: 10px; background-color: var(--framework-color-dfoxbh); border-radius: 10px; margin-left: 10px} .bola-verde.brxe-block {background-color: var(--framework-color-poruff)} .cartao-detalhes.brxe-block {background-color: var(--framework-color-uvzcdm)} .vermelho.brxe-heading {color: var(--framework-color-isnxbn)} .vermelho.brxe-text-basic {color: var(--framework-color-isnxbn)} .vermelho.brxe-text-link {color: var(--framework-color-isnxbn)} .tabela-linha.brxe-block {flex-direction: row; justify-content: center; margin-top: 5px; margin-bottom: 5px} @media (max-width: 1180px) { .tabela-linha.brxe-block {flex-wrap: nowrap} } .tabela-e.brxe-block {flex-shrink: 0; padding-right: 10px} .w40.brxe-block {width: 30%; max-width: 30%} .w60.brxe-block {width: 70%; max-width: 70%} .menu-desktop.brxe-block {position: fixed; top: 0px; left: 0px; height: 100vh; width: 320px; z-index: 2} @media (max-width: 1180px) { .menu-desktop.brxe-block {width: 260px} } @media (max-width: 768px) { .menu-desktop.brxe-block {display: none} } .popup-x.brxe-icon {position: absolute; top: 0px; right: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; color: var(--framework-color-pvqram); fill: var(--framework-color-pvqram); cursor: pointer} .popup-x.brxe-icon:hover {color: var(--framework-color-oksviq); fill: var(--framework-color-oksviq); transform:  scaleX(1.2) scaleY(1.2)} .fx{ -webkit-transition: all 300ms cubic-bezier(.29,.52,.22,1); -moz-transition: all 300ms cubic-bezier(.29,.52,.22,1); -o-transition: all 300ms cubic-bezier(.29,.52,.22,1); transition: all 300ms cubic-bezier(.29,.52,.22,1);} .linha-tabela-locais-consumo.brxe-block {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: var(--framework-color-nmrlsl); border-radius: 10px; cursor: pointer} .popup-aviso.brxe-section {padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px} @media (max-width: 768px) { .popup-aviso.brxe-section {padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px} } .popup-aviso-in.brxe-container {column-gap: 15px; row-gap: 15px; align-items: center; align-self: center !important; justify-content: center; flex-direction: column} .titulo-1.brxe-text-basic {font-size: 32px; font-weight: 800; line-height: 1.3} .texto-centro.brxe-text-basic {text-align: center} .texto-centro.brxe-form {text-align: center} .popup-botoes.brxe-block {flex-direction: row; column-gap: 5px; justify-content: flex-start; padding-top: 15px} .centro.brxe-block {justify-content: center} .botao-verde.brxe-button {background-color: var(--framework-color-prjsup)} .botao-verde.brxe-button:hover {background-color: var(--framework-color-njadmy)} .botao-vermelho.brxe-button {background-color: var(--framework-color-isnxbn)} .botao-vermelho.brxe-button:hover {background-color: var(--framework-color-xmqhoc)} .popup-medio.brxe-section {padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; position: relative} @media (max-width: 768px) { .popup-medio.brxe-section {padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px} } .popup-medio-in.brxe-container {column-gap: 30px; row-gap: 30px} .lineheight-1.brxe-text-basic {line-height: 1} .titulo-0.brxe-text-basic {font-size: 50px; line-height: 1; font-weight: 900} @media (max-width: 768px) { .titulo-0.brxe-text-basic {font-size: 40px} } .form-padrao.brxe-form .framework-button {font-size: 18px; color: var(--framework-color-lrhyzr); line-height: 50px; font-weight: 600; background-color: var(--framework-color-ierkhb)} .form-padrao.brxe-form .submit-button-wrapper {margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} .form-padrao.brxe-form button[type=submit].framework-button {border: 0; border-style: none; border-radius: 5px} .form-padrao.brxe-form .framework-button:hover {background-color: var(--framework-color-poruff)} .form-padrao.brxe-form {margin-right: -15px; max-width: calc(100% + 15px); width: calc(100% + 15px); font-size: 18px; color: var(--framework-color-kbsjaw)} .form-padrao.brxe-form .form-group:not(:last-child) {padding-right: 15px} .form-padrao.brxe-form .form-group input {font-size: 18px; font-weight: 600; line-height: 50px; color: var(--framework-color-oksviq); border-color: var(--framework-color-dtvzep); border-radius: 5px; background-color: var(--framework-color-lrhyzr)} .form-padrao.brxe-form select {font-size: 18px; font-weight: 600; line-height: 50px; color: var(--framework-color-oksviq); border-color: var(--framework-color-dtvzep); border-radius: 5px; color: var(--framework-color-pvqram); background-color: var(--framework-color-lrhyzr)} .form-padrao.brxe-form textarea {font-size: 18px; font-weight: 600; line-height: 50px; color: var(--framework-color-oksviq); border-color: var(--framework-color-dtvzep); border-radius: 5px; background-color: var(--framework-color-lrhyzr)} .form-padrao.brxe-form label {text-transform: none; font-size: 18px; font-weight: 500; color: var(--framework-color-ydmchb)} .form-padrao.brxe-form .label {text-transform: none; font-size: 18px; font-weight: 500; color: var(--framework-color-ydmchb)} .form-padrao.brxe-form .flatpickr {border-color: var(--framework-color-dtvzep); border-radius: 5px; background-color: var(--framework-color-lrhyzr)} .form-padrao.brxe-form .framework-button:not([type=submit]) {border-color: var(--framework-color-dtvzep); border-radius: 5px} .form-padrao.brxe-form .choose-files {border-color: var(--framework-color-dtvzep); border-radius: 5px} .form-padrao.brxe-form ::placeholder {color: var(--framework-color-pvqram)} .form-padrao button{ padding: 0px 15px;} .form-padrao ul.options-wrapper{  font-size: 0px;} .form-padrao ul.options-wrapper li{  display: inline-block;  vertical-align: top;  position: relative;  padding-right: 10px;} .form-padrao ul.options-wrapper li input{  display: none;} .form-padrao ul.options-wrapper li input ~ label{  color: var(--framework-color-zaxkgd);} .form-padrao ul.options-wrapper li input ~ label:before{  content: "";  display: inline-block;  width: 20px;  height: 20px;  border-radius: 100%;  box-sizing: border-box;  border: 2px solid var(--framework-color-zaxkgd);  margin: 0px 5px -4px 0px;  background: var(--framework-color-zaxkgd);  box-shadow: inset 0px 0px 0px 3px #fff;  opacity: 0.2;} .form-padrao ul.options-wrapper li input ~ label:hover:before{  opacity: 0.5;} .form-padrao ul.options-wrapper li input:checked ~ label:before{  opacity: 1;  -webkit-transition: all 300ms cubic-bezier(.29,.52,.22,1);  -moz-transition: all 300ms cubic-bezier(.29,.52,.22,1);  -o-transition: all 300ms cubic-bezier(.29,.52,.22,1);  transition: all 300ms cubic-bezier(.29,.52,.22,1); background: var(--framework-color-ydmchb); border-color: var(--framework-color-ydmchb);} .form-padrao .file-result span{  font-size: 18px;  font-weight: 600;  color: var(--framework-color-zaxkgd);} .form-padrao .file-result{  background: var(--framework-color-nmrlsl);  padding: 5px 15px;  border-radius: 5px;  margin-bottom: 2px !important;} .form-padrao.brxe-form .file-result button{  padding: 5px;  font-size: 12px;  line-height: 14px;  font-weight: 700;  text-transform: uppercase;  background: #fff;  color: var(--framework-color-xmqhoc);} .form-padrao.brxe-form .file-result button:hover{  color: #fff;  background: var(--framework-color-xmqhoc);} .form-padrao ul.options-wrapper li label img{ height: 30px;} @media (max-width: 768px) { .form-padrao ul.options-wrapper li{ padding-top: 5px; padding-bottom: 5px; } } .form-sem-botao button[type=submit]{ display:none;} .form-margem.brxe-form {margin-bottom: -15px} .botao-agua.brxe-button {background-color: var(--framework-color-dtvzep); color: var(--framework-color-zaxkgd); box-shadow: 0 0 0 0 var(--framework-color-wegyiq)} .botao-agua.brxe-button:hover {color: var(--framework-color-oksviq); background-color: var(--framework-color-nmrlsl)} .nota-aviso.brxe-block {flex-direction: row; flex-wrap: nowrap; column-gap: 15px; font-size: 18px; font-weight: 500; color: var(--framework-color-pvqram); line-height: 1.1; align-items: center; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: var(--framework-color-isnxbn); border-radius: 5px} @media (max-width: 768px) { .nota-aviso.brxe-block {line-height: 1; font-size: 16px} } .nota-icon.brxe-svg {height: 25px; width: 25px; flex-shrink: 0} .nota-icon.brxe-svg  :not([fill="none"]) {fill: var(--framework-color-pvqram) !important} .popup-infos.brxe-block {background-color: var(--framework-color-nmrlsl); column-gap: 15px; row-gap: 15px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-radius: 15px; color: var(--framework-color-mkhfcs); font-size: 20px; line-height: 1.3; font-weight: 600} @media (max-width: 768px) { .popup-infos.brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} } .botao-roxo.brxe-button {background-color: var(--framework-color-mkhfcs)} .botao-roxo.brxe-button:hover {background-color: var(--framework-color-ydmchb)} .cinza.brxe-text-basic {color: var(--framework-color-eylbee)} .espaco-curto.brxe-block {height: 30px; min-height: 30px} .titulo-4.brxe-text-basic {font-size: 20px; font-weight: 800; line-height: 1.1} .mensagem-sucesso.brxe-block {align-self: center !important; align-items: center; justify-content: center; color: var(--framework-color-ydmchb); font-size: 22px; line-height: 1.1; text-align: center; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-radius: 15px; column-gap: 15px; row-gap: 15px; min-height: 250px} .popup-notificacoes-topo.brxe-block {position: sticky; background-color: var(--framework-color-nmrlsl); flex-direction: row; justify-content: space-between; column-gap: 15px; row-gap: 15px; align-items: center; padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 30px; top: 0px; z-index: 1} .popup-notificacoes-x.brxe-icon {top: 0px; right: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-shrink: 0; cursor: pointer; color: rgba(19, 6, 55, 0.2); fill: rgba(19, 6, 55, 0.2)} .popup-notificacoes-x.brxe-icon:hover {color: var(--framework-color-oksviq); fill: var(--framework-color-oksviq)} .acc-filtros-tit.brxe-block {padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 30px; flex-wrap: nowrap; flex-direction: row; align-items: center} .acc-filtros-tit-in.brxe-block {flex-direction: row; justify-content: flex-start; align-items: center; column-gap: 15px; row-gap: 15px} .acc-filtros-icon.brxe-icon {color: var(--framework-color-ydmchb); fill: var(--framework-color-ydmchb); width: 25px; height: 25px} .acc-filtros-icon-fechar.brxe-icon {transform:  rotateZ(180deg)} .hidden{ display: none !important;} .acc-filtros-cont.brxe-block {box-shadow: 0 15px 20px 0 rgba(19, 6, 55, 0.14)} .acc-filtros-cont-in.brxe-block {padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px} .notificacoes-grupo.brxe-accordion-nested .accordion-content-wrapper {padding-top: 0; padding-bottom: 0} .notificacoes-el.brxe-block {border-top: 1px solid var(--framework-color-dtvzep); padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; color: var(--framework-color-pvqram)} .notificacoes-el.brx-open{ color: var(--framework-color-xmqhoc);} .notificacao-nova.brxe-block {color: var(--framework-color-ydmchb)} .notificacoes-tit-in.brxe-block {font-size: 18px; line-height: 1} .notificacoes-tit-in-grupo.brxe-block {color: var(--framework-color-pvqram)} .notificacoes-tit-data.brxe-text-basic {font-size: 16px} .notificacoes-cont.brxe-block {padding-top: 0; padding-bottom: 0} .notificacoes-cont-in.brxe-block {column-gap: 15px; row-gap: 15px} .popup-leituras-topo.brxe-block {flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding-bottom: 30px; border-bottom: 2px dashed var(--framework-color-dtvzep)} @media (max-width: 768px) { .popup-leituras-topo.brxe-block {flex-direction: column; row-gap: 30px} } .black.brxe-text-basic {font-weight: 800} .form-gas ul.options-wrapper{ padding-top: 10px;} .nota.brxe-block {flex-direction: row; flex-wrap: nowrap; column-gap: 15px; font-size: 18px; font-weight: 500; color: var(--framework-color-pvqram); line-height: 1.1; align-items: center; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: var(--framework-color-whecxg); border-radius: 5px} @media (max-width: 768px) { .nota.brxe-block {line-height: 1; font-size: 16px} } .menu-user.brxe-block {padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 20px; flex-direction: row; column-gap: 15px; align-items: center; border-top: 1px solid var(--framework-color-lrhyzr); border-right: 0 solid var(--framework-color-lrhyzr); border-bottom: 0 solid var(--framework-color-lrhyzr); border-left: 0 solid var(--framework-color-lrhyzr); margin-top: 15px} @media (max-width: 1180px) { .menu-user.brxe-block {column-gap: 5px} } .menu-user-mobile.brxe-block {margin-top: 0; border: 0; border-style: none; background-color: var(--framework-color-nmrlsl)} @media (max-width: 768px) { .menu-user-mobile.brxe-block {padding-top: 30px; padding-bottom: 30px; column-gap: 15px} } .menu-avatar.brxe-block {background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(https://clientes.goldenergy.pt/sws-content/uploads/2024/02/Perfil_gold-300x300.jpg); width: 70px; height: 70px; border-radius: 60px; max-width: 70px; min-width: 70px; max-height: 70px; min-height: 70px} @media (max-width: 1180px) { .menu-avatar.brxe-block {width: 40px; min-width: 40px; max-width: 40px; height: 40px; min-height: 40px; max-height: 40px} } @media (max-width: 768px) { .menu-avatar.brxe-block {width: 65px; min-width: 65px; max-width: 65px; height: 65px; min-height: 65px; max-height: 65px} } .menu-desktop-user-info.brxe-block {max-width: calc(100% - 75px); flex-direction: column; flex-wrap: wrap} .menu-username.brxe-text-basic {color: var(--framework-color-isnxbn); font-size: 20px; line-height: 18px; font-weight: 700} @media (max-width: 768px) { .menu-username.brxe-text-basic {font-size: 26px; line-height: 1; margin-top: 5px} } .menu-user-editar.brxe-text-basic {color: var(--framework-color-pvqram); font-size: 14px; font-weight: 500} .menu-user-editar.brxe-text-basic:hover {color: var(--framework-color-ydmchb); transition: all 0.2s ease-in} @media (max-width: 768px) { .menu-mobile-botoes.brxe-section {margin-top: 30px} } .menu-botao.brxe-button {width: 100%; background-color: var(--framework-color-wegyiq); font-size: 20px; text-align: left; color: var(--framework-color-zaxkgd); font-weight: 400; align-self: flex-start; justify-content: flex-start; gap: 20px; border-left: 3px solid var(--framework-color-wegyiq); border-radius: 0; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 17px} .menu-botao.brxe-button:hover {color: var(--framework-color-ydmchb); border-color: var(--framework-color-ydmchb); transition: all 0.2s ease-in} .menu-botao.brxe-button:active {color: var(--framework-color-isnxbn); border-color: var(--framework-color-isnxbn)} .menu-botao[aria-current="page"]{ color: var(--framework-color-isnxbn); border-color: var(--framework-color-isnxbn);} .menu-botao[aria-current="page"] svg{ fill: var(--framework-color-isnxbn) !important;} @media (max-width: 1180px) { .menu-botao.brxe-button {font-size: 18px} } @media (max-width: 768px) { .menu-botao.brxe-button {font-size: 26px; font-weight: 600} } .menu-baixo-mobile.brxe-block {padding-top: 20px; padding-left: 45px} .menu-link.brxe-text-link {padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 18px; font-size: 18px; color: var(--framework-color-eylbee); width: 100%; cursor: pointer} .menu-link.brxe-text-link:hover {color: var(--framework-color-zaxkgd)} @media (max-width: 768px) { .menu-link.brxe-text-link {font-size: 22px} } .mobile-menu-fecha.brxe-icon {position: absolute; top: 0px; right: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px}