/* Menu lateral movil: estilo oscuro tipo Starship Square. Solo cambia el aspecto; los enlaces vienen del menu principal. */
:root{--dr-bg:#1a1a1a;--dr-ink:#ffffff;--dr-accent:#007dff;--dr-font:'Montserrat','Helvetica Neue',Arial,sans-serif}

body .aks-drawer{left:auto;right:0;transform:translateX(100%);width:min(90vw,420px);background:var(--dr-bg);color:var(--dr-ink);padding:0 0 32px;font-family:var(--dr-font);box-shadow:none;transition:transform .3s ease}
body .aks-drawer.open{transform:none;box-shadow:none}
body .aks-drawer *{font-family:inherit}

/* Barra superior */
.aks-drawer .dtop{display:flex;justify-content:flex-end;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 19px 0}
.aks-drawer .dacc{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:700}
.aks-drawer .dacc a{color:var(--dr-ink);text-decoration:none;padding:6px 0}
.aks-drawer .dacc i{width:12px;height:1.5px;background:#8a8a8a;transform:rotate(-55deg)}
.aks-drawer .dbtns{display:flex;align-items:center;gap:22px}
.aks-drawer .dbtns a,.aks-drawer .dbtns button{display:flex;background:none;border:0;padding:6px;color:var(--dr-ink);cursor:pointer}
.aks-drawer .dbtns svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Secciones plegables */
.aks-drawer details.dsec{padding:0 19px}
.aks-drawer details.dsec:first-of-type{margin-top:48px}
.aks-drawer details.dsec + details.dsec{margin-top:44px}
.aks-drawer details.dsec summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:10px 12px 10px 0;font-size:27px;font-weight:800;line-height:1.1;letter-spacing:-.005em;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
.aks-drawer details.dsec summary::-webkit-details-marker{display:none}
.aks-drawer details.dsec summary::after{content:"";width:11px;height:11px;border-top:2.5px solid var(--dr-ink);border-left:2.5px solid var(--dr-ink);transform:translateY(3px) rotate(45deg);transition:transform .2s ease}
.aks-drawer details.dsec:not([open]) summary::after{transform:translateY(-3px) rotate(225deg)}

/* Lista */
.aks-drawer .dlist{padding:14px 0 0}
.aks-drawer .dlist a{display:flex;justify-content:space-between;align-items:center;padding:9px 0 9px 15px;margin:0;font-size:17px;font-weight:700;line-height:1.3;text-transform:uppercase;text-decoration:none;color:var(--dr-ink);border-bottom:2px solid transparent;-webkit-tap-highlight-color:transparent}
.aks-drawer .dlist a:hover,.aks-drawer .dlist a:active,.aks-drawer .dlist a:focus-visible,.aks-drawer .dlist a.on{color:var(--dr-accent);border-bottom-color:var(--dr-accent);outline:0}
.aks-drawer .dlist a:hover::after,.aks-drawer .dlist a:active::after,.aks-drawer .dlist a:focus-visible::after,.aks-drawer .dlist a.on::after{content:"";width:20px;height:16px;margin-right:6px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='%23007dff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h19M13 2l8 8-8 8'/%3E%3C/svg%3E")}

.aks-drawer .dnote{display:flex;justify-content:space-between;margin:40px 19px 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600;color:#9a9a9a}
.aks-drawer .dnote em{font-style:normal;color:var(--dr-accent)}

@media (prefers-reduced-motion:reduce){body .aks-drawer,.aks-drawer details.dsec summary::after{transition:none}}