/* PKaraokê V16 — componentes globais consolidados */

/* Fonte consolidada: mobile-contact-fix.css */
/* PKaraokê V13.0 — tema dos controles da página Contato. O cabeçalho é controlado exclusivamente por site-shell.css. */

/* =========================================================
   CONTATO — botões realmente acompanham claro/noturno
   ========================================================= */
.contact-page .contact-option,
.contact-page .btn-whatsapp{
  transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease!important;
}

html:not([data-theme="dark"]) body.contact-page .contact-option.whatsapp{
  background:linear-gradient(135deg,#16894a,#27c971)!important;
  border:1px solid rgba(16,118,61,.20)!important;
  box-shadow:0 12px 28px rgba(31,183,105,.22)!important;
}
html:not([data-theme="dark"]) body.contact-page .contact-option.sales{
  background:linear-gradient(135deg,#087dca,#12a9f5)!important;
  border:1px solid rgba(7,109,179,.20)!important;
  box-shadow:0 12px 28px rgba(7,143,229,.22)!important;
}
html:not([data-theme="dark"]) body.contact-page .contact-option.rental{
  background:linear-gradient(135deg,#c71a2b,#f04b59)!important;
  border:1px solid rgba(174,20,35,.20)!important;
  box-shadow:0 12px 28px rgba(229,31,43,.20)!important;
}
html:not([data-theme="dark"]) body.contact-page .btn-whatsapp{
  background:linear-gradient(135deg,#16894a,#25c66d)!important;
  border-color:transparent!important;
  color:#fff!important;
}

html[data-theme="dark"] body.contact-page .contact-option.whatsapp{
  background:linear-gradient(135deg,#0a4427,#137a45)!important;
  border:1px solid rgba(88,221,152,.28)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body.contact-page .contact-option.sales{
  background:linear-gradient(135deg,#073b60,#086da7)!important;
  border:1px solid rgba(105,190,246,.28)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body.contact-page .contact-option.rental{
  background:linear-gradient(135deg,#65101a,#a51d2a)!important;
  border:1px solid rgba(255,111,124,.28)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] body.contact-page .btn-whatsapp{
  background:linear-gradient(135deg,#0b4b2b,#147d47)!important;
  border:1px solid rgba(88,221,152,.30)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
}

body.contact-page .contact-option,
body.contact-page .contact-option *,
body.contact-page .btn-whatsapp,
body.contact-page .btn-whatsapp *{
  color:#fff!important;
}

html[data-theme="dark"] body.contact-page .contact-option>span:first-child{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

@media (hover:hover){
  body.contact-page .contact-option:hover,
  body.contact-page .btn-whatsapp:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.06)!important;
  }
}

/* Fonte consolidada: site-shell.css */
/* PKaraokê V13.0 — estrutura global única para todas as páginas */
:root{--pk-header-height:112px;--pk-header-bg:rgba(255,255,255,.965);--pk-menu-bg:rgba(248,252,255,.84)}
html[data-theme="dark"]{--pk-header-bg:rgba(7,19,30,.965);--pk-menu-bg:rgba(10,31,46,.88)}

/* O mesmo cabeçalho é usado em todas as páginas, sem regras por body/page. */
body>.site-header,
body.site-wallpaper-enabled>.site-header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  inset-block-start:0!important;
  z-index:3000!important;
  width:100%!important;
  max-width:none!important;
  min-height:var(--pk-header-height)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  background:var(--pk-header-bg)!important;
  border-bottom:1px solid rgba(223,232,239,.9)!important;
  box-shadow:0 1px 0 rgba(7,27,45,.06)!important;
  -webkit-backdrop-filter:saturate(160%) blur(18px);
  backdrop-filter:saturate(160%) blur(18px);
  font-size:16px!important;
  line-height:1.2!important;
  transition:box-shadow .22s ease,background .22s ease!important;
}
body>.site-header.scrolled,
body.site-wallpaper-enabled>.site-header.scrolled{box-shadow:0 14px 34px rgba(7,27,45,.14)!important}
html[data-theme="dark"] body>.site-header,
html[data-theme="dark"] body.site-wallpaper-enabled>.site-header{border-bottom-color:#203746!important}
html[data-theme="dark"] body>.site-header.scrolled,
html[data-theme="dark"] body.site-wallpaper-enabled>.site-header.scrolled{box-shadow:0 14px 34px rgba(0,0,0,.38)!important}

.site-header .navbar{
  width:min(var(--container),calc(100% - 40px))!important;
  max-width:var(--container)!important;
  min-height:var(--pk-header-height)!important;
  height:var(--pk-header-height)!important;
  margin-inline:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
.site-header .brand{width:230px!important;height:100px!important;min-width:190px!important;flex:0 0 230px!important;overflow:visible!important}
.site-header .brand-logo-frame,.site-header .brand-logo-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
.site-header .nav-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}

/* Menu desktop moderno e estável. */
@media(min-width:901px){
  .site-header .main-nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;display:flex!important;align-items:center!important;gap:5px!important;padding:6px!important;border:1px solid rgba(7,143,229,.14)!important;border-radius:19px!important;background:var(--pk-menu-bg)!important;box-shadow:0 10px 26px rgba(7,27,45,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%)}
  .site-header .nav-link{position:relative!important;isolation:isolate;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px clamp(10px,1vw,16px)!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#2d4353!important;font-size:.91rem!important;font-weight:850!important;line-height:1.15!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;box-shadow:none!important;transform:none!important;transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important}
  .site-header .nav-link::before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,#078fe5,#16aef5 55%,#046fae);opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}
  .site-header .nav-link::after{content:"";position:absolute;left:24%;right:24%;bottom:5px;height:2px;border-radius:99px;background:rgba(255,255,255,.92);opacity:0;transform:scaleX(.35);transition:opacity .2s ease,transform .2s ease}
  @media(hover:hover){.site-header .nav-link:hover{color:#fff!important;border-color:rgba(7,143,229,.28)!important;transform:translateY(-3px)!important;box-shadow:0 12px 25px rgba(7,143,229,.22)!important}.site-header .nav-link:hover::before{opacity:1;transform:scale(1)}.site-header .nav-link:hover::after{opacity:.92;transform:scaleX(1)}}
  .site-header .nav-link.active{color:#fff!important;border-color:rgba(7,143,229,.30)!important;background:linear-gradient(135deg,#078fe5,#046fae)!important;box-shadow:0 10px 22px rgba(7,143,229,.24)!important}
  .site-header .nav-link.active::before{opacity:0!important}.site-header .nav-link.active::after{opacity:.9;transform:scaleX(1)}
  .site-header .nav-link:active{transform:scale(.96)!important;box-shadow:0 4px 10px rgba(7,143,229,.18)!important}
  html[data-theme="dark"] .site-header .main-nav{border-color:rgba(99,190,246,.18)!important;box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important}
  html[data-theme="dark"] .site-header .nav-link{color:#d9e9f3!important}
  html[data-theme="dark"] .site-header .nav-link.active{color:#fff!important;background:linear-gradient(135deg,#087ec5,#075a8d)!important}
}

.site-header .header-cta,.site-header .nav-toggle,.site-header .theme-toggle-nav{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 9px 21px rgba(7,27,45,.13)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.site-header .header-cta{min-height:46px!important;padding:0 15px!important;border-radius:999px!important;background:linear-gradient(135deg,#20b85f,#128c4f)!important;color:#fff!important;font-size:.86rem!important;white-space:nowrap!important}
.site-header .nav-toggle{display:none!important}
.site-header .theme-toggle-nav{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important}
@media(hover:hover){.site-header .header-cta:hover,.site-header .nav-toggle:hover,.site-header .theme-toggle-nav:hover{transform:translateY(-2px)!important;box-shadow:0 13px 26px rgba(7,27,45,.18)!important;filter:brightness(1.05)}}
.site-header .header-cta:active,.site-header .nav-toggle:active,.site-header .theme-toggle-nav:active{transform:scale(.94)!important}

@media(max-width:1120px) and (min-width:901px){
  :root{--pk-header-height:102px}
  .site-header .navbar{gap:12px!important}
  .site-header .brand{width:195px!important;height:88px!important;min-width:175px!important;flex-basis:195px!important}
  .site-header .main-nav{gap:3px!important;padding:5px!important}
  .site-header .nav-link{padding:9px 9px!important;font-size:.82rem!important;min-height:42px!important}
  .site-header .header-cta{padding:0 12px!important;font-size:.78rem!important}
}

/* Menu móvel: altura compacta, painel abaixo da barra e sem cortes. */
@media(max-width:900px){
  :root{--pk-header-height:66px}
  .site-header .navbar{width:calc(100% - 18px)!important;max-width:none!important;gap:5px!important}
  .site-header .brand{width:clamp(140px,42vw,176px)!important;height:58px!important;min-width:0!important;flex:0 1 auto!important}
  .site-header .nav-actions{gap:4px!important}
  .site-header .header-cta,.site-header .nav-toggle{display:inline-flex!important;width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;flex:0 0 39px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:13px!important}
  .site-header .header-cta span:not(.icon){display:none!important}
  .site-header .theme-toggle-nav{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important}
  .site-header .nav-toggle{background:linear-gradient(135deg,#078fe5,#046fae)!important;color:#fff!important}
  .site-header .nav-toggle.open{background:linear-gradient(135deg,#d91d2b,#a9121d)!important}
  .site-header .main-nav{position:fixed!important;top:calc(var(--pk-header-height) + env(safe-area-inset-top) + 8px)!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;width:auto!important;max-width:560px!important;max-height:calc(100dvh - var(--pk-header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 18px)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:12px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid rgba(7,143,229,.20)!important;border-radius:22px!important;background:rgba(250,253,255,.98)!important;box-shadow:0 24px 65px rgba(2,16,28,.30),inset 0 1px 0 rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);opacity:0!important;visibility:hidden!important;transform:translateY(-10px) scale(.98)!important;transform-origin:top center;transition:opacity .22s ease,visibility .22s ease,transform .22s ease!important;z-index:3600!important}
  .site-header .main-nav.open{opacity:1!important;visibility:visible!important;transform:none!important}
  .site-header .nav-link{position:relative!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 14px!important;border:1px solid #dce9f2!important;border-radius:15px!important;background:linear-gradient(135deg,#fff,#f5faff)!important;color:#20384a!important;text-align:left!important;font-size:.91rem!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(7,27,45,.075)!important;transform:none!important}
  .site-header .nav-link::after{content:"›";display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;margin-left:12px;border-radius:9px;background:#e8f5fd;color:var(--blue);font-size:1.3rem;line-height:1}
  .site-header .nav-link.active{border-color:transparent!important;background:linear-gradient(135deg,#078fe5,#046fae)!important;color:#fff!important;box-shadow:0 12px 26px rgba(7,143,229,.25)!important}
  .site-header .nav-link.active::after{background:rgba(255,255,255,.17);color:#fff}
  .site-header .nav-link:active{transform:scale(.985)!important}
  html[data-theme="dark"] .site-header .main-nav{border-color:rgba(100,190,246,.22)!important;background:rgba(8,25,38,.98)!important;box-shadow:0 24px 65px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)!important}
  html[data-theme="dark"] .site-header .nav-link{border-color:#294355!important;background:linear-gradient(135deg,#102838,#0b202e)!important;color:#e8f3f8!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
  html[data-theme="dark"] .site-header .nav-link::after{background:#17394e;color:#8fd4ff}
  html[data-theme="dark"] .site-header .nav-link.active{border-color:transparent!important;background:linear-gradient(135deg,#087fc4,#075a8c)!important;color:#fff!important}
}
@media(max-width:390px){:root{--pk-header-height:64px}.site-header .navbar{width:calc(100% - 14px)!important;gap:4px!important}.site-header .brand{width:clamp(132px,41vw,158px)!important;height:56px!important}.site-header .header-cta,.site-header .nav-toggle{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}.site-header .theme-toggle-nav{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important}.site-header .main-nav{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;padding:10px!important;border-radius:19px!important}.site-header .nav-link{min-height:48px!important;padding:10px 13px!important;font-size:.88rem!important}}
@media(max-width:340px){.site-header .brand{width:132px!important;height:54px!important}.site-header .header-cta{display:none!important}}
@media(max-width:932px) and (orientation:landscape) and (max-height:500px){:root{--pk-header-height:60px}.site-header .brand{width:154px!important;height:53px!important}.site-header .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:760px!important;padding:9px!important}.site-header .nav-link{min-height:44px!important;padding:8px 11px!important}}

/* WhatsApp sempre flutuante em todas as páginas. */
body>a.whatsapp-float{position:fixed!important;left:auto!important;right:max(18px,env(safe-area-inset-right))!important;top:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;z-index:2800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:0!important;max-width:none!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:linear-gradient(135deg,#20b85f,#128c4f)!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;box-shadow:0 16px 38px rgba(18,140,79,.34)!important;transform:none!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
body>a.whatsapp-float .icon{display:inline-flex!important;width:24px!important;height:24px!important;flex:0 0 24px!important}body>a.whatsapp-float .whatsapp-float-label{display:inline!important;width:auto!important;white-space:nowrap!important}
@media(hover:hover){body>a.whatsapp-float:hover{transform:translateY(-4px) scale(1.04)!important;box-shadow:0 20px 44px rgba(18,140,79,.42)!important;filter:brightness(1.05)}}
@media(max-width:620px){body>a.whatsapp-float{right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;border-radius:50%!important}body.page-home>a.whatsapp-float{bottom:max(66px,calc(env(safe-area-inset-bottom) + 62px))!important}body>a.whatsapp-float .whatsapp-float-label{display:none!important}}

/* O papel de parede permanece visível de forma uniforme também no rodapé. */
body.site-wallpaper-enabled>.site-footer{background:rgba(6,20,33,.88)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-theme="dark"] body.site-wallpaper-enabled>.site-footer{background:rgba(4,14,23,.91)!important}

@media(prefers-reduced-motion:reduce){.site-header,.site-header .main-nav,.site-header .nav-link,.site-header .header-cta,.site-header .nav-toggle,.site-header .theme-toggle-nav,body>a.whatsapp-float{transition:none!important}}

/* Fonte consolidada: header-index-standard.css */
/* PKaraokê V13.1 — cabeçalho autoritativo igual ao da página inicial */
:root{
  --pk-standard-header-height:112px;
  --pk-standard-header-bg:rgba(255,255,255,.965);
  --pk-standard-menu-bg:rgba(248,252,255,.84);
}
html[data-theme="dark"]{
  --pk-standard-header-bg:rgba(7,19,30,.965);
  --pk-standard-menu-bg:rgba(10,31,46,.88);
}

/* ID + !important impedem que CSS específico de páginas altere o topo. */
body #siteHeader{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  inset-block-start:0!important;
  left:auto!important;
  right:auto!important;
  z-index:3000!important;
  width:100%!important;
  max-width:none!important;
  min-height:var(--pk-standard-header-height)!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  background:var(--pk-standard-header-bg)!important;
  border:0!important;
  border-bottom:1px solid rgba(223,232,239,.9)!important;
  box-shadow:0 1px 0 rgba(7,27,45,.06)!important;
  -webkit-backdrop-filter:saturate(160%) blur(18px)!important;
  backdrop-filter:saturate(160%) blur(18px)!important;
  font-size:16px!important;
  line-height:1.2!important;
  transition:box-shadow .22s ease,background .22s ease!important;
}
body #siteHeader.scrolled{box-shadow:0 14px 34px rgba(7,27,45,.14)!important}
html[data-theme="dark"] body #siteHeader{border-bottom-color:#203746!important}
html[data-theme="dark"] body #siteHeader.scrolled{box-shadow:0 14px 34px rgba(0,0,0,.38)!important}

body #siteHeader>.navbar{
  width:min(var(--container),calc(100% - 40px))!important;
  max-width:var(--container)!important;
  min-height:var(--pk-standard-header-height)!important;
  height:var(--pk-standard-header-height)!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
body #siteHeader .brand{
  display:flex!important;
  align-items:center!important;
  width:230px!important;
  height:100px!important;
  min-width:190px!important;
  flex:0 0 230px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body #siteHeader .brand-logo-frame,
body #siteHeader .brand-logo-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body #siteHeader .nav-actions{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:0 0 auto!important;
  margin:0!important;
}

@media(min-width:901px){
  body #siteHeader .main-nav{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:0!important;
    padding:6px!important;
    border:1px solid rgba(7,143,229,.14)!important;
    border-radius:19px!important;
    background:var(--pk-standard-menu-bg)!important;
    box-shadow:0 10px 26px rgba(7,27,45,.08),inset 0 1px 0 rgba(255,255,255,.82)!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
    backdrop-filter:blur(14px) saturate(145%)!important;
  }
  body #siteHeader .nav-link{
    position:relative!important;
    isolation:isolate!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px clamp(10px,1vw,16px)!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#2d4353!important;
    font-size:.91rem!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    box-shadow:none!important;
    transform:none!important;
    transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
  }
  body #siteHeader .nav-link::before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:-1px!important;
    border-radius:inherit!important;
    background:linear-gradient(135deg,#078fe5,#16aef5 55%,#046fae)!important;
    opacity:0!important;
    transform:scale(.9)!important;
    transition:opacity .2s ease,transform .2s ease!important;
  }
  body #siteHeader .nav-link::after{
    content:""!important;
    position:absolute!important;
    left:24%!important;
    right:24%!important;
    bottom:5px!important;
    width:auto!important;
    height:2px!important;
    margin:0!important;
    border-radius:99px!important;
    background:rgba(255,255,255,.92)!important;
    opacity:0!important;
    transform:scaleX(.35)!important;
    transition:opacity .2s ease,transform .2s ease!important;
  }
  @media(hover:hover){
    body #siteHeader .nav-link:hover{
      color:#fff!important;
      border-color:rgba(7,143,229,.28)!important;
      transform:translateY(-3px)!important;
      box-shadow:0 12px 25px rgba(7,143,229,.22)!important;
    }
    body #siteHeader .nav-link:hover::before{opacity:1!important;transform:scale(1)!important}
    body #siteHeader .nav-link:hover::after{opacity:.92!important;transform:scaleX(1)!important}
  }
  body #siteHeader .nav-link.active{
    color:#fff!important;
    border-color:rgba(7,143,229,.30)!important;
    background:linear-gradient(135deg,#078fe5,#046fae)!important;
    box-shadow:0 10px 22px rgba(7,143,229,.24)!important;
  }
  body #siteHeader .nav-link.active::before{opacity:0!important}
  body #siteHeader .nav-link.active::after{opacity:.9!important;transform:scaleX(1)!important}
  body #siteHeader .nav-link:active{transform:scale(.96)!important;box-shadow:0 4px 10px rgba(7,143,229,.18)!important}
  html[data-theme="dark"] body #siteHeader .main-nav{border-color:rgba(99,190,246,.18)!important;box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important}
  html[data-theme="dark"] body #siteHeader .nav-link{color:#d9e9f3!important}
  html[data-theme="dark"] body #siteHeader .nav-link.active{color:#fff!important;background:linear-gradient(135deg,#087ec5,#075a8d)!important}
}

body #siteHeader .header-cta,
body #siteHeader .nav-toggle,
body #siteHeader .theme-toggle-nav{
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 9px 21px rgba(7,27,45,.13)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
body #siteHeader .header-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#20b85f,#128c4f)!important;
  color:#fff!important;
  font-size:.86rem!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body #siteHeader .nav-toggle{display:none!important}
body #siteHeader .theme-toggle-nav{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important}
@media(hover:hover){
  body #siteHeader .header-cta:hover,
  body #siteHeader .nav-toggle:hover,
  body #siteHeader .theme-toggle-nav:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 13px 26px rgba(7,27,45,.18)!important;
    filter:brightness(1.05)!important;
  }
}
body #siteHeader .header-cta:active,
body #siteHeader .nav-toggle:active,
body #siteHeader .theme-toggle-nav:active{transform:scale(.94)!important}

@media(max-width:1120px) and (min-width:901px){
  :root{--pk-standard-header-height:102px}
  body #siteHeader>.navbar{gap:12px!important}
  body #siteHeader .brand{width:195px!important;height:88px!important;min-width:175px!important;flex-basis:195px!important}
  body #siteHeader .main-nav{gap:3px!important;padding:5px!important}
  body #siteHeader .nav-link{padding:9px 9px!important;font-size:.82rem!important;min-height:42px!important}
  body #siteHeader .header-cta{padding:0 12px!important;font-size:.78rem!important}
}

@media(max-width:900px){
  :root{--pk-standard-header-height:66px}
  body #siteHeader>.navbar{width:calc(100% - 18px)!important;max-width:none!important;gap:5px!important}
  body #siteHeader .brand{width:clamp(140px,42vw,176px)!important;height:58px!important;min-width:0!important;flex:0 1 auto!important}
  body #siteHeader .nav-actions{gap:4px!important}
  body #siteHeader .header-cta,
  body #siteHeader .nav-toggle{
    display:inline-flex!important;
    width:39px!important;
    height:39px!important;
    min-width:39px!important;
    min-height:39px!important;
    flex:0 0 39px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
  }
  body #siteHeader .header-cta span:not(.icon){display:none!important}
  body #siteHeader .theme-toggle-nav{width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important}
  body #siteHeader .nav-toggle{background:linear-gradient(135deg,#078fe5,#046fae)!important;color:#fff!important}
  body #siteHeader .nav-toggle.open{background:linear-gradient(135deg,#d91d2b,#a9121d)!important}
  body #siteHeader .main-nav{
    position:fixed!important;
    top:calc(var(--pk-standard-header-height) + env(safe-area-inset-top) + 8px)!important;
    left:max(10px,env(safe-area-inset-left))!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    width:auto!important;
    max-width:560px!important;
    max-height:calc(100dvh - var(--pk-standard-header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 18px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:12px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border:1px solid rgba(7,143,229,.20)!important;
    border-radius:22px!important;
    background:rgba(250,253,255,.98)!important;
    box-shadow:0 24px 65px rgba(2,16,28,.30),inset 0 1px 0 rgba(255,255,255,.95)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-10px) scale(.98)!important;
    transform-origin:top center!important;
    transition:opacity .22s ease,visibility .22s ease,transform .22s ease!important;
    z-index:3600!important;
  }
  body #siteHeader .main-nav.open{opacity:1!important;visibility:visible!important;transform:none!important}
  body #siteHeader .nav-link{
    position:relative!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:11px 14px!important;
    border:1px solid #dce9f2!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#fff,#f5faff)!important;
    color:#20384a!important;
    text-align:left!important;
    font-size:.91rem!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 7px 18px rgba(7,27,45,.075)!important;
    transform:none!important;
  }
  body #siteHeader .nav-link::before{display:none!important}
  body #siteHeader .nav-link::after{
    content:"›"!important;
    position:static!important;
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    margin-left:12px!important;
    border-radius:9px!important;
    background:#e8f5fd!important;
    color:var(--blue)!important;
    font-size:1.3rem!important;
    line-height:1!important;
    opacity:1!important;
    transform:none!important;
  }
  body #siteHeader .nav-link.active{border-color:transparent!important;background:linear-gradient(135deg,#078fe5,#046fae)!important;color:#fff!important;box-shadow:0 12px 26px rgba(7,143,229,.25)!important}
  body #siteHeader .nav-link.active::after{background:rgba(255,255,255,.17)!important;color:#fff!important}
  body #siteHeader .nav-link:active{transform:scale(.985)!important}
  html[data-theme="dark"] body #siteHeader .main-nav{border-color:rgba(100,190,246,.22)!important;background:rgba(8,25,38,.98)!important;box-shadow:0 24px 65px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)!important}
  html[data-theme="dark"] body #siteHeader .nav-link{border-color:#294355!important;background:linear-gradient(135deg,#102838,#0b202e)!important;color:#e8f3f8!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
  html[data-theme="dark"] body #siteHeader .nav-link::after{background:#17394e!important;color:#8fd4ff!important}
  html[data-theme="dark"] body #siteHeader .nav-link.active{border-color:transparent!important;background:linear-gradient(135deg,#087fc4,#075a8c)!important;color:#fff!important}
}

@media(max-width:390px){
  :root{--pk-standard-header-height:64px}
  body #siteHeader>.navbar{width:calc(100% - 14px)!important;gap:4px!important}
  body #siteHeader .brand{width:clamp(132px,41vw,158px)!important;height:56px!important}
  body #siteHeader .header-cta,
  body #siteHeader .nav-toggle{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  body #siteHeader .theme-toggle-nav{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important}
  body #siteHeader .main-nav{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;padding:10px!important;border-radius:19px!important}
  body #siteHeader .nav-link{min-height:48px!important;padding:10px 13px!important;font-size:.88rem!important}
}
@media(max-width:340px){
  body #siteHeader .brand{width:132px!important;height:54px!important}
  body #siteHeader .header-cta{display:none!important}
}
@media(max-width:932px) and (orientation:landscape) and (max-height:500px){
  :root{--pk-standard-header-height:60px}
  body #siteHeader .brand{width:154px!important;height:53px!important}
  body #siteHeader .main-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:760px!important;padding:9px!important}
  body #siteHeader .nav-link{min-height:44px!important;padding:8px 11px!important}
}
@media(prefers-reduced-motion:reduce){
  body #siteHeader,
  body #siteHeader .main-nav,
  body #siteHeader .nav-link,
  body #siteHeader .header-cta,
  body #siteHeader .nav-toggle,
  body #siteHeader .theme-toggle-nav{transition:none!important}
}


/*
 * V13.2 — correção definitiva do posicionamento nas páginas internas.
 * A página inicial já estava correta e permanece intocada.
 * Nas demais páginas, o cabeçalho usa as mesmas medidas da index, mas fica
 * ancorado diretamente ao topo da janela para não ser empurrado por fundos,
 * artes decorativas ou estilos particulares das páginas.
 */
html body:not(.page-home){
  padding-top:var(--pk-standard-header-height)!important;
}
html body:not(.page-home)>#siteHeader{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  inset-block-start:0!important;
  width:100%!important;
  min-height:var(--pk-standard-header-height)!important;
  height:var(--pk-standard-header-height)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:5000!important;
}
html body:not(.page-home)>#siteHeader>.navbar{
  min-height:var(--pk-standard-header-height)!important;
  height:var(--pk-standard-header-height)!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
html body:not(.page-home)>#siteHeader>.fixed-header-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
}
html body:not(.page-home)>#siteHeader>.fixed-header-art picture{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}
html body:not(.page-home)>#siteHeader>.fixed-header-art img{
  position:absolute!important;
  margin:0!important;
}

@media(max-width:1120px) and (min-width:901px){
  html body:not(.page-home){padding-top:102px!important}
  html body:not(.page-home)>#siteHeader,
  html body:not(.page-home)>#siteHeader>.navbar{height:102px!important;min-height:102px!important}
}
@media(max-width:900px){
  html body:not(.page-home){padding-top:66px!important}
  html body:not(.page-home)>#siteHeader,
  html body:not(.page-home)>#siteHeader>.navbar{height:66px!important;min-height:66px!important}
}
@media(max-width:390px){
  html body:not(.page-home){padding-top:64px!important}
  html body:not(.page-home)>#siteHeader,
  html body:not(.page-home)>#siteHeader>.navbar{height:64px!important;min-height:64px!important}
}
@media(max-width:932px) and (orientation:landscape) and (max-height:500px){
  html body:not(.page-home){padding-top:60px!important}
  html body:not(.page-home)>#siteHeader,
  html body:not(.page-home)>#siteHeader>.navbar{height:60px!important;min-height:60px!important}
}

/* Fonte consolidada: transparency-theme-fix.css */
/* PKaraokê V13.3 — transparência do topo e CTA da página inicial
   Escopo restrito: não altera dimensões, posição, menu, slides, rodapé ou demais páginas. */

/* Cabeçalho fixo com vidro translúcido, mantendo o wallpaper visível. */
body #siteHeader{
  background:linear-gradient(
    135deg,
    rgba(247,251,254,.76) 0%,
    rgba(238,247,253,.68) 58%,
    rgba(247,251,254,.73) 100%
  )!important;
  border-bottom-color:rgba(170,202,223,.58)!important;
  -webkit-backdrop-filter:blur(18px) saturate(155%)!important;
  backdrop-filter:blur(18px) saturate(155%)!important;
}
body #siteHeader.scrolled{
  background:linear-gradient(
    135deg,
    rgba(247,251,254,.82) 0%,
    rgba(238,247,253,.74) 58%,
    rgba(247,251,254,.79) 100%
  )!important;
}
html[data-theme="dark"] body #siteHeader{
  background:linear-gradient(
    135deg,
    rgba(4,17,28,.74) 0%,
    rgba(5,27,43,.66) 58%,
    rgba(4,17,28,.71) 100%
  )!important;
  border-bottom-color:rgba(92,156,197,.35)!important;
}
html[data-theme="dark"] body #siteHeader.scrolled{
  background:linear-gradient(
    135deg,
    rgba(4,17,28,.80) 0%,
    rgba(5,27,43,.72) 58%,
    rgba(4,17,28,.77) 100%
  )!important;
}

/* Faixa “Pronto para começar” da home: vidro translúcido sobre o wallpaper. */
body.page-home .final-cta{
  position:relative;
  isolation:isolate;
  color:#10283a!important;
  background:linear-gradient(
    135deg,
    rgba(238,248,255,.76) 0%,
    rgba(255,255,255,.62) 54%,
    rgba(226,244,255,.70) 100%
  )!important;
  border-top:1px solid rgba(130,188,226,.42)!important;
  border-bottom:1px solid rgba(130,188,226,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 18px 45px rgba(7,27,45,.10)!important;
  -webkit-backdrop-filter:blur(9px) saturate(135%)!important;
  backdrop-filter:blur(9px) saturate(135%)!important;
}
body.page-home .final-cta h2{color:#10283a!important}
body.page-home .final-cta p{color:#405b6e!important}
body.page-home .final-cta .eyebrow.light{color:#067fc9!important}

/* Botões — modo claro. */
body.page-home .final-cta .final-actions .btn{
  border-width:1px!important;
  border-style:solid!important;
  box-shadow:0 10px 24px rgba(7,27,45,.13)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,background .2s ease,color .2s ease,border-color .2s ease!important;
}
body.page-home .final-cta .final-actions .btn-light{
  color:#fff!important;
  border-color:rgba(4,111,174,.30)!important;
  background:linear-gradient(135deg,#078fe5,#046fae)!important;
}
body.page-home .final-cta .final-actions .btn-danger{
  color:#fff!important;
  border-color:rgba(165,14,27,.30)!important;
  background:linear-gradient(135deg,#ee3442,#bd1422)!important;
}
body.page-home .final-cta .final-actions .btn-glass{
  color:#163247!important;
  border-color:rgba(20,74,110,.25)!important;
  background:rgba(255,255,255,.68)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}

/* Botões e faixa — modo noturno. */
html[data-theme="dark"] body.page-home .final-cta{
  color:#edf7fd!important;
  background:linear-gradient(
    135deg,
    rgba(3,17,29,.80) 0%,
    rgba(5,39,62,.68) 54%,
    rgba(4,24,39,.76) 100%
  )!important;
  border-top-color:rgba(91,174,226,.30)!important;
  border-bottom-color:rgba(91,174,226,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 48px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body.page-home .final-cta h2{color:#f2f9fd!important}
html[data-theme="dark"] body.page-home .final-cta p{color:#bdd1de!important}
html[data-theme="dark"] body.page-home .final-cta .eyebrow.light{color:#75cfff!important}
html[data-theme="dark"] body.page-home .final-cta .final-actions .btn-light{
  color:#fff!important;
  border-color:rgba(80,187,248,.38)!important;
  background:linear-gradient(135deg,#087fc8,#075783)!important;
}
html[data-theme="dark"] body.page-home .final-cta .final-actions .btn-danger{
  color:#fff!important;
  border-color:rgba(255,104,116,.30)!important;
  background:linear-gradient(135deg,#d92534,#92101a)!important;
}
html[data-theme="dark"] body.page-home .final-cta .final-actions .btn-glass{
  color:#eaf6fc!important;
  border-color:rgba(170,221,250,.30)!important;
  background:rgba(7,30,47,.62)!important;
}

@media(hover:hover){
  body.page-home .final-cta .final-actions .btn:hover{
    transform:translateY(-3px)!important;
    box-shadow:0 15px 30px rgba(7,27,45,.20)!important;
    filter:brightness(1.06)!important;
  }
}
body.page-home .final-cta .final-actions .btn:active{
  transform:scale(.97)!important;
  box-shadow:0 5px 12px rgba(7,27,45,.16)!important;
}
body.page-home .final-cta .final-actions .btn:focus-visible{
  outline:3px solid rgba(7,143,229,.38)!important;
  outline-offset:3px!important;
}

/* Fonte consolidada: help-float.css */
/* PKaraokê V15.0 — botão flutuante de ajuda */
.whatsapp-float.help-float{
  width:auto;
  min-width:58px;
  height:58px;
  padding:0 16px 0 9px;
  gap:9px;
  border:1px solid rgba(255,255,255,.72);
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.95) 0 5%,transparent 18%),
    linear-gradient(145deg,#42c5ff 0%,#078fe5 48%,#045f9a 100%);
  color:#fff;
  box-shadow:
    0 16px 34px rgba(4,95,154,.34),
    inset 0 2px 1px rgba(255,255,255,.62),
    inset 0 -5px 10px rgba(0,42,75,.25);
  text-shadow:0 2px 2px rgba(0,35,63,.35);
  overflow:visible;
  isolation:isolate;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.whatsapp-float.help-float::before{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(72,205,255,.55),rgba(7,143,229,.08));
  filter:blur(8px);
  opacity:.72;
}
.whatsapp-float.help-float:hover{
  transform:translateY(-4px) scale(1.035);
  filter:saturate(1.12) brightness(1.04);
  box-shadow:
    0 20px 42px rgba(4,95,154,.42),
    inset 0 2px 1px rgba(255,255,255,.68),
    inset 0 -5px 10px rgba(0,42,75,.22);
}
.whatsapp-float.help-float:active{transform:translateY(-1px) scale(.97)}
.whatsapp-float.help-float .help-float-mark{
  display:grid!important;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 26%,#fff 0 6%,transparent 18%),
    linear-gradient(145deg,#ffffff 0%,#d9f4ff 42%,#8bdcff 100%);
  color:#0677bd;
  font-size:1.75rem;
  line-height:1;
  font-weight:1000;
  font-family:Arial,sans-serif;
  box-shadow:
    0 5px 10px rgba(0,38,68,.32),
    inset 0 2px 2px #fff,
    inset 0 -4px 6px rgba(3,113,180,.22);
}
.whatsapp-float.help-float .help-float-label{display:inline!important;font-weight:950;letter-spacing:.01em}
html[data-theme="dark"] .whatsapp-float.help-float{
  border-color:rgba(137,222,255,.58);
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.72) 0 4%,transparent 17%),
    linear-gradient(145deg,#0d8fd0 0%,#075a92 50%,#053a61 100%);
  box-shadow:0 16px 36px rgba(0,0,0,.42),inset 0 2px 1px rgba(255,255,255,.34),inset 0 -5px 10px rgba(0,0,0,.28);
}
@media(max-width:620px){
  .whatsapp-float.help-float{
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    padding:0!important;
    border-radius:50%!important;
  }
  .whatsapp-float.help-float .help-float-label{display:none!important}
  .help-float-mark{width:42px;height:42px;flex-basis:42px;font-size:1.85rem}
}