/* Dental Fine 1.6.3 — shared desktop/tablet/mobile navigation. */
html{scroll-padding-top:calc(var(--df-header-bottom,var(--df-header-height,136px)) + 16px)}
#main [id]{scroll-margin-top:0}
.df-catalog-layout .df-catalog-sidebar,.article-grid .consult{top:calc(var(--df-header-bottom,var(--df-header-height,136px)) + 16px)}
.site-header{isolation:isolate;overflow:visible}
.site-header .nav{position:relative;gap:24px;min-height:98px}
.site-header .brand{flex:0 0 auto}
.site-header .brand img{width:108px;height:auto}
.df-topbar{color:#fff;background:linear-gradient(#00000024,#00000024),linear-gradient(112deg,var(--navy) 0%,var(--cyan) 100%);font:500 12px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif}
.df-topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:38px;padding-block:7px}
.df-topbar a{display:inline-flex;align-items:center;gap:8px;color:#fff;min-width:0}
.df-topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.df-topbar a:focus-visible{outline-color:#fff;outline-offset:3px}
.df-topbar svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.df-topbar-location{min-width:0}
.df-topbar-contact{display:flex;align-items:center;gap:22px;flex-shrink:0}
.df-topbar-whatsapp{font-weight:650}
.site-header #main-nav{position:static;display:block;padding:0;border:0;background:transparent;max-height:none;overflow:visible;font-size:13px;min-width:0}
.site-header #main-nav .menu{display:flex;flex-direction:row;align-items:center;gap:14px;width:auto;list-style:none;margin:0;padding:0}
.site-header #main-nav .menu li{position:relative;margin:0;padding:0;min-width:0;border:0}
.site-header #main-nav .menu>li{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
.site-header #main-nav .menu a{display:block;line-height:1.4;overflow-wrap:anywhere}
.site-header #main-nav .menu>li>a{padding:18px 0;white-space:nowrap}
.site-header #main-nav .submenu-toggle{display:inline-flex;justify-content:center;align-items:center;flex:0 0 32px;align-self:center;width:32px;height:40px;min-width:32px;min-height:40px;margin:0;padding:0;border:0;background:transparent;color:var(--navy);cursor:pointer}
.site-header #main-nav .submenu-toggle svg{display:block;width:12px;height:12px;transition:transform .18s}
.site-header #main-nav .submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.site-header #main-nav .submenu-toggle:hover{background:var(--soft);border-radius:6px}
.site-header #main-nav .menu>li>.sub-menu{display:none;position:absolute;top:100%;left:var(--df-dropdown-shift,0px);right:auto;width:300px;max-width:calc(100vw - 32px);max-height:var(--df-dropdown-space,calc(100dvh - 160px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px;margin:0;list-style:none;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 42px #1c355e20;z-index:40;font-size:13px}
.site-header #main-nav .menu>li.df-treatment-menu>.sub-menu{width:820px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:5px 12px;padding:18px}
.site-header #main-nav .sub-menu li{display:flex;flex-wrap:wrap;align-items:center;gap:0}
.site-header #main-nav .sub-menu li>a{padding:12px 10px;flex:1;min-width:0;border-radius:7px}
.site-header #main-nav .sub-menu li>a:hover,.site-header #main-nav .sub-menu li.expanded>a{background:var(--soft)}
.site-header #main-nav .sub-menu li>.sub-menu{display:none;position:static;flex-basis:100%;width:100%;max-width:100%;max-height:none;overflow:visible;background:transparent;padding:0 0 0 9px;margin:0 0 4px 10px;border:0;border-left:2px solid var(--border);border-radius:0;box-shadow:none;font-size:12px}
.site-header #main-nav .sub-menu .sub-menu a{font-weight:500;padding:9px 10px}
.site-header #main-nav.df-nav-ready .menu li:not(.expanded)>.sub-menu{display:none}
.site-header #main-nav.df-nav-ready .menu li.expanded>.sub-menu{display:block}
.site-header #main-nav.df-nav-ready .menu>li.df-treatment-menu.expanded>.sub-menu{display:grid}
.site-header #main-nav:not(.df-nav-ready) .menu li:hover>.sub-menu,.site-header #main-nav:not(.df-nav-ready) .menu li:focus-within>.sub-menu{display:block}
.site-header #main-nav:not(.df-nav-ready) .menu>li.df-treatment-menu:hover>.sub-menu,.site-header #main-nav:not(.df-nav-ready) .menu>li.df-treatment-menu:focus-within>.sub-menu{display:grid}
.site-header .menu-toggle{display:none}
.site-header .header-cta{display:block;flex-shrink:0}
.site-header .header-cta .button{padding:14px 19px;gap:16px;white-space:nowrap}
@media(min-width:981px) and (max-width:1180px){.site-header .header-cta{display:none}.site-header #main-nav{font-size:12px}.site-header #main-nav .menu{gap:13px}}
@media(max-width:980px){
 .site-header .nav{min-height:86px;gap:18px}
 .site-header .brand img{width:100px}
 .site-header .header-cta{display:none}
 .site-header .menu-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--navy);font:600 13px/1 system-ui;cursor:pointer}
 .site-header .menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
 .site-header .menu-toggle[aria-expanded=true]{background:var(--soft)}
 .site-header #main-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--df-header-bottom,124px) - 12px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#fff;padding:12px 18px 18px;border:1px solid var(--border);border-radius:0 0 14px 14px;box-shadow:0 14px 28px #1c355e16;font-size:14px}
 .site-header #main-nav.open{display:block}
 .site-header #main-nav .menu{flex-direction:column;align-items:stretch;gap:0;width:100%}
 .site-header #main-nav .menu>li{flex-wrap:wrap;border-bottom:1px solid var(--border);gap:0}
 .site-header #main-nav .menu>li:last-child{border-bottom:0}
 .site-header #main-nav .menu>li>a{flex:1;white-space:normal;padding:14px 6px}
 .site-header #main-nav .submenu-toggle{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px}
 .site-header #main-nav .menu>li>.sub-menu,.site-header #main-nav .menu>li.df-treatment-menu>.sub-menu{position:static;flex-basis:100%;width:100%;max-width:100%;max-height:none;overflow:visible;padding:5px 5px 10px 10px;margin:0 0 8px;border:0;border-left:2px solid var(--border);border-radius:0;box-shadow:none;background:var(--soft);font-size:13px}
 .site-header #main-nav.df-nav-ready .menu>li.df-treatment-menu.expanded>.sub-menu{display:block}
 .site-header #main-nav:not(.df-nav-ready) .menu>li.df-treatment-menu:hover>.sub-menu,.site-header #main-nav:not(.df-nav-ready) .menu>li.df-treatment-menu:focus-within>.sub-menu{display:block}
 .site-header #main-nav .sub-menu li>.sub-menu{font-size:12px}
 .site-header #main-nav .sub-menu li>a{padding:11px 8px;min-height:44px}
 html.df-menu-open body{overflow:hidden}
}
@media(max-width:640px){.df-topbar-street,.df-topbar-phone{display:none!important}.df-topbar-inner{min-height:38px;gap:10px}.df-topbar-contact{gap:0}.df-topbar-location span{overflow-wrap:anywhere}.site-header .nav{min-height:82px}.site-header .brand img{width:96px}}
@media(max-width:980px){.site-header:has(#main-nav:not(.df-nav-ready)){position:static}.site-header .nav:has(#main-nav:not(.df-nav-ready)){flex-wrap:wrap}.site-header .nav:has(#main-nav:not(.df-nav-ready)) .menu-toggle{display:none}.site-header #main-nav:not(.df-nav-ready){display:block;position:static;flex-basis:100%;max-height:none;overflow:visible;border:0;box-shadow:none}}
@media(max-width:782px) and (min-width:601px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){.site-header #main-nav .submenu-toggle svg{transition:none}}