/* PKaraokê V12.2 — transparência estrutural das páginas para exibir o wallpaper global.
   Não altera topo, rodapé, menu ou artes fixas. */

body.page-wallpaper-content > main,
body.page-wallpaper-content #conteudo{
  background:transparent!important;
}

/* Seções amplas deixam de cobrir o papel de parede. */
body.page-wallpaper-content .section,
body.page-wallpaper-content .section-tint,
body.page-wallpaper-content .products-section,
body.page-wallpaper-content .path-section,
body.page-wallpaper-content .faq-section,
body.page-wallpaper-content .detail-hero,
body.page-wallpaper-content .simple-hero,
body.page-wallpaper-content .contact-hero,
body.page-wallpaper-content .contact-section,
body.page-wallpaper-content .project-section,
body.page-wallpaper-content .site-announcements,
body.page-wallpaper-content .catalog-content,
body.page-wallpaper-content .catalog-section,
body.page-wallpaper-content .featured-searches,
body.page-wallpaper-content .featured-searches-hero,
body.page-wallpaper-content .results-layout,
body.page-wallpaper-content .news-panel,
body.page-wallpaper-content .catalog-tools-panel,
body.page-wallpaper-content .sales-intro,
body.page-wallpaper-content .store-container,
body.page-wallpaper-content .sales-app{
  background:transparent!important;
  background-image:none!important;
}

/* Mantém apenas um véu leve atrás de áreas que precisam de leitura contínua. */
body.page-wallpaper-content .section-heading,
body.page-wallpaper-content .detail-copy,
body.page-wallpaper-content .simple-hero-inner,
body.page-wallpaper-content .contact-hero-copy,
body.page-wallpaper-content .catalog-intro,
body.page-wallpaper-content .search-heading,
body.page-wallpaper-content .sales-intro > .container,
body.page-wallpaper-content .results-header,
body.page-wallpaper-content .resultados-header{
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(255,255,255,.44);
  border-radius:22px;
  padding:clamp(16px,2.4vw,28px);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  box-shadow:0 14px 34px rgba(7,27,45,.07);
}

/* Componentes que precisam continuar sólidos para legibilidade e interação. */
body.page-wallpaper-content .product-showcase,
body.page-wallpaper-content .benefit-card,
body.page-wallpaper-content .path-card,
body.page-wallpaper-content .faq-item,
body.page-wallpaper-content .use-card,
body.page-wallpaper-content .check-panel,
body.page-wallpaper-content .project-product,
body.page-wallpaper-content .step,
body.page-wallpaper-content .contact-note,
body.page-wallpaper-content .contact-form,
body.page-wallpaper-content .contact-option,
body.page-wallpaper-content .contact-product-mini img,
body.page-wallpaper-content .announcement-item,
body.page-wallpaper-content .quick-card,
body.page-wallpaper-content .search-container,
body.page-wallpaper-content .search-shell,
body.page-wallpaper-content .side-card,
body.page-wallpaper-content .popular-card,
body.page-wallpaper-content .favoritos-panel,
body.page-wallpaper-content .historico-panel,
body.page-wallpaper-content .results-card,
body.page-wallpaper-content .results-table,
body.page-wallpaper-content .table-responsive,
body.page-wallpaper-content .resultados-count,
body.page-wallpaper-content .request-form,
body.page-wallpaper-content .request-success,
body.page-wallpaper-content .request-catalog-results,
body.page-wallpaper-content .request-modal-content,
body.page-wallpaper-content .lightbox-frame,
body.page-wallpaper-content .produto-card,
body.page-wallpaper-content .resumo-pedido,
body.page-wallpaper-content .categorias,
body.page-wallpaper-content .modal-content,
body.page-wallpaper-content .sales-intro-badge{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* Imagens e áreas de produto continuam limpas, mas não cobrem toda a página. */
body.page-wallpaper-content .product-image,
body.page-wallpaper-content .project-product img,
body.page-wallpaper-content .detail-product,
body.page-wallpaper-content .contact-product-mini img{
  background:rgba(244,248,251,.86)!important;
}

/* Slideshow e chamadas finais mantêm sua identidade própria. */
body.page-wallpaper-content .hero-slider,
body.page-wallpaper-content .final-cta,
body.page-wallpaper-content .site-header,
body.page-wallpaper-content .site-footer{
  background-color:initial;
}

/* Loja: remove fundos gerais, preservando cards e controles. */
body.page-wallpaper-content .sales-app,
body.page-wallpaper-content .store-container{
  box-shadow:none!important;
}
body.page-wallpaper-content .search-container,
body.page-wallpaper-content .categorias,
body.page-wallpaper-content .resumo-pedido{
  border:1px solid rgba(223,232,239,.92);
}

/* Catálogo: deixa o fundo visível sem perder a leitura das tabelas. */
body.page-wallpaper-content .catalog-hero{
  background-color:transparent!important;
}
body.page-wallpaper-content .catalog-hero-overlay{
  background:linear-gradient(180deg,rgba(3,15,27,.38),rgba(3,15,27,.58))!important;
}
body.page-wallpaper-content .featured-searches-hero,
body.page-wallpaper-content .catalog-content{
  box-shadow:none!important;
}

/* Modo escuro */
html[data-theme="dark"] body.page-wallpaper-content .section-heading,
html[data-theme="dark"] body.page-wallpaper-content .detail-copy,
html[data-theme="dark"] body.page-wallpaper-content .simple-hero-inner,
html[data-theme="dark"] body.page-wallpaper-content .contact-hero-copy,
html[data-theme="dark"] body.page-wallpaper-content .catalog-intro,
html[data-theme="dark"] body.page-wallpaper-content .search-heading,
html[data-theme="dark"] body.page-wallpaper-content .sales-intro > .container,
html[data-theme="dark"] body.page-wallpaper-content .results-header,
html[data-theme="dark"] body.page-wallpaper-content .resultados-header{
  background:rgba(9,25,37,.64)!important;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 16px 38px rgba(0,0,0,.18);
}

html[data-theme="dark"] body.page-wallpaper-content .product-showcase,
html[data-theme="dark"] body.page-wallpaper-content .benefit-card,
html[data-theme="dark"] body.page-wallpaper-content .path-card,
html[data-theme="dark"] body.page-wallpaper-content .faq-item,
html[data-theme="dark"] body.page-wallpaper-content .use-card,
html[data-theme="dark"] body.page-wallpaper-content .check-panel,
html[data-theme="dark"] body.page-wallpaper-content .project-product,
html[data-theme="dark"] body.page-wallpaper-content .step,
html[data-theme="dark"] body.page-wallpaper-content .contact-note,
html[data-theme="dark"] body.page-wallpaper-content .contact-form,
html[data-theme="dark"] body.page-wallpaper-content .announcement-item,
html[data-theme="dark"] body.page-wallpaper-content .search-container,
html[data-theme="dark"] body.page-wallpaper-content .search-shell,
html[data-theme="dark"] body.page-wallpaper-content .side-card,
html[data-theme="dark"] body.page-wallpaper-content .popular-card,
html[data-theme="dark"] body.page-wallpaper-content .favoritos-panel,
html[data-theme="dark"] body.page-wallpaper-content .historico-panel,
html[data-theme="dark"] body.page-wallpaper-content .results-card,
html[data-theme="dark"] body.page-wallpaper-content .results-table,
html[data-theme="dark"] body.page-wallpaper-content .table-responsive,
html[data-theme="dark"] body.page-wallpaper-content .resultados-count,
html[data-theme="dark"] body.page-wallpaper-content .request-form,
html[data-theme="dark"] body.page-wallpaper-content .request-success,
html[data-theme="dark"] body.page-wallpaper-content .request-catalog-results,
html[data-theme="dark"] body.page-wallpaper-content .request-modal-content,
html[data-theme="dark"] body.page-wallpaper-content .lightbox-frame,
html[data-theme="dark"] body.page-wallpaper-content .produto-card,
html[data-theme="dark"] body.page-wallpaper-content .resumo-pedido,
html[data-theme="dark"] body.page-wallpaper-content .categorias,
html[data-theme="dark"] body.page-wallpaper-content .modal-content,
html[data-theme="dark"] body.page-wallpaper-content .sales-intro-badge{
  background:rgba(12,31,45,.88)!important;
}

html[data-theme="dark"] body.page-wallpaper-content .product-image,
html[data-theme="dark"] body.page-wallpaper-content .project-product img,
html[data-theme="dark"] body.page-wallpaper-content .detail-product,
html[data-theme="dark"] body.page-wallpaper-content .contact-product-mini img{
  background:rgba(11,29,42,.88)!important;
}

@media(max-width:820px){
  body.page-wallpaper-content .section-heading,
  body.page-wallpaper-content .detail-copy,
  body.page-wallpaper-content .simple-hero-inner,
  body.page-wallpaper-content .contact-hero-copy,
  body.page-wallpaper-content .catalog-intro,
  body.page-wallpaper-content .search-heading,
  body.page-wallpaper-content .sales-intro > .container{
    border-radius:17px;
    padding:18px;
  }
}

/* V12.3 — correção completa de tema claro/escuro e cabeçalho sempre visível. */
:root{
  --theme-text:#14202b;
  --theme-muted:#607181;
  --theme-surface:rgba(255,255,255,.90);
  --theme-surface-strong:#ffffff;
  --theme-surface-soft:#f2f7fa;
  --theme-border:#d9e5ed;
  --theme-button-text:#14202b;
  --site-header-height:112px;
}
html[data-theme="dark"]{
  --theme-text:#edf6fb;
  --theme-muted:#adc0cd;
  --theme-surface:rgba(12,31,45,.90);
  --theme-surface-strong:#102433;
  --theme-surface-soft:#0a1c29;
  --theme-border:#29475a;
  --theme-button-text:#edf6fb;
}

/* O topo permanece sempre visível durante toda a rolagem. */
body.page-wallpaper-content{
  padding-top:var(--site-header-height)!important;
}
body.page-wallpaper-content .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:5000!important;
  transform:none!important;
}
body.page-wallpaper-content .site-header.scrolled{
  box-shadow:0 10px 30px rgba(7,27,45,.16)!important;
}
html[data-theme="dark"] body.page-wallpaper-content .site-header.scrolled{
  box-shadow:0 12px 34px rgba(0,0,0,.42)!important;
}
body.page-wallpaper-content .main-nav{z-index:5100!important}
body.page-wallpaper-content .nav-actions,
body.page-wallpaper-content .nav-toggle,
body.page-wallpaper-content .theme-toggle-nav{z-index:5200!important}
body.page-wallpaper-content .skip-link{z-index:6000!important}

/* Cores estruturais de texto acompanham o tema. */
body.page-wallpaper-content,
body.page-wallpaper-content main,
body.page-wallpaper-content .section-heading,
body.page-wallpaper-content .detail-copy,
body.page-wallpaper-content .simple-hero-inner,
body.page-wallpaper-content .contact-hero-copy,
body.page-wallpaper-content .catalog-intro,
body.page-wallpaper-content .search-heading,
body.page-wallpaper-content .sales-intro,
body.page-wallpaper-content .product-showcase,
body.page-wallpaper-content .benefit-card,
body.page-wallpaper-content .path-card,
body.page-wallpaper-content .faq-item,
body.page-wallpaper-content .use-card,
body.page-wallpaper-content .check-panel,
body.page-wallpaper-content .project-product,
body.page-wallpaper-content .step,
body.page-wallpaper-content .contact-note,
body.page-wallpaper-content .contact-form,
body.page-wallpaper-content .search-shell,
body.page-wallpaper-content .side-card,
body.page-wallpaper-content .popular-card,
body.page-wallpaper-content .favoritos-panel,
body.page-wallpaper-content .historico-panel,
body.page-wallpaper-content .results-card,
body.page-wallpaper-content .produto-card,
body.page-wallpaper-content .resumo-pedido,
body.page-wallpaper-content .modal-content,
body.page-wallpaper-content .request-modal-content{
  color:var(--theme-text)!important;
}
body.page-wallpaper-content p,
body.page-wallpaper-content small,
body.page-wallpaper-content .muted-copy,
body.page-wallpaper-content .product-copy p,
body.page-wallpaper-content .benefit-card p,
body.page-wallpaper-content .path-card p,
body.page-wallpaper-content .use-card p,
body.page-wallpaper-content .project-product p,
body.page-wallpaper-content .step p,
body.page-wallpaper-content .modal-text,
body.page-wallpaper-content .produto-descricao,
body.page-wallpaper-content .form-privacy{
  color:var(--theme-muted)!important;
}
body.page-wallpaper-content h1,
body.page-wallpaper-content h2,
body.page-wallpaper-content h3,
body.page-wallpaper-content h4,
body.page-wallpaper-content strong,
body.page-wallpaper-content label,
body.page-wallpaper-content .campo-label,
body.page-wallpaper-content .produto-nome,
body.page-wallpaper-content .modal-title{
  color:var(--theme-text);
}

/* Botões com fundo forte permanecem sempre com texto branco. */
body.page-wallpaper-content .btn-primary,
body.page-wallpaper-content .btn-danger,
body.page-wallpaper-content .btn-success,
body.page-wallpaper-content .btn-whatsapp,
body.page-wallpaper-content .header-cta,
body.page-wallpaper-content .quick-card,
body.page-wallpaper-content .contact-option,
body.page-wallpaper-content .carrinho-btn,
body.page-wallpaper-content .add-carrinho-btn,
body.page-wallpaper-content .finalizar-btn,
body.page-wallpaper-content .modal-add-carrinho,
body.page-wallpaper-content .btn-topo,
body.page-wallpaper-content .modal-btn-primary,
body.page-wallpaper-content .btn-request,
body.page-wallpaper-content .btn-request-submit,
body.page-wallpaper-content .categoria-btn.active,
body.page-wallpaper-content .categoria-btn:hover,
body.page-wallpaper-content .social-btn-content{
  color:#fff!important;
}
body.page-wallpaper-content .btn-primary *,
body.page-wallpaper-content .btn-danger *,
body.page-wallpaper-content .btn-success *,
body.page-wallpaper-content .btn-whatsapp *,
body.page-wallpaper-content .header-cta *,
body.page-wallpaper-content .quick-card *,
body.page-wallpaper-content .contact-option *,
body.page-wallpaper-content .carrinho-btn *,
body.page-wallpaper-content .add-carrinho-btn *,
body.page-wallpaper-content .finalizar-btn *,
body.page-wallpaper-content .modal-add-carrinho *,
body.page-wallpaper-content .btn-topo *,
body.page-wallpaper-content .modal-btn-primary *,
body.page-wallpaper-content .btn-request *,
body.page-wallpaper-content .btn-request-submit *{
  color:inherit!important;
}

/* Botões claros, secundários e controles mudam de cor com o tema. */
body.page-wallpaper-content .btn-outline,
body.page-wallpaper-content .btn-light,
body.page-wallpaper-content .btn-secondary,
body.page-wallpaper-content .modal-btn-secondary,
body.page-wallpaper-content .btn-favorito-action,
body.page-wallpaper-content .btn-favorito-remover,
body.page-wallpaper-content .btn-request-not-match,
body.page-wallpaper-content .categoria-btn:not(.active),
body.page-wallpaper-content .modo-btn,
body.page-wallpaper-content .nav-btn,
body.page-wallpaper-content .quantidade-btn,
body.page-wallpaper-content .favorito-btn,
body.page-wallpaper-content .reset-user-btn,
body.page-wallpaper-content .theme-toggle-nav,
body.page-wallpaper-content .nav-toggle{
  background:var(--theme-surface-strong)!important;
  color:var(--theme-button-text)!important;
  border-color:var(--theme-border)!important;
}
body.page-wallpaper-content .btn-outline:hover,
body.page-wallpaper-content .btn-light:hover,
body.page-wallpaper-content .btn-secondary:hover,
body.page-wallpaper-content .modal-btn-secondary:hover,
body.page-wallpaper-content .btn-favorito-action:hover,
body.page-wallpaper-content .btn-request-not-match:hover,
body.page-wallpaper-content .categoria-btn:not(.active):hover,
body.page-wallpaper-content .modo-btn:hover,
body.page-wallpaper-content .nav-btn:hover,
body.page-wallpaper-content .quantidade-btn:hover,
body.page-wallpaper-content .favorito-btn:hover,
body.page-wallpaper-content .reset-user-btn:hover{
  background:var(--theme-surface-soft)!important;
  color:var(--blue)!important;
}

/* Campos de formulário e seleção seguem o tema. */
body.page-wallpaper-content input,
body.page-wallpaper-content select,
body.page-wallpaper-content textarea,
body.page-wallpaper-content .campo-input,
body.page-wallpaper-content .campo-select,
body.page-wallpaper-content .search-input,
body.page-wallpaper-content .modal-input{
  background:var(--theme-surface-strong)!important;
  color:var(--theme-text)!important;
  border-color:var(--theme-border)!important;
}
body.page-wallpaper-content input::placeholder,
body.page-wallpaper-content textarea::placeholder,
body.page-wallpaper-content .campo-input::placeholder,
body.page-wallpaper-content .search-input::placeholder,
body.page-wallpaper-content .modal-input::placeholder{
  color:var(--theme-muted)!important;
  opacity:.84;
}
body.page-wallpaper-content select option{
  background:var(--theme-surface-strong)!important;
  color:var(--theme-text)!important;
}

/* Menu principal e seus textos acompanham o tema. */
body.page-wallpaper-content .nav-link{color:#324655!important}
body.page-wallpaper-content .nav-link:hover,
body.page-wallpaper-content .nav-link.active{color:var(--blue)!important;background:#eef8ff!important}
html[data-theme="dark"] body.page-wallpaper-content .nav-link{color:#d5e4ed!important}
html[data-theme="dark"] body.page-wallpaper-content .nav-link:hover,
html[data-theme="dark"] body.page-wallpaper-content .nav-link.active{color:#8ed5ff!important;background:#102c3f!important}
html[data-theme="dark"] body.page-wallpaper-content .main-nav{
  background:#0b1d2a!important;
  border-color:#294052!important;
}

/* Corrige textos internos que recebiam cor fixa herdada de versões anteriores. */
html[data-theme="dark"] body.page-wallpaper-content .btn-light,
html[data-theme="dark"] body.page-wallpaper-content .btn-outline,
html[data-theme="dark"] body.page-wallpaper-content .btn-secondary,
html[data-theme="dark"] body.page-wallpaper-content .modal-btn-secondary,
html[data-theme="dark"] body.page-wallpaper-content .categoria-btn:not(.active),
html[data-theme="dark"] body.page-wallpaper-content .modo-btn,
html[data-theme="dark"] body.page-wallpaper-content .nav-btn,
html[data-theme="dark"] body.page-wallpaper-content .quantidade-btn,
html[data-theme="dark"] body.page-wallpaper-content .favorito-btn,
html[data-theme="dark"] body.page-wallpaper-content .btn-request-not-match{
  color:#edf6fb!important;
}
html:not([data-theme="dark"]) body.page-wallpaper-content .btn-light,
html:not([data-theme="dark"]) body.page-wallpaper-content .btn-outline,
html:not([data-theme="dark"]) body.page-wallpaper-content .btn-secondary,
html:not([data-theme="dark"]) body.page-wallpaper-content .modal-btn-secondary,
html:not([data-theme="dark"]) body.page-wallpaper-content .categoria-btn:not(.active),
html:not([data-theme="dark"]) body.page-wallpaper-content .modo-btn,
html:not([data-theme="dark"]) body.page-wallpaper-content .nav-btn,
html:not([data-theme="dark"]) body.page-wallpaper-content .quantidade-btn,
html:not([data-theme="dark"]) body.page-wallpaper-content .favorito-btn,
html:not([data-theme="dark"]) body.page-wallpaper-content .btn-request-not-match{
  color:#14202b!important;
}

/* Compensa a altura do cabeçalho em cada resolução. */
@media(max-width:1060px){
  :root{--site-header-height:102px}
}
@media(max-width:820px){
  :root{--site-header-height:92px}
  body.page-wallpaper-content .main-nav{top:calc(var(--site-header-height) + 11px)!important}
}
@media(max-width:620px){
  :root{--site-header-height:84px}
  body.page-wallpaper-content .main-nav{top:calc(var(--site-header-height) + 10px)!important}
}
@supports(padding:max(0px)){
  body.page-wallpaper-content .site-header{padding-top:env(safe-area-inset-top)}
  body.page-wallpaper-content{padding-top:calc(var(--site-header-height) + env(safe-area-inset-top))!important}
  @media(max-width:820px){
    body.page-wallpaper-content .main-nav{top:calc(var(--site-header-height) + env(safe-area-inset-top) + 11px)!important}
  }
}


/* Vendas usa exatamente o mesmo papel de parede e luminosidade das demais páginas. */
body.sales-page.page-wallpaper-content.site-wallpaper-enabled{
  background:transparent!important;
  background-image:none!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
}

/* Mantém todos os modais da loja abaixo do cabeçalho fixo. */
body.sales-page.page-wallpaper-content .sales-app .modal{
  top:var(--site-header-height,112px)!important;
  height:calc(100dvh - var(--site-header-height,112px))!important;
  align-items:flex-start!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:12px!important;
}
body.sales-page.page-wallpaper-content .sales-app .modal-content{
  margin:auto!important;
  max-height:calc(100dvh - var(--site-header-height,112px) - 24px)!important;
}
@supports(padding:max(0px)){
  body.sales-page.page-wallpaper-content .sales-app .modal{
    top:calc(var(--site-header-height,112px) + env(safe-area-inset-top))!important;
    height:calc(100dvh - var(--site-header-height,112px) - env(safe-area-inset-top))!important;
  }
  body.sales-page.page-wallpaper-content .sales-app .modal-content{
    max-height:calc(100dvh - var(--site-header-height,112px) - env(safe-area-inset-top) - 24px)!important;
  }
}
@media(max-width:620px){
  body.sales-page.page-wallpaper-content .sales-app .modal{padding:8px!important}
  body.sales-page.page-wallpaper-content .sales-app .modal-content{
    max-height:calc(100dvh - var(--site-header-height,84px) - 16px)!important;
  }
}

/* V20 — luminosidade da loja igual às seções da página inicial. */
body.sales-page.page-wallpaper-content.site-wallpaper-enabled .sales-app{
  background:rgba(255,255,255,.68)!important;
  background-image:none!important;
}
html[data-theme="dark"] body.sales-page.page-wallpaper-content.site-wallpaper-enabled .sales-app{
  background:rgba(7,19,30,.76)!important;
  background-image:none!important;
}
body.sales-page.page-wallpaper-content.site-wallpaper-enabled .site-wallpaper-layer{
  opacity:.54!important;
  filter:none!important;
}
html[data-theme="dark"] body.sales-page.page-wallpaper-content.site-wallpaper-enabled .site-wallpaper-layer{
  opacity:.58!important;
  filter:none!important;
}