/* TZACH 1.3.96 — header novo do site (protótipo aprovado servicos-planos/menu.html).
   Markup: [tzach_header] (includes/class-tzach-site-header.php) dentro do template Elementor 20.
   Paleta oficial; seletores fortes porque o tema pinta links/botões de rosa (#c36). */
:root{--tzhd-h:76px}
@media (min-width:1080px){:root{--tzhd-h:88px}html.tzhd-scrolled{--tzhd-h:72px}}

/* Wrapper Elementor: continua sticky (site.css), sem o "smart hide" (transform) do header antigo */
body .elementor-location-header:has(.tzhd),
body .elementor-location-header:has(.tzhd).is-hidden{transform:none !important;will-change:auto !important;transition:none !important;background:transparent !important;box-shadow:none !important}
body .elementor-location-header .tzhd-host,
body .elementor-location-header .tzhd-host.e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;padding:0 !important;margin:0 !important;min-height:0 !important;width:100% !important;max-width:none !important;background:transparent !important;border:0 !important}
body .elementor-location-header .tzhd-host > .elementor-widget,
body .elementor-location-header .tzhd-host .elementor-widget-container,
body .elementor-location-header .tzhd-host .elementor-shortcode{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}

body .tzhd,body .tzhd-menu{
  --tzhd-canvas:#FAFAF8;--tzhd-card:#FFFFFF;--tzhd-carvao:#202326;--tzhd-petroleo:#275D68;--tzhd-petroleo-hover:#1F4C55;
  --tzhd-p08:rgba(39,93,104,.08);--tzhd-borda:#D8DDDD;--tzhd-muted:#657074;--tzhd-sup:#F2F4F3;
  font-family:'Poppins',system-ui,sans-serif;color:var(--tzhd-carvao);line-height:1.55;-webkit-font-smoothing:antialiased;box-sizing:border-box
}
body .tzhd *,body .tzhd *::before,body .tzhd *::after,body .tzhd-menu *,body .tzhd-menu *::before,body .tzhd-menu *::after{box-sizing:border-box}
body .tzhd :where(p,ul,li),body .tzhd-menu :where(p,ul,li){margin:0;padding:0;list-style:none}
body .tzhd svg,body .tzhd-menu svg{flex:none}
body .tzhd a:focus-visible,body .tzhd button:focus-visible,body .tzhd-menu a:focus-visible{outline:3px solid var(--tzhd-petroleo);outline-offset:3px;border-radius:6px}

body .tzhd{position:relative;z-index:1;background:rgba(250,250,248,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:box-shadow .25s,border-color .25s,background .25s}
body .tzhd.is-scrolled{background:rgba(255,255,255,.86);border-bottom-color:var(--tzhd-borda);box-shadow:0 10px 30px -22px rgba(32,35,38,.45)}
body .tzhd .tzhd-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
body .tzhd .tzhd-bar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;height:var(--tzhd-h);gap:8px}
body .tzhd a.tzhd-logo{justify-self:center;display:block;line-height:0}
body .tzhd a.tzhd-logo img{height:62px;width:auto;max-width:none;transition:height .25s}
body .tzhd .tzhd-icon,body .tzhd .tzhd-icon:hover,body .tzhd .tzhd-icon:focus,body .tzhd .tzhd-icon:visited{width:48px;height:48px;min-height:0;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:14px;background:transparent;color:var(--tzhd-petroleo);cursor:pointer;text-decoration:none;box-shadow:none;transition:background .15s}
body .tzhd .tzhd-icon:hover{background:var(--tzhd-p08)}
body .tzhd .tzhd-icon svg{width:24px;height:24px}
/* Hambúrguer animado → X */
body .tzhd .tzhd-burger,body .tzhd .tzhd-burger:hover,body .tzhd .tzhd-burger:focus{position:relative;background:var(--tzhd-sup)}
body .tzhd .tzhd-burger span{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--tzhd-carvao);transition:transform .25s,opacity .2s,top .25s}
body .tzhd .tzhd-burger span:nth-child(1){top:17px}
body .tzhd .tzhd-burger span:nth-child(2){top:23px}
body .tzhd .tzhd-burger span:nth-child(3){top:29px}
body .tzhd .tzhd-burger[aria-expanded="true"] span:nth-child(1){top:23px;transform:rotate(45deg)}
body .tzhd .tzhd-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
body .tzhd .tzhd-burger[aria-expanded="true"] span:nth-child(3){top:23px;transform:rotate(-45deg)}
body .tzhd .tzhd-nav,body .tzhd .tzhd-acoes{display:none}
body .tzhd .tzhd-nav a,body .tzhd a.tzhd-link{color:var(--tzhd-carvao)}

/* Botões */
body .tzhd a.tzhd-btn,body .tzhd-menu a.tzhd-btn,body .tzhd a.tzhd-btn:visited,body .tzhd-menu a.tzhd-btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:14px;background:var(--tzhd-petroleo);color:#fff;font:500 16px/1 'Poppins',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s}
body .tzhd a.tzhd-btn:hover,body .tzhd a.tzhd-btn:focus,body .tzhd-menu a.tzhd-btn:hover,body .tzhd-menu a.tzhd-btn:focus{background:var(--tzhd-petroleo-hover);color:#fff;text-decoration:none}
body .tzhd a.tzhd-btn:active,body .tzhd-menu a.tzhd-btn:active{transform:translateY(1px);color:#fff}
body .tzhd-menu a.tzhd-btn svg,body .tzhd-menu a.tzhd-btn-sec svg{width:20px;height:20px}
body .tzhd a.tzhd-btn.tzhd-btn-sm{min-height:48px;padding:0 20px;font-size:15px}
body .tzhd-menu a.tzhd-btn-sec,body .tzhd-menu a.tzhd-btn-sec:visited{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border:1px solid var(--tzhd-borda);border-radius:14px;background:var(--tzhd-card);color:var(--tzhd-carvao);font:500 16px/1 'Poppins',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
body .tzhd-menu a.tzhd-btn-sec:hover,body .tzhd-menu a.tzhd-btn-sec:focus{background:var(--tzhd-sup);border-color:#C5CCCC;color:var(--tzhd-carvao)}
body .tzhd-menu a.tzhd-btn-sec svg{color:var(--tzhd-petroleo)}
body .tzhd-menu .tzhd-btn-block{width:100%}

/* Painel mobile (slide-in pela direita, tela cheia; fica abaixo da barra do header) */
body .tzhd-menu{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;visibility:hidden;transition:visibility 0s linear .32s}
body .tzhd-menu .tzhd-veu{position:absolute;inset:0;background:rgba(32,35,38,.32);opacity:0;transition:opacity .25s}
body .tzhd-menu .tzhd-painel{position:absolute;top:0;right:0;bottom:0;width:100%;background:var(--tzhd-canvas);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding:calc(var(--tzhd-h) + 12px) 20px 24px;overflow-y:auto;overscroll-behavior:contain}
body.admin-bar .tzhd-menu .tzhd-painel{padding-top:calc(var(--tzhd-h) + 44px)}
body .tzhd-menu.is-open{pointer-events:auto;visibility:visible;transition:none}
body .tzhd-menu.is-open .tzhd-veu{opacity:1}
body .tzhd-menu.is-open .tzhd-painel{transform:none}
body .tzhd-menu .tzhd-rotulo{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--tzhd-muted);margin:4px 4px 8px}
body .tzhd-menu .tzhd-mlinks li + li{border-top:1px solid var(--tzhd-borda)}
body .tzhd-menu .tzhd-mlinks a,body .tzhd-menu .tzhd-mlinks a:visited{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 8px 0 14px;font-size:21px;font-weight:500;letter-spacing:-.01em;text-decoration:none;color:var(--tzhd-carvao);border-radius:14px;position:relative;background:transparent}
body .tzhd-menu .tzhd-mlinks a:hover,body .tzhd-menu .tzhd-mlinks a:focus-visible{color:var(--tzhd-petroleo);background:var(--tzhd-p08)}
body .tzhd-menu .tzhd-mlinks a svg{width:20px;height:20px;color:var(--tzhd-muted)}
body .tzhd-menu .tzhd-mlinks a[aria-current="page"]{color:var(--tzhd-petroleo);background:var(--tzhd-p08)}
body .tzhd-menu .tzhd-mlinks a[aria-current="page"]::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--tzhd-petroleo)}
body .tzhd-menu .tzhd-mlinks a[aria-current="page"] svg{color:var(--tzhd-petroleo)}
body .tzhd-menu a.tzhd-mconta,body .tzhd-menu a.tzhd-mconta:visited{display:flex;align-items:center;gap:12px;min-height:56px;margin-top:10px;padding:0 14px;border:1px solid var(--tzhd-borda);border-radius:14px;background:var(--tzhd-card);text-decoration:none;font-weight:500;font-size:16px;color:var(--tzhd-carvao)}
body .tzhd-menu a.tzhd-mconta:hover,body .tzhd-menu a.tzhd-mconta:focus-visible{border-color:#C5CCCC;color:var(--tzhd-carvao);background:var(--tzhd-card)}
body .tzhd-menu a.tzhd-mconta svg{width:22px;height:22px;color:var(--tzhd-petroleo)}
body .tzhd-menu .tzhd-mcta{margin-top:auto;padding-top:24px;display:grid;gap:12px}
body .tzhd-menu a.tzhd-mwa,body .tzhd-menu a.tzhd-mwa:visited,body .tzhd-menu a.tzhd-mwa:hover,body .tzhd-menu a.tzhd-mwa:focus{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--tzhd-borda);border-radius:20px;background:var(--tzhd-card);text-decoration:none;color:var(--tzhd-carvao)}
body .tzhd-menu .tzhd-mwa .tzhd-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--tzhd-p08);color:var(--tzhd-petroleo);display:grid;place-items:center}
body .tzhd-menu .tzhd-mwa .tzhd-ic svg{width:24px;height:24px}
body .tzhd-menu .tzhd-mwa b{display:block;font-weight:600;font-size:15px;line-height:1.4}
body .tzhd-menu .tzhd-mwa small{display:block;color:var(--tzhd-muted);font-size:13px;line-height:1.4}
body .tzhd-menu .tzhd-horario{font-size:12.5px;color:var(--tzhd-muted);text-align:center}
html.tzhd-lock,html.tzhd-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){body .tzhd-menu .tzhd-painel,body .tzhd-menu .tzhd-veu,body .tzhd .tzhd-burger span{transition:none}}

@media (min-width:1080px){
  body .tzhd .tzhd-wrap{max-width:1320px;padding:0 32px}
  body .tzhd .tzhd-bar{grid-template-columns:auto 1fr auto;gap:24px;transition:height .25s}
  body .tzhd a.tzhd-logo{justify-self:start}
  body .tzhd a.tzhd-logo img{height:60px}
  body .tzhd.is-scrolled a.tzhd-logo img{height:54px}
  body .tzhd .tzhd-wa-m,body .tzhd .tzhd-burger,body .tzhd-menu{display:none}
  body .tzhd .tzhd-nav{display:flex;justify-content:center;gap:4px}
  body .tzhd .tzhd-nav a,body .tzhd .tzhd-nav a:visited{position:relative;display:inline-flex;align-items:center;height:44px;padding:0 12px;font-size:15px;font-weight:500;color:var(--tzhd-carvao);text-decoration:none;border-radius:10px;white-space:nowrap;background:transparent;transition:color .15s}
  body .tzhd .tzhd-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--tzhd-petroleo);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
  body .tzhd .tzhd-nav a:hover,body .tzhd .tzhd-nav a:focus{color:var(--tzhd-petroleo)}
  body .tzhd .tzhd-nav a:hover::after{transform:scaleX(.5)}
  body .tzhd .tzhd-nav a[aria-current="page"]{color:var(--tzhd-petroleo)}
  body .tzhd .tzhd-nav a[aria-current="page"]::after{transform:scaleX(1)}
  body .tzhd .tzhd-acoes{display:flex;align-items:center;gap:6px}
  body .tzhd a.tzhd-link,body .tzhd a.tzhd-link:visited{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:500;text-decoration:none;color:var(--tzhd-carvao);white-space:nowrap;background:transparent;transition:background .15s,color .15s}
  body .tzhd a.tzhd-link:hover,body .tzhd a.tzhd-link:focus{background:var(--tzhd-p08);color:var(--tzhd-petroleo)}
  body .tzhd a.tzhd-link svg{width:20px;height:20px}
  body .tzhd a.tzhd-link.tzhd-link-wa{color:var(--tzhd-petroleo)}
  body .tzhd .tzhd-sep{width:1px;height:24px;background:var(--tzhd-borda);margin:0 6px}
  body .tzhd .tzhd-acoes a.tzhd-btn{margin-left:6px}
}

/* 1.3.100: entre 1080 e 1239px a barra desktop pedia 1212px e rolava de lado (QA 2026-10-17).
   Só nessa faixa: WhatsApp só com ícone (texto segue no DOM para leitor de tela), margens e espaços menores.
   A partir de 1240px e no mobile nada muda. */
@media (min-width:1080px) and (max-width:1239.98px){
  body .tzhd .tzhd-wrap{padding:0 20px}
  body .tzhd .tzhd-bar{gap:12px}
  body .tzhd .tzhd-nav{gap:2px}
  body .tzhd .tzhd-nav a,body .tzhd .tzhd-nav a:visited{padding:0 10px}
  body .tzhd .tzhd-nav a::after{left:10px;right:10px}
  body .tzhd a.tzhd-link.tzhd-link-wa,body .tzhd a.tzhd-link.tzhd-link-wa:visited{width:48px;padding:0;gap:0;justify-content:center;font-size:0}
  body .tzhd a.tzhd-link{padding:0 10px}
  body .tzhd .tzhd-sep{margin:0 4px}
}