/* Menú Mayorales: relieve, color y movimiento discreto. */
.side{display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 5% 0%,#7e2136 0,transparent 43%),radial-gradient(ellipse at 110% 85%,#7b5b2340,transparent 43%),linear-gradient(160deg,#1d1821,#11151d 54%,#171117);border-color:#e4bc6b38;box-shadow:10px 0 35px #0005}
.side .brand{flex:none;border-bottom:1px solid #e2c49131;margin-bottom:18px;padding-bottom:20px}.side .brand h1{font-family:Georgia,serif;letter-spacing:.03em;font-size:1.28rem;text-shadow:0 2px 5px #0009}.side .brand p{color:#e4cfa7;font-weight:600}
.nav{min-height:0;overflow-y:auto;overflow-x:hidden;gap:8px;padding:3px 8px 8px 0}.nav button{min-height:49px;padding:13px 17px;font-size:1rem;font-weight:700;letter-spacing:.015em;color:#ebe2db;background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #ffffff17;border-radius:13px;box-shadow:inset 0 1px #ffffff19,0 4px 8px #0005;text-shadow:0 2px 4px #0008;transition:transform .22s ease,background .22s,border-color .22s,box-shadow .22s,color .22s}
.nav button.active{transform:translateX(5px);background:linear-gradient(120deg,#98233e,#5e1a2d);border-color:#f2c98385;color:#fff;box-shadow:inset 0 1px #ffffff66,inset 3px 0 #f8d894,0 7px 16px #0006}.nav button.active::after{width:7px;height:7px;background:#ffe0a0}.nav button:active{transform:translateX(6px) scale(.98)}.nav button:focus-visible{outline:2px solid #ffd893;outline-offset:2px}
.side .profile{position:static;flex:none;margin-top:auto;padding:17px 8px 0;border-top:1px solid #e2c49131}.side .profile strong{font-size:1rem}.side .profile span{color:#d1c2b8}
@media(hover:hover){.nav button:hover{transform:translateX(6px);color:#fff;border-color:#f1cc8580;background:linear-gradient(120deg,#6a2638,#29202a);box-shadow:inset 0 1px #ffffff30,0 8px 18px #0007}.nav button.active:hover{background:linear-gradient(120deg,#ae2947,#6b1d32);border-color:#f2d391}}
@media(max-width:850px){.side{display:block;overflow:visible}.side .brand{margin-bottom:12px;padding-bottom:12px}.nav{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;gap:8px}.nav button{font-size:.91rem;line-height:1.18;min-height:53px;padding:10px 5px;text-align:center;white-space:normal}.nav button.active{transform:translateX(3px);box-shadow:inset 0 -2px #ffd171,0 4px 14px #0003}.side .profile{display:none}}
@media(max-width:360px){.nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.nav button,.nav button.active{transition:none!important;transform:none!important}}