/* Topo único do Premium (11/10/2026): o mesmo em todas as páginas, inclusive
 * no simulador. Logo à esquerda num selo branco, páginas no meio, contato
 * fixo só em ícone à direita (WhatsApp, Instagram, endereço). O HTML vem do
 * functions/_middleware.js (TOPO), uma fonte só para todas as páginas.
 * Também traz o grão da textura, que vale para o simulador e para as páginas. */
.pm-topo-in{--t-fundo:rgba(243,239,232,.94);--t-linha:#d6ccbc;--t-texto:#000003;--t-texto-2:#504d4a;--t-ouro:#000003;
  max-width:1320px;margin:0 auto;padding:0 18px;height:64px;display:flex;align-items:center;gap:14px;
  font-family:'Hanken Grotesk','Segoe UI',system-ui,sans-serif}
.pm-topo-in .pm-logo{background:#fff;border-radius:10px;padding:5px 10px;display:flex;flex:none}
.pm-topo-in .pm-logo img{height:28px;width:auto;display:block}
.pm-topo-in .pm-links{display:flex;gap:2px;margin:0 auto}
.pm-topo-in .pm-links a{color:var(--t-texto-2);text-decoration:none;font-weight:700;font-size:14.5px;padding:8px 13px;border-radius:999px;white-space:nowrap}
.pm-topo-in .pm-links a:hover{color:var(--t-texto)}
.pm-topo-in .pm-links a[aria-current=page]{color:var(--t-texto);background:#e9e4da}
.pm-topo-in .pm-ico{display:flex;gap:6px;flex:none}
.pm-topo-in .pm-ico a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--t-texto);
  border:1px solid var(--t-linha);text-decoration:none;font-size:20px;transition:border-color .2s,color .2s}
.pm-topo-in .pm-ico a:hover{border-color:var(--t-ouro);color:var(--t-ouro)}
.pm-topo-in .pm-ico a.zap{background:var(--t-ouro);border-color:var(--t-ouro);color:#f3efe8}
.pm-topo-in .pm-menu{display:none;position:relative;flex:none}
.pm-topo-in .pm-menu summary{list-style:none;cursor:pointer;width:40px;height:40px;border:1px solid var(--t-linha);border-radius:12px;display:grid;place-items:center;color:var(--t-texto);font-size:20px}
.pm-topo-in .pm-menu summary::-webkit-details-marker{display:none}
.pm-topo-in .pm-drop{display:none;position:absolute;right:0;top:50px;flex-direction:column;min-width:210px;background:#f3efe8;
  border:1px solid var(--t-linha);border-radius:14px;padding:8px;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);z-index:60}
.pm-topo-in .pm-menu[open] .pm-drop{display:flex}
.pm-topo-in .pm-drop a{color:var(--t-texto);text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:700}
.pm-topo-in .pm-drop a[aria-current=page]{background:#e9e4da}
@media (max-width:900px){
  .pm-topo-in{height:58px;padding:0 12px;gap:8px}
  .pm-topo-in .pm-links{display:none}
  .pm-topo-in .pm-ico{margin-left:auto}
  .pm-topo-in .pm-ico a{width:38px;height:38px;font-size:19px}
  .pm-topo-in .pm-menu{display:block}
}

/* no simulador: a faixa original some (fica no DOM, o JS dela continua achando os elementos) e o topo novo assume */
#clinicStrip.pm-premium{background:rgba(243,239,232,.94)!important;border-bottom:1px solid #d6ccbc!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#clinicStrip.pm-premium>.cs-in{display:none!important}

/* grão: pseudo-elemento fixo, atrás do conteúdo, sem custo ao rolar */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
