/* Badge de socio del Club en el header (todo el sitio). */
/* Fijo en la esquina superior derecha (el header va lleno, así no lo empuja). */
#mbbadge{position:fixed;top:19px;right:16px;z-index:99999;display:flex;align-items:center;margin:0;font-family:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
#mbbadge *{box-sizing:border-box}
#mbbadge .mbbadge-btn{display:flex;align-items:center;background:none;border:0;padding:2px;cursor:pointer;line-height:1}
#mbbadge .mbbadge-name, #mbbadge .mbbadge-btn svg{display:none}
#mbbadge .mbbadge-av{width:34px;height:34px;border-radius:50%;background:#EA2027;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;overflow:hidden;flex:none;border:2px solid #C8A84B;transition:transform .12s,box-shadow .12s}
#mbbadge .mbbadge-btn:hover .mbbadge-av{transform:scale(1.06);box-shadow:0 0 0 3px rgba(200,168,75,.25)}
#mbbadge .mbbadge-av img{width:100%;height:100%;object-fit:cover;display:block}
#mbbadge .mbbadge-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;background:#1b1512;border:1px solid rgba(246,241,231,.14);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.5);padding:8px;z-index:100000}
#mbbadge .mbbadge-menu[hidden]{display:none}
#mbbadge .mbbadge-head{padding:10px 12px;color:#C9C2B4;font-size:12.5px;line-height:1.5;border-bottom:1px solid rgba(246,241,231,.1);margin-bottom:6px}
#mbbadge .mbbadge-head strong{color:#F6F1E7;font-size:15px;font-weight:700}
#mbbadge .mbbadge-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;color:#F6F1E7;font:inherit;font-size:14px;padding:10px 12px;border-radius:10px;cursor:pointer;text-decoration:none}
#mbbadge .mbbadge-item:hover{background:rgba(234,32,39,.16)}
#mbbadge .mbbadge-out{color:#FF9F9F}
@media (max-width:640px){ #mbbadge .mbbadge-name, #mbbadge .mbbadge-btn svg{display:none} #mbbadge .mbbadge-btn{padding:3px} #mbbadge{margin-left:.4rem} }