/** Shopify CDN: Minification failed Line 160:29 Unexpected "div" **/ /* ══════════════════════════════════════════════ TC-BRIGHTNESS-OVERRIDE Camada de override de cor de fundo geral da loja. Precisa carregar DEPOIS de custom-premium.css no . Histórico: 2026-08-07 — criado para clarear os tons quase-pretos do tema (#241a12). 2026-08-12 — Juan pediu mais brilho: base subiu para #3d2814 (marrom). 2026-08-15 — Juan mudou a direção para visual premium de luxo: base trocada para #0a0a0a (preto da marca), tirando o matiz marrom de toda a loja. 2026-08-15 — Padding do texto dos cards da Home (estava colado na borda esquerda, sem espaço nenhum). 2026-08-15 — .product-information__media: o degradê diagonal dourado/laranja/vinho ficava "rasgado" nas laterais e destoava do vidro do título do PDP. Trocado por vidro liso (mesmo tom do título) para ficar tudo consistente. 2026-08-16 — PageSpeed flagged tc-desc-flame-flicker (custom-premium.css seção 58) como animação não composta: anima "filter" em vez de transform/opacity, força repaint no thread principal a cada frame. Mesmo padrão já corrigido no ícone da home. Fix: filter fixo (sem pulsar), animation: none. Mesma especificidade + !important + carrega depois → sobrescreve. 2026-08-16 — #tc-ember-bg (fundo fixo do PDP, sections/product-information. liquid) carregava a imagem original 1920x1080 (126 KiB) via background-image inline, sem redimensionar. Sobrescrito aqui com width=800 por padrão (mobile-first) e width=1600 a partir de 750px — mesmo padrão já usado em tc-ritual-domingo.liquid (220KB→82KB). !important vence o inline style (que não tem !important). 2026-08-16 — .tc-col-hero__icon (ícone do cabeçalho de coleção) tinha o MESMO problema: anima filter via @keyframes tc-icon-pulse. Redefinir o @keyframes aqui substitui o original inteiro (última definição com o mesmo nome vence, não hierarquia de especificidade) — agora só anima transform. O filter vira fixo, sobrescrito à parte com !important. 2026-08-19 — custom-premium.css tem `body.template-index section { background-color: transparent !important }` (pra deixar as brasas de fundo aparecerem atrás das sections da home). Essa regra é ampla demais: o banner nativo de privacidade/cookies do Shopify (#shopify-pc__banner) TAMBÉM é uma
, então ficava sem fundo — texto flutuando transparente sobre o grid de produtos. Confirmado via DevTools (Computed + iteração de todas as CSS rules que batem no elemento). Fix: seletor por ID (especificidade maior que qualquer combinação de classes) restaura o fundo sólido configurado no Admin (Configurações → Privacidade do cliente, #0d0d0d). ══════════════════════════════════════════════ */ @media screen and (max-width: 749px) { .header-wrapper, .header { background-color: #0a0a0a !important; } .header__icon--close, details[open] .header__icon--menu { background-color: #0a0a0a !important; } } .header__columns, .header-wrapper, .header, header-component, #header-component { background-color: #0a0a0a !important; background: #0a0a0a !important; } /* Restos da foto antiga de brasas (troncos apagados) que ainda ficavam fixos atrás da Home e das páginas estáticas via ::before — matavam o preto com um marrom fosco por baixo do header e do conteúdo. */ body.template-index #MainContent::before, body.template-page #MainContent::before { background-image: none !important; } body.template-index { background-color: #0a0a0a !important; } .product-information__media .product-media, .product-information__media .deferred-media, .product-information__media .deferred-media__poster-image, .shopify-section:not(.product-information) .deferred-media, .shopify-section:not(.product-information) .video-placeholder-wrapper, .product-information__media .product-media__image { background-color: #0a0a0a; } .product-information__media .deferred-media video, .product-information__media video { background-color: #0a0a0a !important; } add-to-cart-component .button:hover, .sticky-add-to-cart__button, quick-add-component .button[name="add"]:hover, quick-add-component add-to-cart-component .button:hover, main[data-template="product"] .tc-desc-toggle-btn:hover, main[data-template="product"] .product-details.sticky-content--desktop button[name="add"]:hover, body[class*="template-customers"] button[type="submit"]:hover, .account__content button[type="submit"]:hover, .page-width-normal [class*="tracking"] button:hover, #rastreioDiv button:hover, [class*="card_rastreio"] button:hover, search-modal .field__button, search-modal button[type="submit"], .search-modal .field__button, .search-modal button[type="submit"], .predictive-search__submit, body.template-index .editorial .button--secondary:hover, .jm-button--primary:hover { color: #0a0a0a !important; } .cart-drawer__header, #cart-drawer-header { background-color: #0a0a0a !important; } #shopify-section-footer .section-background, #shopify-section-footer, .shopify-section-group-footer-group, [class*="footer-group"], footer, [id*="footer"], body.template-collection footer, footer.shopify-section-group-footer-group { background-color: #0a0a0a !important; background: #0a0a0a !important; } .quick-add__button { background: #0a0a0a !important; } cart-icon [class*="bubble"], cart-icon [class*="cart-count"], cart-icon [class*="count"], .header-actions__cart-count, [class*="cart-bubble"], cart-icon::after, .header-actions__cart-icon [class*="bubble"] { color: #0a0a0a !important; box-shadow: 0 0 0 2px #0a0a0a !important; } .cart-drawer__heading [class*="bubble"] { color: #0a0a0a !important; } main[data-template="product"].media-fit-contain, main[data-template="product"].product-media-container, main[data-template="product"]div.product-media, main[data-template="product"].media-fit-contain :is(img, .deferred-media__poster-image) { background-color: #0a0a0a !important; background: #0a0a0a !important; } main[data-template="product"] div.spacing-style[class*="text-block--"] video.tc-desc-video { background-color: #0a0a0a !important; } shopify-account { --shopify-account-color-background: rgb(10, 10, 10) !important; --shopify-account-color-accent-text: #0a0a0a !important; } html { background-color: #0a0a0a !important; } html, body { background-color: #0a0a0a !important; } body.template-collection:has(.menu-open), html:has(.menu-open):not(:has(body.template-index)) { background-color: #0a0a0a !important; } #tc-nav-curtain { background: #0a0a0a; } [class*="announcement-bar"], ticker-bar, [class*="ticker-bar"], announcement-bar, body.template-index [class*="announcement"], body.template-index ticker-bar, body.template-index [class*="ticker"] { background-color: #0a0a0a !important; background: #0a0a0a !important; } .jm-review-widget-header__title::before, .jm-review-widget-header__title::after { background: #0a0a0a; } /* ── Overlays translúcidos ── */ button.button.cart-drawer__close-button.button-unstyled { background: rgba(10, 10, 10, 0.9) !important; background-color: rgba(10, 10, 10, 0.9) !important; } .jdgm-rev, [class*="jm-review-item"] { background: rgba(10, 10, 10, 0.78) !important; } product-card .product-card__content { background: rgba(10, 10, 10, 0.78) !important; } body.template-index product-card .product-card__content, body.template-index product-card [class*="card-content"] { padding: 10px 12px 12px !important; } quick-add-component, quick-add-component.quick-add { background: rgba(10, 10, 10, 0.97) !important; } dialog.quick-add-modal, body.template-collection dialog.quick-add-modal, body.template-collection dialog.quick-add-modal[class*="color-scheme"] { background: rgba(10, 10, 10, 0.97) !important; background-color: rgba(10, 10, 10, 0.97) !important; } dialog.quick-add-modal .quick-add-modal__close { background: rgba(10, 10, 10, 0.8) !important; } dialog.quick-add-modal .close-button, dialog.quick-add-modal .quick-add-modal__close { background: rgba(10, 10, 10, 0.85) !important; } main[data-template="product"] .product-information__media { background: rgba(10, 10, 10, 0.16) !important; background-image: none !important; } main[data-template="product"] .product-information__media .product-media-container { background-color: rgba(10, 10, 10, 0.3); } button.menu-drawer__close-button { background: rgba(10, 10, 10, 0.75) !important; } #tc-modal-collection.is-open { background-image: linear-gradient(to bottom, rgba(10, 10, 10, 0.5) 0%, rgba(10, 10, 10, 0.75) 60%, rgba(10, 10, 10, 0.95) 100%), url('/cdn/shop/files/Churrasco_em_Familia.jpg?v=1781045429') !important; } #tc-modal-collection.is-open .tc-modal__header { background: linear-gradient(to bottom, rgba(10, 10, 10, 0.92), transparent) !important; } #tc-modal-collection.is-open .tc-modal__back { background: rgba(10, 10, 10, 0.7) !important; } .tc-col-hero__bg-overlay { background: linear-gradient( to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.08) 40%, rgba(10, 10, 10, 0.6) 78%, rgba(10, 10, 10, 1) 100% ) !important; } [class*="account__content"], [class*="login"] .page-width, [class*="register"] .page-width { background: rgba(10, 10, 10, 0.88) !important; } body.template-collection [class*="filter"], body.template-collection [class*="facet"] { background: rgba(10, 10, 10, 0.8) !important; } body.template-collection .badge { background: rgba(10, 10, 10, 0.9) !important; } body.template-collection product-card .product-card__content, body.template-collection product-card [class*="card-content"], .template-collection product-card .product-card__content { background: rgba(10, 10, 10, 0.85) !important; } .search-modal__dialog, .predictive-search__form, .predictive-search__results { background: rgba(10, 10, 10, 0.97) !important; background-color: rgba(10, 10, 10, 0.97) !important; } dialog:has(.predictive-search), search-modal dialog, search-modal > dialog { background: rgba(10, 10, 10, 0.97) !important; background-color: rgba(10, 10, 10, 0.97) !important; } .predictive-search__results-list, .predictive-search__result-item { background: rgba(10, 10, 10, 0.97) !important; background-color: rgba(10, 10, 10, 0.97) !important; } .header[data-sticky-state='active'], #header-component[data-sticky-state='active'] { --color-scheme-top-row: rgba(10, 10, 10, 0.97) !important; --color-scheme-bottom-row: rgba(10, 10, 10, 0.97) !important; } .header[data-sticky-state='active'] .header__underlay-closed, .header[data-sticky-state='active'] .header__underlay-open, #header-component[data-sticky-state='active'] .header__underlay { background: rgba(10, 10, 10, 0.97) !important; } main[data-template="product"] .variant-option__button-label, quick-add-component .variant-option__button-label, dialog.quick-add-modal .variant-option__button-label { background: rgba(10, 10, 10, 0.85) !important; } /* ── Dica "Entrar" junto ao ícone da conta (2026-08-13). Só aparece para visitante deslogado. Ancorada em .tc-account-icon-wrap para ficar embaixo do ícone, com fonte sans-serif do corpo para legibilidade nesse tamanho pequeno. ── */ .tc-account-icon-wrap { position: relative; display: inline-block; } .tc-login-hint { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 10px; font-family: var(--font-body--family, -apple-system, sans-serif); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #e8c547; background: linear-gradient(180deg, rgba(24, 16, 8, 0.98), rgba(8, 6, 4, 0.99)); border: 1px solid rgba(201, 168, 76, 0.55); padding: 5px 13px; border-radius: 2px; white-space: nowrap; line-height: 1.3; pointer-events: none; z-index: 5; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(201, 168, 76, 0.1), 0 0 10px rgba(201, 168, 76, 0.18); animation: tc-login-hint-glow 3.5s ease-in-out infinite; } .tc-login-hint::before { content: ''; position: absolute; top: -5px; left: 50%; width: 8px; height: 8px; background: rgb(14, 10, 6); border-left: 1px solid rgba(201, 168, 76, 0.55); border-top: 1px solid rgba(201, 168, 76, 0.55); transform: translateX(-50%) rotate(45deg); } @keyframes tc-login-hint-glow { 0%, 100% { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(201, 168, 76, 0.1), 0 0 10px rgba(201, 168, 76, 0.18); } 50% { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(201, 168, 76, 0.16), 0 0 16px rgba(201, 168, 76, 0.4); } } @media screen and (max-width: 749px) { .tc-login-hint { font-size: 10px; padding: 4px 11px; margin-top: 9px; } } /* ── Foto "pai e filho no assador" no menu hamburguesa mais clara (2026-08-13, pedido de Juan: "dá mais sol aquela imagem"). ── */ .tc-menu-banner { filter: brightness(1.25) saturate(1.15) contrast(1.03); } /* ── Fix 2026-08-16: título "O Ritual" da descrição do produto animava filter (não composto, força repaint contínuo no thread principal). Brilho fixo no meio do intervalo original (18px↔28px), sem pulsar. ── */ main[data-template="product"] div.spacing-style[class*="text-block--"] h2:first-of-type, main[data-template="product"] div.spacing-style[class*="text-block--"] h3:first-of-type { filter: drop-shadow(0 2px 6px rgba(0,0,0,0.9)) drop-shadow(0 0 22px rgba(255,155,50,0.55)) !important; animation: none !important; } /* ── Fix 2026-08-16: #tc-ember-bg (fundo fixo do PDP) carregava a imagem original sem redimensionar. Mobile-first: width=800 por padrão, width=1600 a partir de 750px. ── */ #tc-ember-bg { background-image: url('/cdn/shop/files/Fundo_de_brasas_incandescentes_1920x1080_1_091075fe-44b3-43ff-9143-96d171cf82bc.jpg?v=1781137313&width=800') !important; } @media screen and (min-width: 750px) { #tc-ember-bg { background-image: url('/cdn/shop/files/Fundo_de_brasas_incandescentes_1920x1080_1_091075fe-44b3-43ff-9143-96d171cf82bc.jpg?v=1781137313&width=1600') !important; } } /* ── Fix 2026-08-16: .tc-col-hero__icon (cabeçalho de coleção) animava filter via @keyframes tc-icon-pulse. Redefine o keyframe para só mexer em transform (composto/GPU) e fixa o filter à parte. ── */ .tc-col-hero__icon { filter: drop-shadow(0 0 18px rgba(201,168,76,0.55)) !important; } @keyframes tc-icon-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } } /* ── Fix 2026-08-19: body.template-index section { background: transparent !important } (custom-premium.css) atropelava o banner nativo de privacidade/cookies do Shopify (#shopify-pc__banner, também é uma
). Seletor por ID tem especificidade maior que a combinação de classes da regra original, então ganha mesmo com !important dos dois lados. Cor igual à configurada em Configurações → Privacidade do cliente (fundo #0d0d0d). ── */ #shopify-pc__banner { background-color: #0d0d0d !important; }