/* Topo único do Premium da Dra. Thamara (14/10/2026): o mesmo em todas as páginas,
 * inclusive no simulador. Logo horizontal dourado (monograma + nome) à esquerda,
 * páginas no meio, contato em ícone à direita. No celular fica só o monograma.
 * O HTML vem do functions/_middleware.js (TOPO). Também traz o grão da textura. */
.pm-topo-in{--t-fundo:rgba(10,28,31,.96);--t-fundo-txt:#0a1c1f;--t-linha:#24484c;--t-texto:#f1e9dc;--t-texto-2:#b7c7c3;--t-ouro:#c9a879;
  max-width:1320px;margin:0 auto;padding:0 18px;height:68px;display:flex;align-items:center;gap:14px;
  font-family:'Jost','Segoe UI',system-ui,sans-serif}
.pm-topo-in .pm-logo{background:transparent;padding:0;display:flex;flex:none}
.pm-topo-in .pm-logo img{height:44px;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:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;white-space:nowrap;transition:color .2s}
.pm-topo-in .pm-links a:hover{color:var(--t-texto)}
.pm-topo-in .pm-links a[aria-current=page]{color:var(--t-ouro);box-shadow:inset 0 -1px 0 var(--t-ouro)}
.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:19px;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:linear-gradient(180deg,#d8bb8c,#bf9c6b);border-color:#c9a879;color:#0a1c1f}
.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:4px;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:220px;background:#0f2629;
  border:1px solid var(--t-linha);border-radius:6px;padding:8px;box-shadow:0 18px 40px -16px rgba(0,0,0,.7);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:4px;font-weight:500;letter-spacing:.08em}
.pm-topo-in .pm-drop a[aria-current=page]{background:#14323a;color:#c9a879}
@media (max-width:1100px){.pm-topo-in .pm-links a{letter-spacing:.1em;padding:8px 9px}.pm-topo-in .pm-logo img{height:38px}}
@media (max-width:900px){
  .pm-topo-in{height:60px;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:18px}
  .pm-topo-in .pm-menu{display:block}
  /* só o monograma: o nome inteiro ficaria ilegível nessa largura */
  .pm-topo-in .pm-logo img,.pm-topo-in .pm-logo img[src]{content:url("/premium/drathamaraferreira/monograma.png");height:42px!important;max-height:42px!important;width:auto;max-width:none!important}
}

/* 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(10,28,31,.97)!important;border-bottom:1px solid #24484c!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")}