VAZIO, sem --single. Vazio, mas continua sendo um flex-item — e o gap:8px do .ue_grid_prices empurrava o .uc_price ~8px pra direita, desalinhando o preco do nome/descricao (que estao na margem esquerda). Escondendo-o, o preco encosta a esquerda, alinhado com o texto de cima. Nunca exibimos preco riscado, entao esconder todos e' seguro. */ .ue_grid_prices .uc_regular_price { display: none !important; } /* 3) PRECO CENTRALIZADO VERTICALMENTE entre a descricao e o botao. Estava desequilibrado (~32% de folga em cima, ~68% embaixo): o preco tem margin-bottom 9px e o botao margin-top 14px, somando ~23px ABAIXO contra poucos px ACIMA — o preco encostava no nome. Reequilibro empurrando o preco pra baixo: +margem em cima, -margem embaixo (troca ~6px de um lado pro outro, sem mudar a altura do card nem o respiro do botao). Alvo ~50/50. So' o .uc_price (o dolar ao lado esta display:none). Vale p/ todo card uc_. Ajuste fino: mexer nestes dois valores. Reversivel. */ .uc_price { margin-top: 6px !important; margin-bottom: 3px !important; } /* ========================================================================== FUNDO DO CARD UNIFICADO (modo claro) -------------------------------------------------------------------------- O card de produto tem duas superficies: a moldura da imagem (.uc_post_image / os wrappers) e o miolo de conteudo (.uc_content). No modo claro a moldura vinha com um cinza levissimo do tema e o miolo era branco — o card parecia partido em dois tons na linha do nome. Aqui as duas ficam brancas, iguais. Borda e sombra do card nao sao tocadas (continuam separando o card do fundo da pagina). So no modo claro: `html:not([data-tema="escuro"])`. O escuro ja e' tratado em tema-escuro.css (secao 4b), e pintar branco aqui sem essa guarda estragaria o modo escuro. ========================================================================== */ html:not([data-tema="escuro"]) .uc_post_grid_style_one_item, html:not([data-tema="escuro"]) .uc_post_grid_style_one_image-wrapper, html:not([data-tema="escuro"]) .uc_post_grid_style_one_image, html:not([data-tema="escuro"]) .uc_post_image, html:not([data-tema="escuro"]) .uc_post_image a, html:not([data-tema="escuro"]) .uc_content, html:not([data-tema="escuro"]) .uc_post_grid_style_one_content, html:not([data-tema="escuro"]) .ue_grid_item_bottom, html:not([data-tema="escuro"]) .ue_grid_prices, html:not([data-tema="escuro"]) .ue_category_wrapper, html:not([data-tema="escuro"]) .uc_post_grid_style_one_button { background-color: #ffffff !important; } /* nenhuma linha divisoria cinza dentro do card (a "linha" que restava). So as superficies internas — a borda EXTERNA do card (.uc_post_grid_style_one_item) nao entra aqui, para o card continuar destacado do fundo da pagina. */ html:not([data-tema="escuro"]) .uc_content, html:not([data-tema="escuro"]) .uc_post_image, html:not([data-tema="escuro"]) .uc_post_grid_style_one_image, html:not([data-tema="escuro"]) .ue_grid_item_bottom, html:not([data-tema="escuro"]) .ue_grid_prices { border-color: transparent !important; } /* ========================================================================== FUNDO DO CARD DA VITRINE .exc (home "Escolha pela sua area") — modo claro -------------------------------------------------------------------------- Outra familia de card, so na home. O wrapper da imagem (.exc-item-img) tinha `background:#F4F5F7` de proposito — um "quadro" cinza em volta da imagem, copiado do padrao de bundles do tema. O dono quer branco, igual aos cards de categoria. Miramos so `.exc .exc-item-img` (nao o #F4F5F7 global, que a etiqueta de contagem e o slider usam de forma legitima). Nao afeta a animacao de "acender" os cards: aquilo e' filter no + opacity no .exc-item-body, derivados de --act; o fundo do wrapper e' fixo. So no modo claro. */ html:not([data-tema="escuro"]) .exc .exc-item-img { background: #ffffff !important; } /* ========================================================================== HOVER DO BOTAO "Ver a colecao" (card Autodesk do hero) -------------------------------------------------------------------------- O botao branco .mc-shop fica azul (o mesmo azul de link do header, #2b7bb9) com texto branco SO quando o mouse esta EXATAMENTE sobre ele (:hover no proprio .mc-shop) — nao no card inteiro. A seta usa stroke=currentColor, entao acompanha. Especificidade (0,4,0) + !important vence a regra do tema que fixa a cor do texto do .mc-shop. ========================================================================== */ .mc-hero2 .mc-feat .mc-shop { transition: background .18s ease, color .18s ease; } .mc-hero2 .mc-feat .mc-shop:hover { background: #2b7bb9 !important; color: #ffffff !important; } /* ========================================================================== MENU PRINCIPAL: SUBLINHADO SO' NO HOVER (nunca permanente) -------------------------------------------------------------------------- O efeito pointer-underline do Elementor mostra o traco por OPACITY em quatro estados: :hover, :focus, .elementor-item-active e .highlighted. Os dois ultimos sao PERMANENTES — e o Elementor marca .highlighted (via JS) no item cuja URL casa com a pagina, o que deixava o "BIM" com o traco fixo na home. O dono quer o traco so' quando o mouse passa sobre o item. ABORDAGEM A PROVA DE ESTADO: em vez de enumerar os estados que escondem (ja tentamos duas vezes e sempre escapa um — :focus, uma classe nova do JS), zeramos o traco em TODOS os estados e devolvemos SO' no :hover. Nao importa POR QUE o Elementor acende o traco (active, highlighted, focus, classe injetada no runtime): aqui ele so' aparece com o mouse sobre o item, que e' exatamente o que o dono pediu. Miramos `.e--pointer-underline` (a nav do topo, desktop) e o `::after`, que e' o proprio elemento do traco no Elementor — nao toca em mais nada. O :hover tem especificidade maior que a base, entao vence quando o mouse entra. ========================================================================== */ .e--pointer-underline .elementor-item::after { opacity: 0 !important; } .e--pointer-underline .elementor-item:hover::after { opacity: 1 !important; } /* ========================================================================== MENU DO TOPO (709dc03): FIM DA MARCACAO PERMANENTE DO 1o ITEM -------------------------------------------------------------------------- AQUI ESTAVA O BUG DE VERDADE. Nao era o ::after do pointer (a nav visivel e' e--pointer-none, sem barra ::after), nem cache. O traco do topo e' um `border-bottom: 3px solid transparent` nos itens, e o post-242628.css (CSS custom da pagina) tinha um seletor de FALLBACK: ...709dc03 .elementor-nav-menu:not(:has(.current-menu-item, ...)) > li:first-child > .elementor-item { border-bottom-color:#8fd0f0 } Le-se: "se NENHUM item casa com a pagina atual, acenda o traco do PRIMEIRO item". Na home nada casa (nao e' pagina de categoria), entao o BIM (1o item) ficava com o traco aceso o tempo todo. Era proposital (mostrar algo ativo), mas o dono quer o traco SO' no hover. Correcao: zerar o border-bottom de todos os itens do topo quando NAO estao em :hover. O :hover do proprio post-242628.css continua acendendo o traco de quem o mouse toca. A especificidade aqui e' (0,8,1) — maior que a do fallback (0,7,1) — com !important, entao vence sem depender da ordem de carga. ========================================================================== */ .elementor-242628 .elementor-element.elementor-element-709dc03 .elementor-nav-menu--main .elementor-nav-menu li > .elementor-item.elementor-item:not(:hover) { border-bottom-color: transparent !important; } /* ========================================================================== DESCRICAO CURTA NO CARD DA VITRINE (.exc, home) -------------------------------------------------------------------------- Uma linha de contexto sob o nome do produto ("BIM para arquitetura..."). Vem do catalogo/descricoes_cards.txt, injetada por aplicar_descricoes.py. Limitada a 2 linhas (line-clamp) e com min-height reservando 2 linhas, para que precos e botoes dos cards continuem alinhados na grade mesmo quando uma descricao ocupa 1 linha e a vizinha ocupa 2. Cor de apoio (cinza da marca). So' existe na home, entao mira `.exc`. ========================================================================== */ .exc .exc-item-desc { margin: 4px 0 2px; font-size: 13px; line-height: 1.35; color: var(--apoio); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(2 * 1.35em); } /* ========================================================================== ESPACAMENTO DO CARD DA VITRINE (.exc) IGUALADO AO CARD DA GRADE /shop/ -------------------------------------------------------------------------- O card .exc vinha com ~30% mais respiro vertical entre os textos que o card uc_ de /shop/: o corpo usava gap:9px uniforme (titulo->descricao dava ~15px) e o rodape gap:11px. Aqui o ritmo fica IGUAL ao de /shop/: - titulo -> descricao = 4px (via .exc-item-desc margin-top, como .uc_desc-as) - preco -> botao = 17px (preco mt6/mb3 + botao mt14, como .uc_price + .uc_post_grid_style_one_button) Este arquivo carrega no , ANTES do