/* El título principal necesita aire para los descendentes (como la “g”) en desktop y celular. */
#page-title{line-height:1.23!important;padding-bottom:.09em}

/* Final phone refinements for the internal panel. */
@media(max-width:720px){
  .sidebar{justify-content:space-between!important;padding-right:20px!important;padding-left:20px!important}
  .sidebar nav{display:none!important}
  .sidebar .brand{display:flex!important;flex:none!important;width:auto!important;margin:0!important;padding:0!important;gap:0!important}
  .sidebar .brand .brand-symbol{width:31px!important;height:27px!important}.sidebar .brand .brand-word{display:none!important}
  .sidebar>.panel-mobile-toggle{display:flex;width:132px;height:43px;margin-left:auto;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(70,86,124,.7);border-radius:11px;background:rgba(25,34,55,.82);color:#dce5f7;font:700 .68rem Inter,Arial,sans-serif;letter-spacing:.03em;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease,background .2s ease}
  .sidebar>.panel-mobile-toggle:hover{transform:translateY(-1px);border-color:#788fce;background:rgba(36,48,78,.92)}
  .panel-mobile-toggle i{display:block;width:13px;height:1.5px;margin-right:1px;border-radius:99px;background:#aabfff}
  .panel-mobile-toggle i:first-child{margin-left:2px}.panel-mobile-toggle i:nth-child(2){margin-left:-14px;transform:translateY(4px)}.panel-mobile-toggle i:nth-child(3){margin-left:-14px;transform:translateY(8px)}.panel-mobile-toggle span{margin-left:7px}
  .panel-mobile-menu{position:fixed;z-index:120;right:14px;bottom:80px;left:auto;width:min(292px,calc(100vw - 28px));display:grid;gap:4px;padding:10px;border:1px solid #394866;border-radius:15px;background:rgba(14,20,34,.98);box-shadow:0 20px 55px rgba(0,0,0,.48);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translate(16px,12px) scale(.985);transform-origin:bottom right;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
  .panel-mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translate(0,0) scale(1)}.panel-mobile-menu[hidden]{display:none!important}.panel-mobile-menu p{margin:3px 7px 7px;color:#8fa1c3;font:700 .58rem Inter,Arial,sans-serif;letter-spacing:.12em}.panel-mobile-menu button{width:100%;min-height:42px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:#dbe5f7;font:700 .75rem Inter,Arial,sans-serif;text-align:left;cursor:pointer}.panel-mobile-menu button:hover{background:#202b46}
  .sidebar nav>.nav-item[data-view="catalogo"],.sidebar nav>.nav-item[data-view="configuracion"]{display:none!important}
  .sidebar nav>.mobile-more-button{display:flex;flex:1 1 0;min-width:0;height:51px;padding:5px;align-items:center;justify-content:center;gap:0;border:0;border-radius:10px;background:transparent;color:#9facbf;font:inherit;font-size:0;line-height:1;cursor:pointer}
  .mobile-more-button>span{display:block;font-size:1.05rem;line-height:1;letter-spacing:.05em}
  .mobile-more-button[aria-expanded="true"]{background:#1c2540;color:#f3f6ff;box-shadow:inset 0 2px 0 var(--violet)}
  .mobile-more-menu{position:fixed;z-index:90;right:10px;bottom:78px;display:grid;gap:6px;width:170px;padding:8px;border:1px solid #33405e;border-radius:13px;background:rgba(17,22,38,.98);box-shadow:0 18px 45px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
  .mobile-more-menu[hidden]{display:none!important}
  .mobile-more-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:11px;border:0;border-radius:8px;background:transparent;color:#d9e3f8;font:700 .72rem Inter,Arial,sans-serif;text-align:left;cursor:pointer}
  .mobile-more-menu button:hover{background:#202a43}.mobile-more-menu button span{color:#aabfff;font-size:1rem}
}
@media(min-width:721px){.mobile-more-button,.mobile-more-menu,.panel-mobile-toggle,.panel-mobile-menu{display:none!important}}