/* Panel lateral de cuenta: clases e ID originales. */
#panelCuenta.panel-cuenta { position:fixed; top:12px; bottom:12px; right:12px; z-index:6000; width:450px; max-width:calc(100% - 24px); height:calc(100% - 24px); padding:0; border:1px solid #e1e7ef; border-radius:18px; background:#fff; color:#244d7c; box-shadow:0 12px 40px #0f1e3133; overflow:hidden; visibility:hidden; pointer-events:none; transform:translateX(calc(100% + 24px)); transition:transform .25s ease,visibility .25s; }
#panelCuenta.active { visibility:visible; pointer-events:auto; transform:translateX(0); }
#panelCuenta .panel-cuenta-content { display:flex; flex-direction:column; width:100%; height:100%; padding:24px 20px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
#panelCuenta .cerrar-panel-cuenta { position:absolute; right:18px; top:18px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; background:#fff; border:1px solid #e1e7ef; border-radius:10px; color:#667589; font-size:1.5rem; line-height:1; cursor:pointer; }
#panelCuenta .cerrar-panel-cuenta:hover { border-color:#ffb36e; color:#e66a00; background:#fff5e9; }
#panelCuenta .panel-cuenta-header { padding:6px 0 22px; border-bottom:1px solid #e8edf4; }
#panelCuenta .panel-cuenta-avatar { display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin-bottom:16px; border-radius:16px; background:#fff0e1; color:#e66a00; font-size:1.7rem; }
#panelCuenta .panel-cuenta-header h2 { margin:0; padding-right:12px; font-size:1rem; font-weight:400; line-height:1.5; color:#667589; }
#panelCuenta .panel-cuenta-header h2 span { display:block; color:#244d7c; font-size:1.2rem; font-weight:600; overflow-wrap:anywhere; }
#panelCuenta .panel-cuenta-menu { display:flex; flex-direction:column; gap:10px; list-style:none; margin:0; padding:22px 0; }
#panelCuenta .panel-cuenta-menu li { margin:0; }
#panelCuenta .panel-cuenta-menu a { display:flex; align-items:center; gap:12px; min-height:52px; padding:12px; border:1px solid #e8edf4; border-radius:10px; background:#fbfcfe; color:#244d7c; text-decoration:none; font-size:.9rem; font-weight:500; }
#panelCuenta .panel-cuenta-menu i { display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin:0; border-radius:8px; background:#eef3fa; color:#244d7c; font-size:1.1rem; }
#panelCuenta .panel-cuenta-menu a:hover { border-color:#ffd8b0; background:#fff5e9; color:#e66a00; }
#panelCuenta .panel-cuenta-content > form { margin-top:auto; padding-top:16px; border-top:1px solid #e8edf4; }
#panelCuenta .btn-panel-cuenta { min-height:44px; margin-top:0!important; border:1px solid #ffd8b0; border-radius:10px; background:#fff5e9; color:#c25b00; font-size:.9rem; font-weight:600; }
#panelCuenta .btn-panel-cuenta:hover { background:#ff7900; border-color:#ff7900; color:#fff; }
#panelCuenta :is(button,a):focus-visible { outline:2px solid #ff7900; outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { #panelCuenta { transition:none; } }

/* Evita que los accesos flotantes tapen las acciones del panel abierto. */
body:has(#panelCuenta.active) :is(.btn-whatsapp,.btn-scroll-top) { visibility:hidden; pointer-events:none; }