/* GoyaLabs Click · menú compacto móvil; no altera la navegación PC. */
.click-mobile-settings{display:none}
.storyhub-cinema-actions{display:flex;justify-content:flex-end;align-items:center;margin:4px 0 14px}
.storyhub-cinema-actions .storyhub-hero-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.storyhub-cinema-actions .storyhub-btn{padding:10px 15px;font-size:13px}
.storyhub-cinema-actions .storyhub-btn.primary{background:#7148dc;color:#fff}
.storyhub-cinema-actions .storyhub-btn.secondary{background:#f5f0ff;color:#603ca9;border:1px solid #dfd1fc}
html[data-theme="dark"] .storyhub-cinema-actions .storyhub-btn.secondary{background:#25203e;color:#e0d6ff;border-color:#3b315c}
@media(max-width:760px){
  .topbar.topbar-auth{z-index:1300!important;overflow:visible!important}
  .topbar-auth .topbar-v5-mobile{overflow:visible!important}
  .topbar-auth .topbar-v5-mobile>.click-mobile-settings{
    display:block!important;position:absolute!important;left:10px!important;top:50%!important;
    transform:translateY(-50%)!important;z-index:1305!important;margin:0!important;
  }
  .click-mobile-settings>summary{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;list-style:none!important;cursor:pointer;
    width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
    font-size:0!important;line-height:0!important;
    border:1px solid #e2d9f4;border-radius:13px;
    background:#fff;color:#55369a;box-shadow:0 2px 9px rgba(39,25,70,.06);
    -webkit-tap-highlight-color:transparent
  }
  .click-mobile-settings>summary::-webkit-details-marker{display:none}
  .click-mobile-settings>summary::marker{content:''}
  .click-mobile-settings__hamburger{
    box-sizing:border-box;display:flex!important;flex-direction:column;align-items:stretch;
    justify-content:space-between;width:21px!important;height:17px!important;
    min-width:21px;max-width:21px;flex:0 0 21px;margin:0!important;padding:0!important;
    color:inherit!important
  }
  .click-mobile-settings__hamburger>span{
    display:block!important;width:21px!important;height:3px!important;min-height:3px;
    margin:0!important;padding:0!important;border:0!important;border-radius:4px;
    flex:0 0 3px;background:currentColor!important
  }
  .click-mobile-settings>summary:focus-visible,.click-mobile-settings__option:focus-visible{
    outline:3px solid #8a68e7;outline-offset:2px
  }
  .click-mobile-settings[open]>summary{background:#efe9fc}
  .click-mobile-settings:not([open])>.click-mobile-settings__panel{display:none!important}
  .click-mobile-settings__panel{
    position:absolute;top:calc(100% + 9px);left:0;z-index:1310;
    width:min(298px,calc(100vw - 22px));max-height:calc(100dvh - 100px);overflow-y:auto;
    padding:9px;border:1px solid #e5dcf2;border-radius:17px;
    background:#fff;color:#302747;box-shadow:0 14px 40px rgba(26,16,52,.18);
    font-size:13px;overscroll-behavior:contain
  }
  .click-mobile-settings__heading{display:flex;flex-direction:column;gap:4px;padding:10px 11px 12px;margin-bottom:4px;border-bottom:1px solid #eee8f6;font-weight:850}
  .click-mobile-settings__heading span{font-size:11px;font-weight:500;color:#7a6b94;overflow-wrap:anywhere}
  .click-mobile-settings__option{
    display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;
    width:100%;min-height:46px;padding:9px 10px;margin:0;
    border:0;border-radius:10px;background:transparent;color:inherit;
    font:inherit;font-size:12px;font-weight:750;text-align:left;text-decoration:none!important;
    cursor:pointer;white-space:normal;-webkit-tap-highlight-color:transparent
  }
  .click-mobile-settings__option:hover{background:#f5f0ff}
  .click-mobile-settings__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f0ebfa;color:#754bc5;font-size:16px}
  .click-mobile-settings__chevron{color:#85759d;font-weight:900;font-size:15px}
  .click-mobile-settings__indicator{width:22px;height:22px;border-radius:50%;background:#c8c3d0;position:relative}
  .click-mobile-settings__indicator:after{content:"";position:absolute;left:8px;top:5px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:.85}
  [data-click-chat-visibility][aria-pressed="true"] .click-mobile-settings__indicator{background:#7050cc}
  .click-mobile-settings__reward{border-top:1px solid #f1ecf6;border-radius:0;margin-top:4px;padding-top:12px}
  .click-mobile-settings__reward b{color:#6842bd;font-size:12px;white-space:nowrap}
  .click-mobile-settings__reward.claimed{cursor:default;opacity:.8}
  .click-mobile-settings__reward.is-loading{cursor:progress;opacity:.7}
  .click-mobile-settings__logout{color:#ab4050;border-top:1px solid #f1ecf6;border-radius:0;margin-top:4px;padding-top:12px}
  .click-mobile-settings__logout .click-mobile-settings__icon{background:#ffeff0;color:#ae4052}
  html[data-theme="dark"] .click-mobile-settings>summary{background:#241b3b;color:#e4d6ff;border-color:#514079;box-shadow:none}
  html[data-theme="dark"] .click-mobile-settings[open]>summary{background:#35264f}
  html[data-theme="dark"] .click-mobile-settings__panel{background:#201933;color:#f1eafe;border-color:#4b3e65;box-shadow:0 14px 45px rgba(0,0,0,.35)}
  html[data-theme="dark"] .click-mobile-settings__heading{border-bottom-color:#473758}
  html[data-theme="dark"] .click-mobile-settings__heading span{color:#b9aacd}
  html[data-theme="dark"] .click-mobile-settings__option:hover{background:#342748}
  html[data-theme="dark"] .click-mobile-settings__icon{background:#392951;color:#e5d8ff}
  html[data-theme="dark"] .click-mobile-settings__reward,html[data-theme="dark"] .click-mobile-settings__logout{border-top-color:#473758}
  html[data-theme="dark"] .click-mobile-settings__reward b{color:#cab3ff}
  html[data-theme="dark"] .click-mobile-settings__logout{color:#ffb1c0}
  html[data-theme="dark"] .click-mobile-settings__logout .click-mobile-settings__icon{color:#ffb1c0;background:#4c2a3d}
  html[data-click-chat-bubble="hidden"] .click-chat .click-chat-launcher{display:none!important}
  .storyhub-cinema-actions{margin:0 0 11px}
  .storyhub-cinema-actions .storyhub-btn{font-size:12px;padding:9px 12px}
}
@media(max-width:360px){
  .topbar-auth .topbar-v5-mobile>.click-mobile-settings{left:6px!important}
  .click-mobile-settings>summary{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important}
}
@media(min-width:761px){.click-mobile-settings{display:none!important}}