/* ================= MENU LATERAL (DRAWER) ================= */
.drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);
  z-index:1900;opacity:0;pointer-events:none;
  transition:opacity .35s;backdrop-filter:blur(4px);
}
.drawer-overlay.open{opacity:1;pointer-events:all}

.drawer{
  position:fixed;top:0;left:0;bottom:0;width:300px;
  background:var(--white);z-index:1950;
  transform:translateX(-100%);transition:transform .4s cubic-bezier(.77,0,.175,1);
  display:flex;flex-direction:column;padding:28px;
}
.drawer.open{transform:translateX(0)}

.drawer-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:40px;
}
.drawer-close{
  width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);
  background:none;color:var(--dark);cursor:pointer;font-size:1.2rem;
  display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.drawer-close:hover{background:rgba(0,0,0,.05)}

.drawer-nav{list-style:none;display:flex;flex-direction:column;gap:4px;}
.drawer-nav li a{
  display:block;color:var(--dark);text-decoration:none;
  font-size:1.1rem;font-weight:500;padding:14px 0;
  border-bottom:1px solid var(--border);
  transition:color .2s,padding-left .2s;
}
.drawer-nav li a:hover{color:var(--red);padding-left:8px}

.drawer-cta{
  margin-top:auto;
  background:var(--red);color:var(--white);
  display:block;text-align:center;padding:16px;
  border-radius:10px;text-decoration:none;font-weight:700;
  transition:background .2s;
}
.drawer-cta:hover{background:var(--red2)}