.elementor-14457 .elementor-element.elementor-element-4953d29{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-14457 .elementor-element.elementor-element-0c654af{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14457 .elementor-element.elementor-element-0c654af:not(.elementor-motion-effects-element-type-background), .elementor-14457 .elementor-element.elementor-element-0c654af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14457 .elementor-element.elementor-element-8b94b8b > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu .elementor-item{font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:600;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--main .elementor-item{color:#1F1E1ADE;fill:#1F1E1ADE;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--main .elementor-item:hover, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-menu-toggle{color:#1F1E1ADE;fill:#1F1E1ADE;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a:hover, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a:focus, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a.highlighted, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-menu-toggle:hover, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a:hover, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a:focus, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown .elementor-item, .elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Quicksand", Sans-serif;font-size:15px;font-weight:600;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Sans-serif;font-weight:700;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:10px 10px 10px 10px;padding:12px 20px 12px 22px;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9 .elementor-button:hover, .elementor-14457 .elementor-element.elementor-element-1a5e7a9 .elementor-button:focus{background-color:#CD212A00;color:var( --e-global-color-primary );}.elementor-14457 .elementor-element.elementor-element-1a5e7a9{width:100%;max-width:100%;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9.elementor-element{--order:99999 /* order end hack */;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9 .elementor-button:hover svg, .elementor-14457 .elementor-element.elementor-element-1a5e7a9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-7eea736.elementor-social-icon{background-color:#9B856F00;}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-7eea736.elementor-social-icon i{color:var( --e-global-color-text );}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-7eea736.elementor-social-icon svg{fill:var( --e-global-color-text );}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-47b9924.elementor-social-icon{background-color:#02010100;}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-47b9924.elementor-social-icon i{color:var( --e-global-color-text );}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-47b9924.elementor-social-icon svg{fill:var( --e-global-color-text );}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-c06109f.elementor-social-icon{background-color:#02010100;}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-c06109f.elementor-social-icon i{color:var( --e-global-color-text );}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-repeater-item-c06109f.elementor-social-icon svg{fill:var( --e-global-color-text );}.elementor-14457 .elementor-element.elementor-element-2d43f79{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-14457 .elementor-element.elementor-element-2d43f79 .elementor-widget-container{text-align:left;}.elementor-14457 .elementor-element.elementor-element-2d43f79 > .elementor-widget-container{margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-14457 .dialog-widget-content{animation-duration:0.3s;background-color:#FFFFFF;box-shadow:4px 4px 24px 0px rgba(148.99999999999997, 156.99999999999997, 164.99999999999997, 0.1);}#elementor-popup-modal-14457 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-14457{justify-content:center;align-items:center;}@media(max-width:1024px){.elementor-14457 .elementor-element.elementor-element-0c654af{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-14457 .elementor-element.elementor-element-0c654af{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown{border-radius:10px 10px 10px 10px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-14457 .elementor-element.elementor-element-8b94b8b .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9{width:100%;max-width:100%;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14457 .elementor-element.elementor-element-1a5e7a9.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}#elementor-popup-modal-14457 .dialog-message{width:70vw;}#elementor-popup-modal-14457{justify-content:flex-start;}}/* Start custom CSS */#elementor-popup-modal-14457 {z-index:9998!important } #elementor-popup-modal-14457 { background-color: rgba(0, 0, 0, .0); } /* Submenus em acordeao, e nao em leque. Com a lista vertical, o SmartMenus (do Elementor) abre "Cursos" e "Mais" flutuando ao lado do item, posicionados por style inline. Num painel de 70% da tela isso cobre os icones sociais e o botao de doar. Aqui eles voltam ao fluxo: empurram a lista para baixo, como se espera de um menu-gaveta. Os !important existem porque o posicionamento vem inline, do script. */ #elementor-popup-modal-14457 .elementor-nav-menu--main .sub-menu{ position: static !important; left: auto !important; top: auto !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; box-shadow: none !important; transform: none !important; } #elementor-popup-modal-14457 .elementor-nav-menu--main .sub-menu .elementor-sub-item{ padding-left: 16px; } /* A gaveta nasce abaixo do cabecalho, para a logo nunca sair de vista. O cabecalho e sticky e opaco, e o z-index dele foi levantado para 9999 em mobile/tablet (estava 1000, abaixo do 9998 do popup) — assim ele fica por cima da gaveta em vez de ser coberto. O deslocamento vai no CONTAINER do popup, nao em recheio no painel. A primeira tentativa foi padding-top no .dialog-widget-content, e ela cria um defeito bonito: o container por dentro tem min-height:100vh (a altura que o popup define), entao o recheio nao o encolhia — sobravam exatamente 85px de transbordo permanente, o painel ganhava barra de rolagem, e como o kit do site pinta toda barra de vermelho (::-webkit-scrollbar-thumb no post-3452.css) aparecia uma linha vermelha de ponta a ponta na beirada. Descontando os 85px do proprio min-height, nao ha transbordo nenhum. Os 85px sao a MAIOR altura que o cabecalho assume: medi 66px em 768, 69px em 375 e 430, e 85px em 1024. Usar o maior garante que nenhum item nasca escondido atras dele; onde o cabecalho e mais baixo sobram no maximo 19px de folga, invisiveis porque painel e cabecalho sao brancos. */ #elementor-popup-modal-14457 .dialog-message > .elementor > .elementor-element:first-child{ margin-top: 85px !important; min-height: calc(100vh - 85px) !important; } /* O painel rola por dentro quando precisa. Com "Prevent Scroll" ligado o corpo da pagina fica travado — e o que impede o cabecalho de sair de vista. A consequencia e que, se os dois acordeoes forem abertos numa tela baixa, o conteudo passa da altura do painel e ficaria inalcancavel. */ #elementor-popup-modal-14457 .dialog-widget-content{ overflow-y: auto; -webkit-overflow-scrolling: touch; } /* E quando a barra aparecer, discreta: o vermelho do kit faz sentido na barra da pagina inteira, nao dentro de um painel branco de 300px. */ #elementor-popup-modal-14457 .dialog-widget-content::-webkit-scrollbar{ width: 4px; background: transparent; } #elementor-popup-modal-14457 .dialog-widget-content::-webkit-scrollbar-thumb{ background: rgba(31, 30, 26, .2); border-radius: 4px; } /* O primeiro item nascia aceso em vermelho ao abrir a gaveta. Nao era "pagina atual": o widget tem a cor de hover/foco no vermelho da marca (post-14457.css emite color:var(--e-global-color-secondary), que no kit e #CD212A, para :hover e :focus), e o dialogo do Elementor move o foco para o primeiro link ao abrir — por acessibilidade, o que e correto. Quem abre com o dedo via "Bazar" selecionado sem ter escolhido nada. A saida nao e tirar o foco, que serviria mal quem navega por teclado. Aqui o :focus simples fica neutro e o destaque volta no :focus-visible, que o navegador so aciona quando entende que a interacao foi de teclado. Escrito nessa ordem de proposito: anular primeiro e devolver depois nao depende de como o navegador trata o :not(:focus-visible) num foco programatico. A cor neutra e a mesma que o item usa em repouso, medida no widget. */ #elementor-popup-modal-14457 .elementor-nav-menu a.elementor-item:focus{ color: rgba(31, 30, 26, .87); fill: rgba(31, 30, 26, .87); outline: none; } #elementor-popup-modal-14457 .elementor-nav-menu a.elementor-item:focus-visible{ color: #cd212a; fill: #cd212a; outline: 2px solid #cd212a; outline-offset: 2px; border-radius: 4px; } /* O par "Quero doar" + conta vai para o pe da gaveta, doacao em cima. Duas tentativas antes desta, e as duas erraram pelo mesmo motivo. O widget do botao tem order:99999 (o "order end hack" do Elementor) e por padrao CRESCE para ocupar toda a folga da coluna — 483px de caixa para 137px de conteudo. Com isso, margin-top:auto nao tinha espaco para consumir, e alinhar o conteudo ao fim da caixa funcionava mas deixava a linha divisoria la em cima, a 300px dos botoes. Aqui o widget e proibido de crescer (flex:0 0 auto), passa a caber no proprio conteudo e desce inteiro com margin-top:auto. A caixa passa a terminar onde o conteudo termina, o que mantem o par colado no rodape. A linha divisoria NAO fica aqui: ela mora no topo do bloco da conta, para separar a doacao da area da conta — "Quero doar" acima da linha, conta abaixo. Logado, e ela que divide o botao da lista de secoes. A ordem e invertida por order: no HTML o bloco da conta vem primeiro (o mu-plugin o injeta antes do botao), mas visualmente a doacao vem em cima — ela e a acao principal, e o botao vazado sozinho no rodape parecia avulso. */ #elementor-popup-modal-14457 .elementor-widget-button:has(.amace-gaveta){ flex: 0 0 auto; margin-top: auto; } #elementor-popup-modal-14457 .elementor-widget-button:has(.amace-gaveta) > .elementor-widget-container{ display: flex; flex-direction: column; gap: 10px; } #elementor-popup-modal-14457 .elementor-widget-button:has(.amace-gaveta) .elementor-button-wrapper{ order: 1; } #elementor-popup-modal-14457 .amace-gaveta{ order: 2; }/* End custom CSS */