/* Tase: native Kadence header and menus, November 2026. */
#tase-home2{scroll-margin-top:100px}
#masthead{position:sticky;top:0;z-index:1000;background:#fcf8f4;box-shadow:0 1px 0 #7b35451a,0 6px 24px #48212b06}
body.admin-bar #masthead{top:32px}
#masthead .site-header-row-container-inner{background:#fcf8f4}
#masthead .site-main-header-inner-wrap{min-height:100px;align-items:center;gap:24px}
#masthead .site-container{max-width:1360px;padding-left:42px;padding-right:42px}
#masthead .site-header-main-section-left{flex-shrink:0}
#masthead .site-branding .brand{padding:9px 0}
#masthead .site-branding img.custom-logo{width:84px;max-width:none;height:auto;max-height:75px;object-fit:contain}
#masthead .site-header-main-section-right{gap:0;justify-content:flex-end;min-width:0}
#masthead #site-navigation{font-family:'Tase Sans','Open Sans',Arial,sans-serif}
#masthead #site-navigation .primary-menu-container>ul{gap:4px;align-items:stretch;flex-wrap:nowrap;height:100px}
#masthead #site-navigation .primary-menu-container>ul>li{display:flex;align-items:center}
#masthead #site-navigation .primary-menu-container>ul>li>a{font:500 14px/1.3 'Tase Sans','Open Sans',Arial,sans-serif;letter-spacing:.01em;color:#613443;padding:14px 13px;border-radius:7px;transition:background .2s,color .2s}
#masthead #site-navigation .primary-menu-container>ul>li>a:hover,#masthead #site-navigation .primary-menu-container>ul>li:focus-within>a{background:#f0e3df;color:#702b3e}
#masthead #site-navigation .dropdown-nav-toggle{margin-left:6px;color:#956e74}
#masthead #site-navigation .dropdown-nav-toggle svg{width:15px;height:15px}
#masthead #site-navigation .primary-menu-container>ul>#menu-item-5329>a{color:#702b3e;background:#eee0dc;border:1px solid #ead4cd;border-radius:99px;padding:11px 17px;margin-right:7px;font-size:13px}
#masthead #site-navigation .primary-menu-container>ul>#menu-item-5329>a:hover{background:#e6cfc8}
#masthead #site-navigation .primary-menu-container>ul>.tase-nav-cta>a{background:#702b3e;color:#fffaf7;padding:15px 21px;margin-left:15px;border:1px solid #702b3e;border-radius:99px;box-shadow:0 5px 18px #702b3e18;font-size:13px;white-space:nowrap}
#masthead #site-navigation .primary-menu-container>ul>.tase-nav-cta>a:hover{background:#4f1929;border-color:#4f1929;color:#fff;box-shadow:0 7px 22px #702b3e2b}
#masthead #site-navigation .primary-menu-container>ul>li>.sub-menu{background:#fffaf7;color:#57313b;border:1px solid #e9d8d1;border-top:2px solid #9a6470;border-radius:0 0 16px 16px;box-shadow:0 22px 42px #3b19251a;padding:22px;max-height:calc(100svh - 140px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b48b92 #f4ece8}
#masthead #site-navigation .primary-menu-container>ul>li.kadence-menu-mega-enabled>.sub-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:2px;max-width:min(1180px,calc(100vw - 64px));width:var(--kadence-mega-menu-width,1100px);box-sizing:border-box}
#masthead #site-navigation .primary-menu-container>ul>li.kadence-menu-mega-enabled>.sub-menu{position:fixed;left:50%!important;right:auto!important;top:100px!important;transform:translateX(-50%)!important;margin:0!important}
body.admin-bar #masthead #site-navigation .primary-menu-container>ul>li.kadence-menu-mega-enabled>.sub-menu{top:132px!important}
#masthead #site-navigation .primary-menu-container>ul>li.kadence-menu-mega-enabled>.sub-menu>li{width:auto;float:none;padding:0;margin:0;border:0;min-width:0}
#masthead #site-navigation .primary-menu-container>ul>li>.sub-menu>li>a{font:400 13px/1.45 'Tase Sans','Open Sans',Arial,sans-serif;letter-spacing:0;display:block;background:transparent;color:#654952;border:0;border-radius:6px;padding:10px 13px;white-space:normal;transition:background .18s,color .18s}
#masthead #site-navigation .primary-menu-container>ul>li>.sub-menu>li>a:hover,#masthead #site-navigation .primary-menu-container>ul>li>.sub-menu>li>a:focus{background:#f1e3de;color:#702b3e}
#masthead #site-navigation .primary-menu-container>ul>li>.sub-menu::before{display:block;grid-column:1/-1;font:500 10px/1.5 'Tase Sans','Open Sans',Arial,sans-serif;letter-spacing:.15em;color:#925c69;border-bottom:1px solid #e9d8d1;padding:0 12px 14px;margin-bottom:10px}
#masthead #site-navigation #menu-item-3218>.sub-menu::before{content:'FACIALES / REJUVENECIMIENTO Y ARMONÍA'}
#masthead #site-navigation #menu-item-3250>.sub-menu::before{content:'CORPORALES / CONTORNO Y FIGURA'}
#masthead #site-navigation #menu-item-3284>.sub-menu::before{content:'MEDICINA ESTÉTICA / TRATAMIENTOS'}
#masthead #site-navigation #menu-item-3313>.sub-menu::before{content:'CAPILARES / CABELLO Y BIOESTIMULACIÓN'}
#masthead #site-navigation #menu-item-3319>.sub-menu::before{content:'CONOCE TASE'}
#masthead a:focus-visible,#masthead button:focus-visible,#mobile-drawer a:focus-visible,#mobile-drawer button:focus-visible{outline:2px solid #91465a;outline-offset:4px}
#masthead #mobile-header .site-main-header-inner-wrap{min-height:82px}
#masthead #mobile-header .site-container{padding-inline:24px}
#masthead #mobile-header .site-branding img.custom-logo{width:68px;max-height:64px}
#masthead .menu-toggle-open{color:#702b3e;background:#f0e3df;border:1px solid #e5d2cb;border-radius:50%;width:45px;height:45px;padding:11px}
#masthead .menu-toggle-open:hover{background:#e6d1ca;color:#4f1929}
#masthead .menu-toggle-open .menu-toggle-icon{font-size:24px}
#mobile-drawer .drawer-inner{background:#fcf7f3;color:#613443;width:min(420px,100vw);box-shadow:-15px 0 50px #3b192524}
#mobile-drawer .drawer-header{padding:22px 24px 12px;border-bottom:1px solid #eadbd5;align-items:center}
#mobile-drawer .drawer-header::before{content:'TASE / EXPLORE';font:500 11px/1.5 'Tase Sans','Open Sans',Arial,sans-serif;letter-spacing:.18em;color:#824456;margin-right:auto}
#mobile-drawer .menu-toggle-close{color:#702b3e;background:#f1e5df;border-radius:50%;padding:10px;width:42px;height:42px;min-width:42px;min-height:42px;max-height:42px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
#mobile-drawer .drawer-content{padding:14px 24px 30px}
#mobile-drawer #mobile-menu>li{border-bottom:1px solid #eadbd5}
#mobile-drawer #mobile-menu>li>a,#mobile-drawer #mobile-menu>li>.drawer-nav-drop-wrap>a{font:500 20px/1.4 'Tase Sans','Open Sans',Arial,sans-serif;letter-spacing:-.02em;padding:17px 2px;color:#613443;border:0}
#mobile-drawer .drawer-sub-toggle{border:0;background:transparent;color:#925c69;width:48px;min-height:48px}
#mobile-drawer .drawer-sub-toggle:hover{background:#f0e0da;color:#702b3e}
#mobile-drawer #mobile-menu>li>.sub-menu{background:#fffaf7;border-radius:9px}
#mobile-drawer #mobile-menu>li>.sub-menu>li>a{font:400 14px/1.5 'Tase Sans','Open Sans',Arial,sans-serif;color:#76535c;padding:12px 15px;border-color:#f0e4de}
#mobile-drawer #mobile-menu>li>.sub-menu>li>a:hover{background:#efdfd9;color:#702b3e}
#mobile-drawer #mobile-menu>.menu-item-5329>a{font-size:17px;color:#8e3d52}
#mobile-drawer #mobile-menu>.tase-nav-cta{border:0;margin-top:24px}
#mobile-drawer #mobile-menu>.tase-nav-cta>a{background:#702b3e;color:#fffaf7;text-align:center;border-radius:99px;padding:16px 22px;font:500 15px/1.4 'Tase Sans','Open Sans',Arial,sans-serif;box-shadow:0 6px 22px #702b3e1c}
@media(min-width:1025px)and(max-width:1199px){#masthead .site-container{padding-inline:28px}#masthead #site-navigation .primary-menu-container>ul>li>a{font-size:13px;padding-inline:9px}#masthead #site-navigation .primary-menu-container>ul>.tase-nav-cta>a{margin-left:8px;padding-inline:16px}#masthead .site-main-header-inner-wrap{gap:16px}}
@media(max-width:782px){body.admin-bar #masthead{top:46px}}
@media(max-width:1024px){#tase-home2{scroll-margin-top:82px}}
@media(prefers-reduced-motion:reduce){#masthead *,#mobile-drawer *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
