/* Menú editorial móvil de Peligro de Extinción: pasteles del administrador. */
.pde-mobile-menu-head{display:none}
@media(max-width:780px){
 .nav.pde-menu-open{z-index:260}
 body.pde-mobile-menu-open{overflow:hidden}
 body.pde-mobile-menu-open::before{content:"";position:fixed;inset:0;z-index:190;background:rgba(12,12,30,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
 body.pde-mobile-menu-open .mobile-cta{opacity:0;visibility:hidden;pointer-events:none}
 .nav .menu-toggle{position:relative;z-index:261;flex-shrink:0;width:48px;height:48px;border:3px solid #171319;border-radius:16px;background:#ffd8ee;color:#171319;box-shadow:4px 4px 0 #171319;font:800 30px/1 var(--font-text);transition:transform .2s,background .2s,box-shadow .2s}
 .nav.pde-menu-open .menu-toggle{background:#d9f3ff;transform:rotate(4deg);box-shadow:4px 4px 0 #1715e8}
 .nav .navlinks{display:none;position:fixed;z-index:260;top:clamp(88px,12svh,105px);left:12px;right:12px;bottom:auto;width:auto;max-width:620px;margin:0 auto;padding:19px clamp(14px,4vw,25px) 22px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - clamp(103px,15svh,122px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;border:3px solid #171319;border-radius:27px 30px 25px 31px;background:linear-gradient(145deg,#e8edff 0%,#f7e6f3 58%,#e3f5ff 100%);color:#171319;box-shadow:9px 11px 0 #171319;counter-reset:pde-mobile-link;isolation:isolate;-webkit-overflow-scrolling:touch}
 .nav .navlinks::before{content:"";position:absolute;top:0;left:0;right:0;height:9px;background:linear-gradient(90deg,#1715e8 0 43%,#ff97ca 43% 78%,#fff11f 78%);pointer-events:none}
 .nav .navlinks.active{display:flex;animation:pde-menu-panel-in .32s cubic-bezier(.2,.9,.23,1) both}
 .pde-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 11px;font:clamp(12px,3.4vw,15px)/1.15 var(--font-marker);color:#fb301c}
 .pde-mobile-menu-head small{font:900 10px/1.2 var(--font-text);color:#1715e8;letter-spacing:.08em;background:#fff11f;border:2px solid #171319;border-radius:999px;padding:5px 9px;white-space:nowrap}
 .nav .navlinks>a:not(.nav-cta){counter-increment:pde-mobile-link;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:clamp(8px,2vw,16px);position:relative;flex:0 0 auto;min-height:66px;padding:7px 5px;margin:0;border:0;border-bottom:2px solid rgba(23,19,25,.22);border-radius:0;background:transparent;color:#171319;font:clamp(28px,7.6vw,38px)/1.02 var(--font-display);letter-spacing:-.015em;text-transform:uppercase;text-align:left;transition:background .18s,transform .18s,color .18s}
 .nav .navlinks>a:not(.nav-cta):nth-of-type(odd){background:rgba(255,255,255,.32)}
 .nav .navlinks>a:not(.nav-cta)::before{content:"0" counter(pde-mobile-link);font:800 12px/1 var(--font-text);letter-spacing:0;color:#1715e8;align-self:end;margin-bottom:12px}
 .nav .navlinks>a:not(.nav-cta)::after{content:"↗";position:static;display:block;width:auto;height:auto;margin:0;padding:0;background:none;border:0;color:#1715e8;font:900 21px/1 var(--font-text);text-align:center;opacity:.65;transition:transform .18s,opacity .18s}
 .nav .navlinks>a:not(.nav-cta):hover,.nav .navlinks>a:not(.nav-cta):focus-visible{background:#ffd4e9;color:#1019da;transform:translateX(3px)}
 .nav .navlinks>a:not(.nav-cta):hover::after,.nav .navlinks>a:not(.nav-cta):focus-visible::after{transform:translate(2px,-3px);opacity:1}
 .nav .navlinks>a:not(.nav-cta):nth-of-type(even):hover{background:#d9f5ff}
 .nav .navlinks>.nav-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto;width:100%;min-height:58px;margin:18px 0 2px;padding:13px 19px;transform:none;box-shadow:5px 6px 0 #171319;border:3px solid #171319;border-radius:999px;background:#1715e8;color:#fff;font:900 clamp(14px,3.5vw,17px)/1.15 var(--font-text);letter-spacing:.02em;transition:transform .2s,box-shadow .2s,background .2s}
 .nav .navlinks>.nav-cta .ui-arrow{width:21px;height:21px;stroke:currentColor;flex-shrink:0}
 .nav .navlinks>.nav-cta:hover,.nav .navlinks>.nav-cta:focus-visible{transform:translate(2px,2px);box-shadow:3px 4px 0 #171319;background:#d42969;color:#fff}
 .nav .navlinks.active>a:not(.nav-cta),.nav .navlinks.active>.nav-cta{animation:pde-menu-item-in .36s cubic-bezier(.18,.9,.3,1) both}
 .nav .navlinks.active>a:nth-of-type(1){animation-delay:.045s}
 .nav .navlinks.active>a:nth-of-type(2){animation-delay:.085s}
 .nav .navlinks.active>a:nth-of-type(3){animation-delay:.125s}
 .nav .navlinks.active>a:nth-of-type(4){animation-delay:.165s}
 .nav .navlinks.active>a:nth-of-type(5){animation-delay:.205s}
 .nav .navlinks.active>a:nth-of-type(6){animation-delay:.245s}
}
@media(max-width:780px) and (max-height:630px){
 .nav .navlinks{top:74px;max-height:calc(100dvh - 84px);padding:13px 14px 15px}
 .nav .navlinks>a:not(.nav-cta){min-height:55px;font-size:clamp(24px,7vw,32px)}
 .nav .navlinks>.nav-cta{min-height:49px;margin-top:12px}
 .pde-mobile-menu-head{margin-bottom:6px}
}
@keyframes pde-menu-panel-in{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pde-menu-item-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.nav .navlinks.active,.nav .navlinks.active>a,.nav .menu-toggle{animation:none!important;transition:none!important}}