header{padding:15px 0;font-weight:700;position:fixed;top:0;left:0;width:100%;z-index:10}header .container{position:relative;z-index:4}header a{color:#fff}header .znt_path{fill:#fff}@media(min-width:992px){header .ypy-menu{flex-wrap:wrap}}@media(min-width:768px){header .ypy-menu nav{gap:50px}}header .ypy-menu nav a{color:#fff;border:2px solid rgba(255,255,255,0);border-radius:50px;padding:3px 15px;transition:border-color var(--transition-type) var(--transition-time)}header .ypy-menu nav a.current,header .ypy-menu nav a:hover{border-color:#fed034;text-decoration:none}header .ypy-menu .ypy-social{gap:30px;margin-left:30px}header .ypy-menu .ypy-social a{transition:color .25s ease}header .ypy-menu .ypy-social a:hover{color:var(--color-brand-mango)}header .bee-ham{width:50px;height:30px;margin-left:auto}header .bee-ham span{background:var(--color-light);border-radius:2px;height:5px;width:100%;margin-bottom:7px;display:block;transition:transform .25s ease}header .bee-ham span:last-child{margin-bottom:0}header.scrolled{background:#13819500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeHdr .25s ease-in-out both}@media(min-width:768px){[lang*=es] header .ypy-menu nav{gap:15px}}@keyframes fadeHdr{0%{background:#13819500}to{background:#1381954d}}:root{--path-fill-1: var(--color-brand-guava);--path-fill-2: var(--color-brand-mango);--path-fill-3: var(--color-brand-soursop);--path-fill-4: var(--color-brand-primary)}.ypy-mb nav{width:100%;height:100dvh;position:fixed;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:30px;z-index:3;opacity:0;visibility:hidden;transition:opacity .25s ease .5s,visibility .25s ease .5s}.ypy-mb nav a{font-size:25px}.shape-overlays{width:100vw;height:100dvh;pointer-events:none;position:fixed;top:0;left:0;z-index:5}.shape-overlays.is-opened{pointer-events:auto}.shape-overlays__path:nth-of-type(1){fill:var(--path-fill-1)}.shape-overlays__path:nth-of-type(2){fill:var(--path-fill-2)}.shape-overlays__path:nth-of-type(3){fill:var(--path-fill-3)}.shape-overlays__path:nth-of-type(4){fill:var(--path-fill-4)}
