/* VK Clinic — submenu "Tratamentos" na barra de navegação */
.nav-drop{position:relative;display:flex;align-items:center}
.nav-drop>.nav-drop-trigger{display:inline-flex;align-items:center;gap:6px;position:relative;padding:12px 0;font-size:12px;letter-spacing:.04em;color:#ffffffb8;text-decoration:none;transition:color .18s var(--ease-out)}
.nav-drop>.nav-drop-trigger:after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:1px;background:var(--gold-light);transition:right .22s var(--ease-out)}
.nav-drop:hover>.nav-drop-trigger,.nav-drop:focus-within>.nav-drop-trigger,.nav-drop>.nav-drop-trigger[aria-current="page"]{color:#fff}
.nav-drop:hover>.nav-drop-trigger:after,.nav-drop:focus-within>.nav-drop-trigger:after,.nav-drop>.nav-drop-trigger[aria-current="page"]:after{right:0}
.nav-caret{width:13px!important;flex:0 0 13px;color:var(--gold-light);transition:transform .22s var(--ease-out)}
.nav-drop:hover .nav-caret,.nav-drop:focus-within .nav-caret{transform:rotate(180deg)}

.nav-menu{position:absolute;top:100%;left:-16px;margin-top:16px;min-width:258px;padding:8px;background:#0a151cf7;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);border:1px solid #ecd99a38;border-radius:4px;box-shadow:0 26px 54px #00000061;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s}
.nav-menu:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:none}
.nav-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border-radius:3px;color:var(--cream);font-size:12.5px;letter-spacing:.02em;text-decoration:none;transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}
.nav-menu a+a{border-top:1px solid #ffffff14}
.nav-menu a svg{width:15px;flex:0 0 15px;color:var(--gold-light);transition:transform .18s var(--ease-out)}
.nav-menu a:hover,.nav-menu a:focus-visible{background:#ecd99a17;color:#fff}
.nav-menu a:hover svg{transform:translateX(4px)}
.nav-menu a[aria-current="page"]{color:var(--gold-light)}

/* menu móvel */
.mobile-nav .mobile-sub{padding-left:22px;font-size:17px;color:#f5f1ebb8;position:relative}
.mobile-nav .mobile-sub:before{content:"";position:absolute;left:4px;top:50%;width:10px;height:1px;background:var(--gold)}
@media (prefers-reduced-motion:reduce){.nav-menu,.nav-caret,.nav-menu a svg{transition:none}}