/* ───── Botón hamburguesa ───── */
.drawer-hamburger{
    position:fixed;top:18px;left:18px;z-index:300;width:48px;height:48px;
    border:none;border-radius:12px;background:#232946;color:#fff;font-size:2rem;
    display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0002;
    cursor:pointer;transition:background .17s
}
.drawer-hamburger:hover{background:#35396a;color:#6be8fd}

/* ───── Overlay ───── */
.drawer-overlay{
    position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(44,62,80,.28);z-index:250
}

/* ───── Panel ───── */
.drawer-panel{
    position:fixed;top:0;left:0;height:100vh;width:285px;max-width:94vw;
    background:#232946;color:#fff;z-index:260;
    display:flex;flex-direction:column;
    box-shadow:2px 0 24px #2329461a;
    transform:translateX(-100%);
    transition:transform .25s ease-in-out;
    overflow-y:auto;
}
.drawer-panel.open{transform:translateX(0)}
@media(max-width:500px){.drawer-panel{width:94vw}}

/* ───── Header ───── */
.drawer-header{
    padding:30px 16px 8px 20px;
    display:flex;flex-direction:column;
    align-items:center;gap:6px
}

/* Logo (reemplaza avatar) */
.drawer-brand{
    display:flex;align-items:center;justify-content:center;
    margin-bottom:6px;
}
.drawer-logo{
    height: 88px;        /* tamaño del logo en el drawer */
    width: auto;
    display:block;
    user-select:none;
    -webkit-user-drag:none;
}

.drawer-username{font-size:1.11rem;font-weight:bold}
.drawer-email{font-size:.91rem;opacity:.83}
.drawer-divider{border:none;border-bottom:1.5px solid #8b92d9;width:80%;margin:12px 0 0;opacity:.45}

/* ───── Menú ───── */
.drawer-menu{
    display:flex;flex-direction:column;gap:12px;
    padding:18px 0 0;
}
.drawer-link{
    color:#fff;padding:9px 24px;text-decoration:none;font-size:1.02rem;
    border-radius:13px;transition:background .19s
}
.drawer-link:hover,.drawer-link.active{background:#35396a;color:#6be8fd}

/* ───── Footer ───── */
.drawer-footer{
    margin-top:auto;
    padding:24px 18px 28px;
    border-top:1px solid #8b92d922;
}
.drawer-logout{
    width:100%;padding:12px;border:none;border-radius:24px;background:#e94560;
    color:#fff;font-size:1.01rem;font-weight:bold;cursor:pointer;transition:background .2s
}
.drawer-logout:hover{background:#c0392b}