.punta-menu-style-refined .site-header #menu a:focus-visible, .punta-menu-style-refined .site-header .search-header input:focus-visible, .punta-menu-style-refined #nav-icon:focus-visible { outline:2px solid var(--punta-accent)!important; outline-offset:3px!important; } @media (min-width:1051px) { .punta-menu-style-refined .site-header #menu { width:100%; overflow:visible!important; padding-bottom:0!important; } .punta-menu-style-refined .site-header #menu .header-menu { display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; gap:clamp(3px,.55vw,8px)!important; width:max-content; max-width:100%; margin:0 auto!important; white-space:nowrap; } .punta-menu-style-refined .site-header #menu .header-menu > li { position:relative!important; display:flex!important; align-items:center!important; flex:0 0 auto!important; line-height:1!important; margin:0!important; padding:0!important; } .punta-menu-style-refined .site-header #menu .header-menu > li > a { display:inline-flex!important; align-items:center!important; min-height:40px; padding:9px clamp(10px,1vw,14px)!important; border:1px solid transparent; border-radius:999px; color:var(--punta-header-fg)!important; font-weight:650; line-height:1.15!important; letter-spacing:.005em; transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease; } .punta-menu-style-refined .site-header #menu .header-menu > li.menu-item-has-children > a { padding-right:30px!important; } .punta-menu-style-refined .site-header #menu .header-menu > li.menu-item-has-children::after { position:absolute!important; right:12px!important; top:50%!important; margin:0!important; transform:translateY(-68%) rotate(45deg)!important; -webkit-transform:translateY(-68%) rotate(45deg)!important; pointer-events:none; } .punta-menu-style-refined .site-header #menu .header-menu > li > a:hover, .punta-menu-style-refined .site-header #menu .header-menu > li:hover > a, .punta-menu-style-refined .site-header #menu .header-menu > li:focus-within > a { background:color-mix(in srgb,var(--punta-header-fg) 11%,transparent)!important; border-color:color-mix(in srgb,var(--punta-header-fg) 12%,transparent)!important; box-shadow:inset 0 1px 0 color-mix(in srgb,var(--punta-header-fg) 8%,transparent); transform:translateY(-1px); } .punta-menu-style-refined .site-header #menu .header-menu > li.current-menu-item > a, .punta-menu-style-refined .site-header #menu .header-menu > li.current-menu-ancestor > a { background:color-mix(in srgb,var(--punta-accent) 20%,transparent)!important; border-color:color-mix(in srgb,var(--punta-accent) 38%,transparent)!important; } .punta-menu-style-refined .site-header #menu .header-menu > li > ul.sub-menu { top:calc(100% + 8px)!important; left:0!important; right:auto!important; width:max-content!important; min-width:0; max-width:min(420px,calc(100vw - 32px))!important; max-height:min(68vh,560px)!important; padding:8px!important; border:1px solid color-mix(in srgb,var(--punta-header-fg) 14%,transparent)!important; border-radius:15px!important; background:color-mix(in srgb,var(--punta-header-bg) 95%,var(--punta-bg))!important; box-shadow:0 18px 42px color-mix(in srgb,var(--punta-header-bg) 38%,transparent)!important; overflow-x:hidden!important; overflow-y:auto!important; white-space:normal!important; } .punta-menu-style-refined .site-header #menu .header-menu > li.menu-item-has-children:focus-within > ul.sub-menu { display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } .punta-menu-style-refined .site-header #menu .header-menu > li > ul.sub-menu > li { width:auto!important; min-width:0!important; float:none!important; display:block!important; } .punta-menu-style-refined .site-header #menu .header-menu ul.sub-menu > li { margin:0!important; border:0!important; } .punta-menu-style-refined .site-header #menu .header-menu ul.sub-menu > li > a { display:block; box-sizing:border-box; max-width:100%; padding:10px 12px!important; border-radius:10px; color:var(--punta-header-fg)!important; font-size:.94rem; font-weight:540; line-height:1.32; white-space:normal!important; overflow-wrap:anywhere; word-break:normal; text-overflow:clip!important; transition:background-color .14s ease,color .14s ease,transform .14s ease; } .punta-menu-style-refined .site-header #menu .header-menu ul.sub-menu > li > a:hover, .punta-menu-style-refined .site-header #menu .header-menu ul.sub-menu > li.current-menu-item > a { background:color-mix(in srgb,var(--punta-accent) 18%,transparent)!important; color:var(--punta-header-fg)!important; transform:translateX(2px); } .punta-menu-style-refined .site-header .search-header input { border:1px solid color-mix(in srgb,var(--punta-header-fg) 20%,transparent)!important; box-shadow:0 5px 16px color-mix(in srgb,var(--punta-header-bg) 16%,transparent),inset 0 1px 0 color-mix(in srgb,var(--punta-search-bg) 82%,transparent)!important; transition:border-color .16s ease,box-shadow .16s ease!important; } .punta-menu-style-refined .site-header .search-header input:focus { border-color:color-mix(in srgb,var(--punta-accent) 70%,var(--punta-header-fg))!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--punta-accent) 18%,transparent)!important; } } @media (max-width:1050px) { .punta-menu-style-refined #nav-icon .circle { border:1px solid color-mix(in srgb,var(--punta-header-fg) 16%,transparent); border-radius:999px; background:color-mix(in srgb,var(--punta-header-fg) 8%,transparent); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--punta-header-fg) 8%,transparent); } .punta-menu-style-refined #menu .header-menu { padding:8px!important; } .punta-menu-style-refined #menu .header-menu > li > a { margin:2px 0!important; padding:12px 14px!important; border-radius:10px!important; color:var(--punta-header-fg)!important; font-weight:620; } .punta-menu-style-refined #menu .header-menu > li.current-menu-item > a, .punta-menu-style-refined #menu .header-menu > li.current-menu-ancestor > a, .punta-menu-style-refined #menu .header-menu > li > a:hover { background:color-mix(in srgb,var(--punta-accent) 18%,transparent)!important; } .punta-menu-style-refined #menu .header-menu ul.sub-menu { margin:3px 0 7px 10px!important; padding:3px 0 3px 8px!important; border-left:2px solid color-mix(in srgb,var(--punta-accent) 72%,var(--punta-header-fg))!important; background:transparent!important; } .punta-menu-style-refined #menu .header-menu ul.sub-menu > li > a { padding:9px 11px!important; border-radius:9px!important; color:var(--punta-header-fg)!important; white-space:normal!important; overflow-wrap:anywhere; word-break:normal; } } @media (forced-colors: active) { .punta-menu-style-refined .site-header #menu .header-menu ul.sub-menu { border:1px solid CanvasText!important; box-shadow:none!important; } .punta-menu-style-refined .site-header #menu a:focus-visible { outline:2px solid Highlight!important; } }