/* Barra de cuenta del cliente. Vive aparte porque la usan cuatro páginas con
   estilos base distintos. */
#cuenta{display:flex;align-items:center;min-height:34px}
.cta-caja{position:relative}
.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:.3rem .75rem .3rem .35rem;
  cursor:pointer;font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;font-size:.88rem;transition:.16s}
.cta-btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35)}
.cta-btn img,.cta-ini{width:26px;height:26px;border-radius:50%;flex:none;object-fit:cover}
.cta-ini{display:grid;place-items:center;background:#fff;color:#0A0A0C;font-size:.85rem}
.cta-nom{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cta-fle{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cta-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:224px;background:#121215;
  border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:.4rem;z-index:60;
  box-shadow:0 22px 46px -18px rgba(0,0,0,.8)}
.cta-menu[hidden]{display:none}
.cta-quien{padding:.65rem .75rem .7rem;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:.35rem}
.cta-quien b{display:block;font-size:.95rem;color:#fff}
.cta-quien span{display:block;font-size:.82rem;color:#9A9EA6;overflow:hidden;text-overflow:ellipsis}
.cta-menu a,.cta-menu button{display:block;width:100%;text-align:left;background:none;border:0;
  color:#dfe1e5;font-family:'Barlow',system-ui,sans-serif;font-size:.94rem;padding:.55rem .75rem;
  border-radius:8px;cursor:pointer;text-decoration:none}
.cta-menu a:hover,.cta-menu button:hover{background:rgba(255,255,255,.08);color:#fff}
.cta-menu button{color:#E9A18C;margin-top:.25rem;border-top:1px solid rgba(255,255,255,.07);
  border-radius:0 0 8px 8px;padding-top:.7rem}