@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Open+Sans:wght@400;600;700&display=swap');
/* tema/site.css — Crischantal (31/10/2026, chat da Crischantal). CSS deste cliente, carregado DEPOIS do tema pai (Premium).
   Visual do site 2.0: fundo branco, textos em preto, títulos em serifada (no antigo, Adobe Caslon Pro; aqui a Playfair
   Display desde 31/10, 22h25, mais próxima da logo CC), corpo em Open Sans e o verde dos botões. As cores principal e de destaque vêm do painel
   (Site › Aparência e busca). */
:root{
  --pm-fonte:'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --cris-serifa:'Playfair Display',Georgia,'Times New Roman',serif; /* 31/10, 22h25: serifada de alto contraste, da família da logo CC (antes Libre Caslon Text) */
}

/* 1. Títulos em serifada, sem o aperto de letras do Premium (a Caslon fica melhor solta) */
.pm-h1,.pm-h2,.pm-h3,.pm-banner h1,.pm-banner h2,.pm-cta h2,.pm-split-txt .pm-h2,.pm-prod-nome,.pm-item h1,.pm-artigo-titulo,.pm-produto-nome,.pm-proj-nome,.pm-cat-nome{font-family:var(--cris-serifa);letter-spacing:0;font-weight:400}
/* nome do produto sem negrito (pedido do Julian, 22h25): na página do produto e nos cartões */
.pm-produto-nome{line-height:1.15}
.pm-prod-nome{font-size:16px;line-height:1.3}
.pm-h1{line-height:1.12}
.pm-h2{line-height:1.18}

/* 2. Topo (rodadas 5 e 6, pedidos do Julian): no computador a logo CC no centro e, à direita, o menu curto com ícone
      (Produtos, Composições, Inspire-se) seguido de busca, conta e lista; no celular o botão do menu à esquerda,
      a logo no meio e busca e lista à direita (como na rodada 4). Sobre e Contato ficam só no rodapé. */
.pm-topo .pm-marca img{max-height:78px;width:auto}
.pm-rodape .pm-marca img{max-height:84px;width:auto}
.pm-topo .pm-nav>ul>li>a[href$="/produtos"],.pm-topo .pm-nav>ul>li>a[href$="/produtos/composicoes"],.pm-topo .pm-nav>ul>li>a[href$="/eventos"]{display:inline-flex;align-items:center;gap:8px}
.pm-topo .pm-nav>ul>li>a[href$="/produtos"]::before,.pm-topo .pm-nav>ul>li>a[href$="/produtos/composicoes"]::before,.pm-topo .pm-nav>ul>li>a[href$="/eventos"]::before{content:"";flex:0 0 22px;width:22px;height:22px;background:currentColor;-webkit-mask:var(--cris-ico) center/contain no-repeat;mask:var(--cris-ico) center/contain no-repeat}
.pm-topo .pm-nav>ul>li>a[href$="/produtos"]{--cris-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 11V8a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v3%22/%3E%3Cpath d=%22M3 13a2 2 0 0 1 4 0v2h10v-2a2 2 0 0 1 4 0v4H3z%22/%3E%3Cpath d=%22M5 17v2M19 17v2%22/%3E%3C/svg%3E")}
.pm-topo .pm-nav>ul>li>a[href$="/produtos/composicoes"]{--cris-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3a9 9 0 1 0 0 18c1.1 0 1.5-.8 1.5-1.6 0-.9-.6-1.4-.6-2.2 0-.9.7-1.5 1.6-1.5H17a4 4 0 0 0 4-4C21 7 17 3 12 3z%22/%3E%3Ccircle cx=%227.5%22 cy=%2211.5%22 r=%221%22/%3E%3Ccircle cx=%2210%22 cy=%227.5%22 r=%221%22/%3E%3Ccircle cx=%2215%22 cy=%227.5%22 r=%221%22/%3E%3C/svg%3E")}
.pm-topo .pm-nav>ul>li>a[href$="/eventos"]{--cris-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11 3l1.8 5.2L18 10l-5.2 1.8L11 17l-1.8-5.2L4 10l5.2-1.8z%22/%3E%3Cpath d=%22M18.5 14.5l.7 1.8 1.8.7-1.8.7-.7 1.8-.7-1.8-1.8-.7 1.8-.7z%22/%3E%3C/svg%3E")}
/* Composições tem item próprio no menu: sai de dentro de Produtos */
.pm-topo .pm-nav>ul>li.tem-sub>ul>li:has(>a[href$="/produtos/composicoes"]){display:none}
@media(min-width:901px){
  /* logo no centro de verdade (posição absoluta), menu e ações juntos à direita */
  .pm-topo-in{display:flex;align-items:center;justify-content:flex-end;height:104px;gap:24px;position:relative}
  .pm-topo-in>.pm-marca{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}
  .pm-topo-in>.pm-nav{margin-left:0}
  .pm-topo-in>.pm-nav+.pm-acoes{margin-left:0}
  .pm-topo .pm-nav>ul{font-family:var(--cris-serifa);font-weight:400;font-size:14.5px;gap:22px}
  .pm-topo .pm-nav>ul>li>a::before{flex-basis:18px!important;width:18px!important;height:18px!important}
  .pm-topo .pm-nav .tem-sub ul,.pm-topo .pm-nav ul ul{font-family:var(--pm-fonte);font-size:14px}
  /* submenu de Produtos em 3 colunas, alinhado pela direita (Produtos agora fica à direita do topo) */
  .pm-topo .pm-nav>ul>li.tem-sub>ul{columns:3;column-gap:6px;width:min(640px,calc(100vw - 48px));left:auto;right:-16px}
  .pm-topo .pm-nav>ul>li.tem-sub>ul>li{break-inside:avoid}
  .pm-topo .pm-nav>ul>li.tem-sub>ul a{padding:7px 12px}
}
@media(min-width:901px) and (max-width:1199px){
  /* computador pequeno: sem os ícones do menu e com menos espaço, para não encostar na logo do centro */
  .pm-topo .pm-nav>ul>li>a::before{display:none}
  .pm-topo .pm-nav>ul{gap:16px;font-size:14px}
  .pm-topo-in{gap:14px}
  .pm-topo .pm-acoes{gap:2px}
}
@media(max-width:900px){
  .pm-topo-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;position:relative;height:72px}
  .pm-topo-in>.pm-marca{grid-column:2;grid-row:1;justify-self:center}
  .pm-topo-in>.pm-acoes{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
  .pm-topo .pm-marca img{max-height:56px}
  .pm-topo .pm-acoes [data-pm-menu]{position:absolute;left:var(--pm-gutter);top:50%;transform:translateY(-50%)}
}

/* 3. Sobre (home e página Sobre): a foto do site antigo é uma montagem de três círculos (740x323); aparece inteira, sem o recorte do Premium */
#sobre{background:#fff}
.pm-split-img:has(img[src*="cris-sobre"]){aspect-ratio:740/323;height:auto;background:none;border-radius:0;align-self:center;box-shadow:none}
.pm-split-img img[src*="cris-sobre"]{object-fit:contain;width:100%;height:auto}

/* 4. Como funciona: cartões do Premium com os ícones novos (SVG de traço fino), centralizados */
#como-funciona .pm-quadro{background:none;width:auto;height:auto;margin:0 auto 14px}
#como-funciona .pm-quadro img{width:72px;height:72px;object-fit:contain}
#como-funciona .pm-card{text-align:center;align-items:center}

/* 5. Instagram (bloco HTML livre "instagram", feed da Elfsight do site antigo) */
#instagram{padding:0}
#instagram>.pm-wrap{max-width:none;padding:0}
.cris-insta-sec .pm-cabeca{text-align:center;justify-content:center}
.cris-insta-link{text-align:center;margin:18px 0 0;font-weight:600}
.cris-insta-link a{color:var(--pm-destaque)}

/* ===== Rodada 2 (31/10, 21h, pedidos do Julian) ===== */

/* 6. Fotos sem corte: cartões de produto e galeria do produto quadrados (1:1), a foto inteira sobre fundo branco.
      Orientação para as fotos novas: subir em 1:1. */
.pm-prod-img,.pm-trilho .pm-prod>.pm-prod-img{aspect-ratio:1/1 !important;background:#fff}
.pm-prod-img img{object-fit:contain}
.pm-galeria-foto{background:#fff}
.pm-galeria-foto img{object-fit:contain}
/* Categorias quadradas (a foto é a do primeiro produto da categoria) */
.pm-cat,.pm-trilho--cats>.pm-cat,.pm-cats>.pm-cat{height:auto !important;aspect-ratio:1/1}

/* 7. Sem o zoom das fotos ao passar o mouse, em todos os cartões */
.pm-cat:hover img,.pm-prod:hover .pm-prod-img img,.pm-proj:hover .pm-proj-img img,a.pm-post-destaque:hover .pm-post-img img,.pm-post:hover .pm-post-img img{transform:none}

/* 8. Eventos realizados: sem a contagem na lista e sem o resumo nos cartões */
main:has(.pm-grade-projetos) .pm-cat-total{display:none}
.pm-proj-resumo{display:none}

/* 9. Preço restrito: nada de "Entre para ver o preço" nem "Preço após aprovação". O preço só aparece para o cadastro
      liberado pela equipe; para os outros, o lugar do preço fica vazio. */
.is-restrito,.is-restrito+.pm-link-forte,.pm-compra-aviso{display:none !important}

/* 10. (saiu em 31/10: o envio sem endereço passou a ser a opção da base, F35, Premium 1.49.0) */

/* 11. Rodapé no computador: marca com o resumo do Sobre mais larga, depois as duas colunas */
@media(min-width:901px){
  .pm-rodape-grade{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr);gap:56px}
  .pm-rodape-marca{max-width:420px}
}
.pm-rodape-marca p{line-height:1.6}

/* 12. Banner mais baixo (altura média no bloco): título menor, para caber sem tomar a foto */
.pm-banners .pm-h1{font-size:clamp(32px,3.8vw,50px);max-width:18ch;margin-bottom:12px}

/* 13. Sobre da home: título e um parágrafo, colunas alinhadas pelo meio (rodada 3) */
#sobre .pm-split{align-items:center}
#sobre .pm-split-txt .pm-rich{margin-bottom:24px}
@media(max-width:900px){.pm-banners .pm-h1{font-size:30px;line-height:1.15}}

/* 14. Cores de dois tons: a imagem da cor (bolinha dividida na diagonal) preenche a bolinha inteira (rodada 4) */
.pm-cor img,.pm-cores img,[class*="pm-cor"] img{object-fit:cover}

/* 15. Cartões de produto sem a categoria acima do nome (rodada 5): quase sempre repete a primeira palavra do nome */
.pm-prod-cat{display:none}

/* 16. Página do evento (rodada 6): sem a ficha (só tinha o tipo de evento), galeria logo abaixo da capa, sem o título
       "Galeria", e o botão "Quero um evento com essa decoração" (WhatsApp), posto por tema/paginas/eventos.php */
.pm-projeto .pm-proj-lado>.pm-h3:first-child:has(+ .pm-ficha),.pm-projeto .pm-ficha{display:none}
.pm-projeto .pm-proj-corpo.is-uma:not(:has(.pm-proj-texto)):not(:has(.pm-proj-cats)){display:none}
.pm-projeto .pm-artigo-cabeca{padding-bottom:28px}
.pm-projeto .pm-artigo-capa{margin-bottom:0}
.pm-projeto+.pm-sec{padding-top:12px}
.pm-projeto+.pm-sec .pm-cabeca{display:none}
.pm-projeto+.pm-sec .pm-galeria-grade{gap:12px}
.cris-evento-cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px;text-align:center}
.cris-evento-cta p{margin:0;font-family:var(--cris-serifa);font-size:24px;line-height:1.25}
.cris-evento-cta .pm-btn{display:inline-flex;align-items:center;gap:10px}
.cris-evento-cta svg{width:20px;height:20px;flex:0 0 20px}

/* 17. Página do produto (rodada 7): sem a categoria acima do nome; na tabela de opções, sem o botão "Adicionar" de cada linha
       (uma forma só de escolher e adicionar: cor e opção lá em cima). Com o F37 (tamanho em botões) a tabela some nos itens
       com dois tamanhos ou mais; nos outros ela continua, ainda sem o "Adicionar" da linha. */
.pm-produto-info>.pm-sobre{display:none}
.pm-tabela .pm-tab-acoes{display:none}

/* 18. Página do produto (03/11, pedido do Julian): cor e tamanho logo abaixo do código (tema/paginas/produto.php), e cada
       botão de tamanho com as medidas dentro ("P" e embaixo "L 80 · A 75 · P 40 cm"), em grade, para ler e escolher num olhar. */
.cris-escolha{margin-top:18px}
.cris-escolha .pm-cores{margin-top:0}
.cris-escolha .pm-botoes{margin-top:18px}
.cris-escolha+.pm-produto-preco{margin-top:18px}
.pm-botoes-lista:has(.cris-bt-med){display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pm-bt.cris-bt{height:auto;min-height:42px;padding:9px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;text-align:left}
.cris-bt-tam{font-size:15px;font-weight:600;line-height:1.2}
.cris-bt-med{font-size:12px;font-weight:400;line-height:1.3;color:var(--pm-mudo)}
.cris-bt-med:empty{display:none}
.pm-bt.cris-bt[aria-pressed=true] .cris-bt-med{color:var(--pm-texto)}
@media(max-width:600px){.pm-botoes-lista:has(.cris-bt-med){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 19. Lista da equipe (/equipe/<número>, 03/11, 18h37, pedido do Julian): "Dados da lista" volta para cima dos produtos,
       continuando recolhido (a caixa que abre ao clicar). Na base (Premium 1.54) ele vem depois da tabela de itens. */
.pm-eq-form{display:flex;flex-direction:column}
.pm-eq-form>.pm-eq-dados{order:-1}

/* 20. Submenu de Composições (03/11, 18h45, pedido do Julian: "por que Composições não tem opção quando passa o mouse?"):
       os subitens são as 8 composições (Menus › topo, criados por admin/importar-menu-composicoes.php). O item 2 abre todo
       submenu do topo em 3 colunas largas (feito para as 26 categorias de Produtos); aqui, 2 colunas e mais estreito. */
@media(min-width:901px){
  .pm-topo .pm-nav>ul>li.tem-sub:has(>a[href$="/produtos/composicoes"])>ul{columns:2;width:min(340px,calc(100vw - 48px))}
}

/* 21. Janela "Ver medidas" (03/11, 21h55, pedido do Julian): só Tamanho, Largura, Altura e Profundidade (as outras colunas
   saem pelo script de tema/paginas/produto.php, que põe a classe) e títulos menores, para caber sem barra de rolagem */
.cris-med-tab{width:100%;min-width:0!important;table-layout:auto}
.cris-med-tab th{font-size:.68rem;letter-spacing:.03em;padding:10px 8px;white-space:normal;line-height:1.25}
.cris-med-tab th small,.cris-med-tab th span{font-size:.9em}
.cris-med-tab td{padding:10px 8px;white-space:nowrap}

/* 22. Cartão de produto (04/11, pedido do Julian): tamanhos ou medidas logo abaixo do nome (tema/paginas/catalogo.php) */
.cris-prod-med{display:block;margin-top:2px;font-size:.78rem;line-height:1.35;color:var(--pm-texto-suave,#6b6b6b);font-family:inherit;letter-spacing:0}

/* 23. Listas da equipe (/equipe, 04/11, 16h15, pedido do Julian): sem barra de rolagem lateral. Sai a coluna Telefone
       (a busca continua achando por telefone, e ele aparece dentro da lista), letra e espaços menores, e "Abrir" vira
       texto sublinhado, sem borda. */
.pm-eq-listas th:nth-child(3),.pm-eq-listas td[data-rotulo="Telefone"]{display:none}
.pm-eq-listas .pm-eq-abrir{border:0;background:none;padding:7px 4px;border-radius:0;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.pm-eq-listas .pm-eq-abrir:hover{color:var(--pm-principal)}
@media(min-width:641px){
  .pm-eq-listas{font-size:13px;min-width:0}
  .pm-eq-listas th{font-size:11px;letter-spacing:.05em}
  .pm-eq-listas th,.pm-eq-listas td{padding:11px 10px}
  .pm-eq-listas td.pm-eq-lc{white-space:normal;min-width:170px}
  .pm-eq-listas .pm-eq-sel:not(.pm-eq-abrir){padding:6px 12px;font-size:12px}
}

/* 24. Topo fixo menor ao rolar (04/11, 16h18, pedido do Julian): com a página rolada (classe is-rolado, posta pelo
       tema.js do Premium), o topo e a logo diminuem pela metade. A margem de baixo cresce o mesmo tanto que o topo
       encolhe, então o conteúdo não pula e o topo não fica alternando perto do fim de páginas curtas. */
.pm-topo{transition:box-shadow .2s ease,margin-bottom .25s ease}
.pm-topo .pm-topo-in{transition:height .25s ease}
.pm-topo .pm-marca img{transition:max-height .25s ease}
@media(min-width:901px){
  .pm-topo.is-rolado{margin-bottom:40px}
  .pm-topo.is-rolado .pm-topo-in{height:64px}
  .pm-topo.is-rolado .pm-marca img{max-height:40px}
}
@media(max-width:900px){
  .pm-topo.is-rolado{margin-bottom:14px}
  .pm-topo.is-rolado .pm-topo-in{height:58px}
  .pm-topo.is-rolado .pm-marca img{max-height:40px}
}
@media(prefers-reduced-motion:reduce){.pm-topo,.pm-topo .pm-topo-in,.pm-topo .pm-marca img{transition:none}}

/* 25. Topo das páginas de categoria mais baixo (04/11, 17h14, pedido do Julian: "30% de tela no título, migalhas e filtros"):
       migalhas, título e a linha Filtrar / itens / Ordenar com menos espaço em volta, título menor e botões de 40 px.
       Antes, do topo do site até a grade: ~320 px no computador; agora ~185. */
.pm-cat-topo{padding-top:14px}
.pm-cat-topo .pm-cat-cabeca{margin:10px 0 0}
.pm-cat-topo .pm-h2{font-size:clamp(26px,2.6vw,34px);line-height:1.1}
.pm-cat-topo .pm-cat-desc{margin-top:6px}
.pm-sec--catalogo{padding-top:16px}
.pm-ferramentas{margin-bottom:18px;padding-bottom:14px}
.pm-ferramentas .pm-btn-linha,.pm-ferramentas .pm-ordem select{height:40px}
.pm-ferramentas input[type=search]{height:40px}
@media(max-width:720px){
  .pm-cat-topo{padding-top:10px}
  .pm-cat-topo .pm-cat-cabeca{margin-top:6px}
  .pm-cat-topo .pm-h2{font-size:26px}
  .pm-sec--catalogo{padding-top:12px}
  .pm-ferramentas{margin-bottom:14px;padding-bottom:12px}
}

/* 26. Título da categoria e a barra Filtrar / itens / Ordenar na mesma linha (04/11, 17h18, pedido do Julian; o HTML é movido por
       tema/paginas/catalogo.php, item 3). Computador: título à esquerda, barra à direita, uma linha divisória só embaixo;
       o painel do filtro abre para a esquerda (o botão agora fica à direita). Celular: a barra abaixo do título, como antes. */
.pm-cat-cabeca>.pm-ferramentas{flex:1 1 auto;margin:0;padding:0;border:0}
@media(min-width:721px){
  .pm-cat-topo .pm-cat-cabeca{align-items:center;flex-wrap:nowrap;gap:24px;margin:10px 0 0}
  .pm-cat-cabeca>div:first-child{flex:0 1 auto;min-width:0}
  .pm-cat-cabeca>.pm-ferramentas{justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:10px}
  .pm-cat-cabeca>.pm-ferramentas .pm-campo-busca{flex:0 1 240px;height:40px}
  .pm-cat-cabeca>.pm-ferramentas .pm-ferr-total{margin:0 6px;order:0}
  .pm-cat-cabeca>.pm-ferramentas .pm-ordem{margin-left:4px}
  .pm-cat-topo .pm-cat-cabeca .pm-filtros-painel{left:auto;right:0}
  .pm-cat-topo>.pm-wrap{padding-bottom:16px;border-bottom:1px solid var(--pm-linha)}
  .pm-sec--catalogo{padding-top:22px}
}
@media(min-width:721px) and (max-width:1000px){
  .pm-cat-topo .pm-cat-cabeca{flex-wrap:wrap}
  .pm-cat-cabeca>.pm-ferramentas{flex-basis:100%;justify-content:flex-start}
  .pm-cat-cabeca>.pm-ferramentas .pm-ordem{margin-left:auto}
  .pm-cat-topo .pm-cat-cabeca .pm-filtros-painel{left:0;right:auto}
}
@media(max-width:720px){
  .pm-cat-cabeca>.pm-ferramentas{flex-basis:100%;margin-top:4px;padding-bottom:12px;border-bottom:1px solid var(--pm-linha)}
}

/* 27. Menu do celular (04/11, 17h45, pedido do Julian: "no mobile a aba de produtos e composições estão vindo abertas"): os
       submenus do topo começam fechados e abrem pela seta ao lado do nome (botão .cris-sub-b, posto pelo script com a marca
       (cris-menu-celular) em Configurações → Scripts antes de </body>); o nome continua levando à página. Sem o script, tudo
       aberto como antes (a regra só fecha o submenu que tem o botão). */
.cris-sub-b{display:none}
@media(max-width:900px){
  #pmNav>ul>li.tem-sub:has(>.cris-sub-b){display:flex;flex-wrap:wrap;align-items:center}
  #pmNav>ul>li.tem-sub:has(>.cris-sub-b)>a{flex:1 1 auto;width:auto}
  #pmNav>ul>li.tem-sub:has(>.cris-sub-b)>a>svg{display:none}
  .cris-sub-b{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;border:0;background:none;color:inherit;cursor:pointer;border-radius:50%}
  .cris-sub-b svg{transition:transform .2s}.cris-sub-b[aria-expanded=true] svg{transform:rotate(180deg)}
  #pmNav>ul>li.tem-sub:has(>.cris-sub-b)>ul{flex-basis:100%}
  #pmNav>ul>li.tem-sub:has(>.cris-sub-b):not(.cris-aberto)>ul{display:none}
  /* ícone e nome juntos à esquerda (o Premium espalha o conteúdo do item; com o ícone do item 2, o nome ia para a direita); a seta fica na direita */
  #pmNav>ul>li>a{justify-content:flex-start;gap:12px}
}

/* 28. Lista de orçamento (/orcamento, 04/11, 18h25, pedido do Julian: o botão de enviar muito embaixo): o mesmo botão no resumo
       e, no celular, uma barra fixa embaixo que some quando o botão do formulário aparece (tema/paginas/orcamento.php v5, 1c). */
.pm-orc-resumo .cris-orc-ir{width:100%;justify-content:center;margin-top:8px}
.cris-orc-barra{display:none}
@media(max-width:1000px){
  .cris-orc-barra.is-on{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--pm-fundo,#fff);border-top:1px solid var(--pm-linha);box-shadow:0 -8px 24px rgba(21,23,26,.08)}
  .cris-orc-barra .cris-orc-ir{display:flex;width:100%;justify-content:center;margin:0}
  body:has(.cris-orc-barra.is-on) .pm-wa-flutuante{bottom:84px}
}

/* 29. Começar uma lista sem produto (04/11, 20h30, pedido do Julian): "+ Nova lista" como botão na página da lista e o atalho
       na Minha conta (tema/paginas/orcamento.php v7, item 3; tema/paginas/minha-conta.php v7, item 7). */
.pm-listas-acao.cris-nova-lista>summary{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1.5px solid var(--pm-principal);border-radius:999px;background:#fff;color:var(--pm-principal)}
.pm-listas-acao.cris-nova-lista>summary:hover{background:var(--pm-principal);color:#fff}
.pm-listas-acao.cris-nova-lista[open]>summary{border-color:#D9D7D2;color:var(--pm-mudo);background:transparent}
.cris-conta-listas{display:inline-flex;gap:18px;flex-wrap:wrap;align-items:baseline}
.cris-vazio-acoes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
@media(max-width:1000px){body:has(.pm-listas-acao[open]) .cris-orc-barra.is-on{display:none}} /* com o nome da lista aberto, a barra de enviar não disputa a atenção */

/* 30. Barra das listas (/orcamento) com o nome ou a nova lista aberta (04/11, 20h40, achado do Julian: no computador a coluna da
       esquerda descia para a base do formulário). O Premium manda o formulário aberto ocupar a linha toda, mas ele está dentro
       da caixa de ações, que é só a coluna da direita do grid; aqui a caixa inteira ocupa a linha. Provisório até o F50. */
.pm-listas:has(.pm-listas-acao[open]){align-items:start}
.pm-listas:has(.pm-listas-acao[open])>.pm-listas-acoes{grid-column:1/-1;padding-bottom:0}
.pm-listas .cris-listas-enviada{grid-column:1/-1;margin:0;font-size:15px}

/* 31. /equipe (04/11, 20h50, pedidos do Julian; tema/paginas/equipe.php v1): na página das listas, o nome e o Sair ao lado do
       "Nova lista"; dentro da lista fechada, o botão "Reabrir orçamento" antes dos PDFs. */
.pm-eq-cab-acoes{align-items:center}
.cris-eq-quem{display:inline-flex;align-items:center;gap:6px;margin-right:10px;font-size:14px;color:var(--pm-texto-2);white-space:nowrap}
.cris-eq-quem .pm-eq-sair{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pm-eq:has(.cris-eq-quem){padding-top:28px}
@media(max-width:640px){.pm-eq:has(.cris-eq-quem){padding-top:18px}}

/* 32. (05/11/2026, pedido do Julian) /equipe/<n>: miniatura da cor escolhida nos itens (equipe.php item 3, F52 provisório)
   e campos de "Valores da lista" e "Outros valores extras" com metade da largura (a base estica até a borda). */
.cris-eq-prod{display:flex;align-items:center;gap:12px}
.cris-eq-foto{flex:0 0 52px;width:52px;height:52px;border-radius:8px;background:var(--pm-suave,#f3f2ef);overflow:hidden}
.cris-eq-foto img{display:block;width:100%;height:100%;object-fit:cover}
.pm-eq-fixos-grade{grid-template-columns:repeat(auto-fill,minmax(150px,175px))}
.pm-eq-extra{grid-template-columns:minmax(0,260px) 120px 130px 104px;justify-content:start}
@media(max-width:640px){.cris-eq-foto{flex-basis:44px;width:44px;height:44px}.pm-eq-extra{grid-template-columns:minmax(0,1fr) 110px}}

/* 33. (05/11/2026, 14h30, pedido do Julian) Botão flutuante do WhatsApp: só o ícone (sem a palavra), um pouco mais alto, e
   fora para quem é da equipe ou está no painel (barra da equipe ou aviso de prévia do painel na página, e as telas /equipe,
   onde ele cobria o Salvar). Na /orcamento do celular, com a barra de enviar, continua subindo (item 28). */
.pm-wa-flutuante{padding:14px;bottom:44px}
.pm-wa-flutuante span{display:none}
body:has([data-equipe-barra]) .pm-wa-flutuante,body:has([data-aviso-painel]) .pm-wa-flutuante,body:has(.pm-eq) .pm-wa-flutuante{display:none}

/* 34. (05/11/2026, 14h57, pedido do Julian) /equipe/<n>: no lugar da barra flutuante da largura toda, só o botão Salvar no
   canto (continua preso ao pé da tela até chegar ao lugar dele, no fim do formulário). O aviso "Há mudanças não salvas."
   vira uma etiqueta ao lado do botão, só quando aparece. */
.pm-eq .pm-eq-salvar,.pm-eq-salvar{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;pointer-events:none}
.pm-eq-salvar>*{pointer-events:auto}
.pm-eq-salvar .pm-btn{box-shadow:0 8px 24px rgba(21,23,26,.22)}
.pm-eq-salvar span:not([hidden]){background:#FFF6E0;border:1px solid #F1D9A6;border-radius:999px;padding:8px 14px;box-shadow:0 6px 18px rgba(21,23,26,.10)}