/* Mayorales: menú y transiciones */
.side{background:radial-gradient(ellipse at 0 0,#49232a66,transparent 60%),linear-gradient(165deg,#151720,#0c0e14);border-color:#ffffff12}
.side .brand{border-bottom:1px solid #ffffff0c;margin-bottom:22px;padding-bottom:22px}
.side .brand img{filter:drop-shadow(0 3px 12px #ffd17120)}
.nav{gap:9px}
.nav button{position:relative;isolation:isolate;min-height:48px;padding:15px 18px;border:1px solid transparent;border-radius:14px;transition:background .2s,color .2s,transform .2s,border-color .2s,box-shadow .2s}
.nav button.active{background:linear-gradient(115deg,#642334,#321920);color:#fff3da;border-color:#ffd17150;box-shadow:inset 3px 0 #ffd171,0 5px 20px #0003}
.nav button.active::after{content:'';position:absolute;right:14px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#ffd171;box-shadow:0 0 10px #ffd17180}
.nav button:focus-visible{outline:2px solid #ffd171;outline-offset:3px}
.nav button:active{transform:scale(.97)}
.main>.top{animation:mayorales-in .35s ease-out both}
.main>.grid>.card{animation:mayorales-in .45s ease-out both}
.main>.grid>.card:nth-child(2){animation-delay:.05s}.main>.grid>.card:nth-child(3){animation-delay:.1s}.main>.grid>.card:nth-child(4){animation-delay:.15s}
.main>.section,.main>.split{animation:mayorales-in .4s ease-out both}
.main>.grid>.card{background:radial-gradient(ellipse at 100% 0,#ffd1710c,transparent 70%),linear-gradient(145deg,#1b1d29,#11131a);border-color:#ffffff13}
@keyframes mayorales-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.nav button:hover{background:#ffffff09;color:#fff;border-color:#ffffff20;transform:translateX(3px)}.nav button.active:hover{background:linear-gradient(115deg,#732a3c,#3a1c25);border-color:#ffd17170}}
@media(max-width:850px){.side{padding:16px 15px 18px}.side .brand{margin-bottom:12px;padding-bottom:12px}.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}.nav button{text-align:center;white-space:normal;font-size:.83rem;min-height:48px;padding:12px 6px;background:#ffffff04;border-color:#ffffff0b}.nav button.active{box-shadow:inset 0 -2px #ffd171,0 4px 14px #0003}.nav button.active::after{display:none}.main{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.nav button,.main>.top,.main>.grid>.card,.main>.section,.main>.split{animation:none!important;transition:none!important;transform:none!important}}