.mx-boton{position:relative;min-width:28px;padding:0;border-color:#fff3b0;background:radial-gradient(circle at 32% 26%,#fff0a6 0,#e7b93c 45%,#9a6b0f 100%);color:#2a1b00;
  font:700 .95rem/1 Georgia,"Times New Roman",serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.mx-boton:active{transform:scale(.94)}
.mx-boton .mx-m-letra{display:block;pointer-events:none}
.mx-boton[hidden],.mx-tarjeta[hidden],.mx-velo[hidden]{display:none}
.mx-boton .mx-onda{position:absolute;inset:-3px;border-radius:999px;border:2px solid #e7b93c;opacity:0;pointer-events:none}
.mx-boton.mx-habla .mx-onda{animation:mx-onda 1.4s ease-out infinite}
.mx-boton.mx-callado{background:#000c;border-color:var(--rojo2,#c0392b);color:#e7b93c}
.mx-boton.mx-apagada{background:#2a2a2a;border-color:#555;color:#777;filter:grayscale(1);opacity:.55;box-shadow:none}
.mx-boton.mx-apagada .mx-onda,.mx-boton.mx-apagada::after{display:none}
.mx-boton.mx-callado::after{content:"";position:absolute;left:5px;right:5px;top:50%;height:2px;background:var(--rojo2,#c0392b);border-radius:2px;transform:rotate(-38deg);pointer-events:none}
@keyframes mx-onda{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.35);opacity:0}}

.mx-tarjeta{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:2147482100;width:min(340px,calc(100vw - 20px));max-height:52dvh;overflow:auto;
  background:linear-gradient(180deg,#240d10,#120708);border:1px solid #e7b93c;border-radius:14px;box-shadow:0 10px 34px #000d;color:#f3ead2;padding:.7rem .8rem;font:.84rem/1.4 "Segoe UI",system-ui,sans-serif;animation:mx-sube .25s ease-out}
@keyframes mx-sube{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.mx-tarjeta h4{margin:0 0 .35rem;color:#e7b93c;font:700 .9rem Georgia,serif;letter-spacing:.05em}
.mx-tarjeta h4 small{color:#bda566;font:600 .68rem "Segoe UI",sans-serif;letter-spacing:.08em;display:block}
.mx-t{margin:.25rem 0;white-space:pre-wrap;word-break:break-word;font:inherit;color:inherit;background:none;border:0;padding:0;overflow:visible}
.mx-t.mx-dato{color:#d9cba0;font-size:.78rem}
.mx-t.mx-reco{color:#ffe58a;font-style:italic}
.mx-t.mx-aviso{color:#ffb0a0}
.mx-acc{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
.mx-b{border:1px solid #e7b93c;background:#1a0d0d;color:#e7b93c;border-radius:999px;padding:.34rem .8rem;font:700 .76rem "Segoe UI",system-ui;letter-spacing:.03em;cursor:pointer}
.mx-b.mx-oro{background:linear-gradient(180deg,#ffe58a,#e7b93c 55%,#9a6b0f);color:#1a1200;border-color:#fff3b0}
.mx-x{position:absolute;right:.4rem;top:.25rem;border:0;background:none;color:#bda566;font-size:1.2rem;line-height:1;cursor:pointer}

.mx-velo{position:fixed;left:0;right:0;top:0;height:0;z-index:2147483500;display:block;pointer-events:none}
.mx-hoja{position:fixed;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:var(--mx-top,64px);height:var(--mx-alto,40dvh);max-width:min(420px,calc(100vw - 16px));margin:0 auto;box-sizing:border-box;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#240d10,#0f0606);border:1px solid #e7b93c;border-radius:14px;box-shadow:0 8px 28px #000c}
.mx-cab{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-bottom:1px solid #4a3a1a;color:#e7b93c;font:700 .9rem Georgia,serif;letter-spacing:.04em;flex:none;min-width:0}
.mx-cab .mx-tit{flex:1;min-width:0;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mx-cab .mx-tit small{display:block;color:#bda566;font:600 .58rem "Segoe UI",sans-serif;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis}
.mx-cab .mx-b{flex:none;padding:.28rem .6rem;white-space:nowrap}
.mx-reg{flex:1;min-height:0;overflow:auto;padding:.45rem;display:flex;flex-direction:column;gap:.35rem;-webkit-overflow-scrolling:touch}
.mx-m{max-width:92%;padding:.38rem .6rem;border-radius:12px;font:.82rem/1.35 "Segoe UI",system-ui,sans-serif;overflow-wrap:anywhere}
.mx-m.mx-yo{align-self:flex-end;background:#3a1216;border:1px solid #6b2a30;color:#f3ead2}
.mx-m.mx-el{align-self:flex-start;background:#1c1408;border:1px solid #6b5420;color:#f3ead2}
.mx-m .mx-t{margin:0}
.mx-rapidas{display:flex;gap:.3rem;flex:none;overflow-x:auto;white-space:nowrap;padding:.25rem .45rem 0;scrollbar-width:none}
.mx-rapidas::-webkit-scrollbar{display:none}
.mx-rapidas .mx-b{flex:none;padding:.26rem .6rem;font-size:.7rem}
.mx-pie{display:flex;gap:.3rem;padding:.4rem .45rem;border-top:1px solid #4a3a1a;align-items:center;flex:none;min-width:0}
.mx-pie input{flex:1;min-width:0;width:0;background:#0a0505;border:1px solid #6b5420;border-radius:999px;color:#f3ead2;padding:.45rem .75rem;font:16px "Segoe UI",system-ui}
.mx-pie input:focus{outline:none;border-color:#e7b93c}
.mx-mic{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid #e7b93c;background:#1a0d0d;color:#e7b93c;display:grid;place-items:center;padding:0;cursor:pointer}
.mx-mic.on{background:#8a1620;color:#fff;animation:mx-latido 1s infinite}
@keyframes mx-latido{50%{box-shadow:0 0 0 6px #8a162055}}
.mx-env{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid #fff3b0;background:linear-gradient(180deg,#ffe58a,#e7b93c 55%,#9a6b0f);color:#1a1200;font-weight:900;padding:0;cursor:pointer}
.mx-pensando{color:#bda566;font-style:italic}

body:has(#ctl-casino #mx-boton) .banda-prueba{padding-right:calc(9rem + 34px)}
@media(max-width:600px){body:has(#ctl-casino #mx-boton) .banda-prueba{padding-right:calc(9rem + 30px)}}
.mx-m.mx-aviso{opacity:.75;font-size:.8em}